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

Antes e depois: o portal novo da ABS Mídia, um estúdio com a luz de NO AR acesa

Como o portal da ABS Mídia ganhou a logo oficial sem fundo, as cores da marca, banners e capas novas e uma página inicial que apresenta a escola.

O décimo primeiro portal do projeto piloto com os assinantes do LMS Estúdio já está no ar: a ABS Mídia, agência de comunicação de Ribeirão Preto que abriu uma escola online de música, oratória e mídias digitais.

A ABS trabalha com produção audiovisual desde 2008. A ideia foi tratar a página inicial como um estúdio: fundo escuro, o laranja da logo como a luz de NO AR acesa e uma onda sonora como assinatura.

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

Quem é a ABS Mídia

A ABS Mídia é uma agência de comunicação de Bonfim Paulista, em Ribeirão Preto (SP), dirigida pelo jornalista Adilson Baptista. Desde 2008 ela faz produção audiovisual, diagramação, redação jornalística e redes sociais. Na escola virtual, oferece cursos online de violão, teoria musical, oratória e Instagram, de R$ 79 a R$ 149, todos com certificado.

Como o portal estava

O portal já tinha os cursos, mas o visual não combinava com a marca e escondia parte do conteúdo:

  • A página era branca, mas o texto estava configurado em branco. As frases do meio da página e do rodapé existiam e ninguém conseguia ler.
  • A logo era um arquivo pequeno, com fundo branco e muita sobra em volta.
  • O menu era azul-violeta e os botões, rosa, cores que não aparecem na marca preta e laranja da ABS.
  • Os banners tinham o texto desenhado dentro da imagem. No celular, viravam uma faixa estreita com letra ilegível.
O topo do portal da ABS Mídia antes e depois, no computador
O topo da página inicial antes e depois, no computador.

O que mudamos

A logo oficial, sem fundo

Usamos o arquivo oficial da logo, em alta resolução, que estava no site institucional da ABS. Tiramos o fundo branco sem mexer no desenho e fizemos uma versão clara para o fundo escuro. O símbolo, o círculo com o play, virou o ícone da aba do navegador.

A logo da ABS Mídia com fundo branco e a logo oficial sem fundo, com a versão para fundo escuro e o ícone da aba
A logo antes e depois, com a versão para fundo escuro e o ícone da aba.

Preto, creme e o laranja da marca

O portal passou para o fundo escuro, com o texto em creme e o laranja da pílula "mídia" nos botões e destaques. Nos títulos usamos a Outfit, de traço fino como o "abs" da logo; no texto, a DM Sans; e nos rótulos uma letra de máquina, como os números de tempo de uma ilha de edição.

Banners e capas novas

Entraram 3 novos banners, sem letra dentro da imagem: violão, oratória e Instagram, cada um levando ao seu curso. O texto fica por cima, em letra de verdade, e continua legível no celular. Os 4 cursos ganharam capa nova: o objeto do assunto num estúdio escuro, com a onda sonora de cada curso.

Uma página inicial que apresenta a escola

Abaixo dos banners, a página mostra as 3 áreas como canais de uma mesa de som, com os cursos e os preços; a história da ABS, com o professor; o passo a passo do play ao certificado; e um convite para conversar com a escola antes de se inscrever. Assinaturas e Perguntas frequentes, que estavam vazias, saíram do menu.

As três áreas da ABS Mídia como canais de uma mesa de som e as capas novas dos cursos
As três áreas e as capas novas dos cursos.

Celular

No celular, a abertura agora é uma foto com o título e o botão para ver os 4 cursos, já na primeira tela.

Portal da ABS Mídia 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.

Depois de ver o resultado, o Adilson nos mandou um vídeo:

"A própria LMS Estúdio fez uma reformulação e nós sentimos que eles captaram a nossa ideia, a nossa necessidade, de primeira, sem necessidade de nenhuma correção. Ficou do jeitinho que a gente sempre sonhou."

Adilson Baptista, diretor da ABS Mídia

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 ABS Mídia. E, se você ainda não conhece a plataforma, veja como funciona o LMS Estúdio.

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