Pular para o conteúdo
Estúdio Site
LMS 5 min de leitura

Antes e depois: o portal novo da Servare Cursos e Palestras, desenhado como uma prancha técnica

Como o portal da Servare Cursos e Palestras ganhou a logo oficial, as nove áreas técnicas e capa nova para os 35 cursos, sem custo extra.

O décimo portal do projeto piloto com os assinantes do LMS Estúdio já está no ar: a Servare Cursos e Palestras, de educação continuada para engenheiros, arquitetos e profissionais da construção civil.

O público da Servare trabalha com projeto, obra e laudo. A ideia foi tratar a página inicial como uma prancha técnica: papel branco, traço grafite e o quadrado da logo marcando cada seção.

Neste post eu mostro como o portal estava, o que mudamos em cada parte e como funciona para quem quiser participar.

Quem é a Servare

A Servare Cursos e Palestras oferece cursos livres de curta e média duração para a construção civil, com professores que atuam no mercado e alunos em todo o Brasil. São 35 cursos e e-books em 9 áreas, de engenharia diagnóstica e inspeção predial a topografia, drone na construção civil e normas de segurança, em três formatos: turmas ao vivo, cursos gravados e e-books.

Como o portal estava

O portal já tinha os cursos, mas a página inicial não ajudava quem chegava procurando um assunto:

  • No lugar da logo havia um GIF animado com uma foto de obra. A marca só aparecia em alguns quadros, e o lema entrava e saía.
  • Antes do banner vinham três faixas verdes de tons diferentes, e o botão laranja com letra branca era difícil de ler.
  • A página inicial mostrava só os 12 cursos mais recentes, todos no mesmo cartão verde. Os dois cursos gravados, que o aluno pode comprar e começar na hora, não apareciam.
  • No celular, o banner começava longe do topo e a lista de cursos pedia uma rolagem muito longa.
O topo do portal da Servare antes e depois, no computador
O topo da página inicial antes e depois, no computador.

O que mudamos

A logo oficial no topo

Trocamos o GIF pela logo oficial que a Servare nos mandou, o quadrado em degradê com o nome ao lado, redesenhada em alta resolução e com as mesmas medidas do original. A marca não foi refeita. O quadrado sozinho virou o ícone da aba do navegador.

O GIF animado que ocupava o lugar da logo e a logo oficial da Servare, com o ícone da aba
A logo antes e depois, com o ícone da aba.

Grafite, verde da marca e letras novas

O portal passou para fundo claro, com títulos em grafite e o verde da marca nos links e botões. O degradê da logo, do limão ao verde, aparece só em fios e marcadores, nunca atrás de texto. Nos títulos usamos a Jost, parente da letra da logo; no texto, a Work Sans; e nos rótulos uma letra de máquina, como a legenda de uma prancha de projeto.

Banners e capas novas

Entraram 3 novos banners: educação continuada para quem projeta, constrói e inspeciona; inspeção predial, vistoria e perícia; e as turmas ao vivo. Os 35 cursos e e-books ganharam capa nova, com uma foto do assunto no tom da marca e um selo com o formato (ao vivo, gravado ou e-book) e a carga horária. O nome do curso saiu de dentro da imagem, porque já aparece logo abaixo.

Uma página inicial organizada por assunto

Abaixo dos banners, a página mostra as 9 áreas técnicas, para o visitante achar o assunto dele em um clique; os três formatos, explicando a diferença entre turma ao vivo, curso gravado e e-book; os dois cursos gravados em destaque; os 12 professores com a área de cada um; e uma faixa para entrar na próxima turma pelo WhatsApp.

As nove áreas técnicas da página inicial e as capas novas dos cursos
As nove áreas técnicas e as capas novas dos cursos.

Celular

No celular, o banner agora aparece logo abaixo da logo, e a lista de cursos ficou com menos da metade da rolagem que tinha antes.

Portal da Servare no celular, antes e depois
A primeira tela no celular, antes e depois.

O que não mudou

Os cursos, os preços, as aulas, as formas de pagamento e as páginas institucionais continuam iguais. Antes de aplicar, fizemos uma cópia de segurança de todas as configurações e das imagens dos cursos, e a proposta foi aprovada antes de qualquer mudança no site.

Como funciona o projeto

  1. Você coloca o link do seu portal no grupo de educadores.
  2. Analisamos o portal, o seu público e os concorrentes.
  3. Montamos uma proposta com o novo visual, para você ver antes de qualquer mudança.
  4. Se você aprovar, nossa equipe aplica tudo no seu portal.

Tudo sem custo extra e sem você precisar fazer nada. Estamos atendendo em média um portal por dia, pela ordem em que os links chegam no grupo.

Quer participar?

Se você tem um portal no LMS Estúdio, entre no nosso grupo de educadores e coloque o link do seu portal lá. No grupo também avisamos as novidades e melhorias do sistema.

Para ver o resultado funcionando, acesse o portal da Servare. E, se você ainda não conhece a plataforma, veja como funciona o LMS Estúdio.

Obrigado, Pedro Afonso, pela confiança. A nossa missão é entregar o melhor sistema elearning do Brasil, e o portal de cada escola faz parte disso.