O décimo quarto portal do projeto piloto com os assinantes do LMS Estúdio já está no ar: a FocoEnsina, que forma professores e psicopedagogos em neuroeducação, com protocolos e programas próprios.
A logo da FocoEnsina são blocos de montar desenhados a giz, e a escola tem um método próprio: compreenda, avalie, planeje e intervenha. A ideia foi montar a página inicial bloco a bloco, com cada bloco da logo numerando um passo do método.
Neste post eu mostro como o portal estava, o que mudamos em cada parte e como funciona para quem quiser participar.
Quem é a FocoEnsina
A FocoEnsina trabalha com neurociência aplicada à educação. No portal ficam as formações para professores da Educação Infantil e dos anos iniciais, psicopedagogas e coordenadoras: alfabetização e leitura, avaliação das dificuldades de aprendizagem, desenvolvimento infantil, inclusão e biopsicopedagogia, além de programas autorais como o PROALFA e o PROAUTI. A escola também atende secretarias e escolas com programas de formação para a rede inteira.
Como o portal estava
O portal já tinha os cursos e capas próprias, mas a página inicial não contava o que a FocoEnsina faz:
Eram 6 banners com o texto desenhado dentro da imagem, que sumia ou ficava minúsculo no celular.
A página inicial era só o banner e a lista de cursos. Nada dizia para quem são as formações nem quem as desenvolve.
A etiqueta da categoria cobria o nome do curso escrito na capa, e os nomes apareciam cortados.
O azul-petróleo do topo e do rodapé não existe na logo, e no celular a página de cada curso deslizava 640 px para o lado.
O topo da página inicial antes e depois, no computador.
O que mudamos
A logo oficial, em alta
A logo usada no portal era um arquivo pequeno, com fundo branco chapado e muita sobra em volta, por isso aparecia pequena no topo. A versão oficial em alta estava dentro de uma arte do site institucional da FocoEnsina; recortamos sem redesenhar nada. O alvo do último bloco virou o ícone da aba do navegador.
A logo antes e depois, com o ícone da aba.
As cores dos blocos
Saiu o azul-petróleo e entraram as cores da própria logo: o roxo das letras nos títulos e botões, o amarelo nos destaques (com um traço de giz sob as palavras-chave, como no site institucional) e o vermelho, o azul e o verde dos blocos marcando cada trilha. Nos títulos usamos a Lexend; no texto, a Nunito.
Banners e capas novas
No lugar dos 6 banners entraram 3, com os textos que a Maria Carolina escreveu e a letra de verdade, que continua legível no celular. Os 16 cursos ganharam capa nova, todas da mesma família: uma foto do tema e uma faixa com o bloco da cor da trilha.
Uma página inicial com o método da casa
Abaixo dos banners, a página explica o percurso da FocoEnsina em quatro blocos numerados: compreenda, avalie, planeje e intervenha. Depois vêm os cursos organizados por necessidade, em trilhas como "Alfabetização e leitura" e "Avaliação", a seção sobre quem desenvolve as formações e, no fim, uma faixa com os programas para secretarias e escolas.
O método em quatro blocos e as capas novas.
Celular
No celular, o banner mostra a foto e o texto separados, legíveis, e a página de cada curso deixou de deslizar para o lado.
A primeira tela no celular, antes e depois.
O que não mudou
Os cursos, os preços, as aulas e as formas de pagamento 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, com os ajustes da Maria Carolina, antes de qualquer mudança no site.
Como funciona o projeto
Você coloca o link do seu portal no grupo de educadores.
Analisamos o portal, o seu público e os concorrentes.
Montamos uma proposta com o novo visual, para você ver antes de qualquer mudança.
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.
