Marca e site

Alphabc Ensino: a marca que já era boa, firmada

Reforço escolar que acompanha aluno desde 1999. O nome e as cores já funcionavam — o que faltava era um desenho que aguentasse sair do papel: caber numa mochila, num letreiro de fachada e num ícone de perfil sem perder a leitura.

  • SegmentoReforço escolar
  • EntregasLogotipo · Site
Logotipo da Alphabc Ensino criado pela Agência Aba
Logotipo principalVersão principal, com o símbolo e a assinatura Ensino.
O caminho

Duas entregas, na ordem que faz sentido

A marca veio primeiro, porque é ela que aparece na fachada, no uniforme e no material do aluno. O site foi construído depois, em cima dela.

Identidade visual

Logotipo principal, variações para usos diferentes, paleta fechada e tipografia definida — o suficiente para a marca ser aplicada sem depender da agência a cada peça nova.

Site

Construído em cima da identidade pronta, em código escrito à mão, sem CMS e sem plugin de terceiro.

Antes e depois

O que mudou, e por que precisava mudar

O logotipo anterior tinha uma ideia boa dentro de um desenho que não se sustentava fora da tela grande.

Logotipo anterior da Alphabc Ensino, com o alfa em pincelada verde sobre o nome
AntesPincelada verde com o alfa em traço fino, e o nome empilhado embaixo.
Logotipo da Alphabc Ensino criado pela Agência Aba
DepoisSímbolo fechado, alfa com peso para aguentar a redução e o nome na horizontal.

Os quatro problemas do logotipo antigo

  • A pincelada não fechava. A mancha verde tinha borda irregular e sombra. Em bordado, em adesivo recortado ou em relevo na fachada, cada aplicação saía com um contorno diferente — porque não havia contorno definido.
  • O alfa era fino demais. Traço de caneta fina some quando o símbolo vira ícone de perfil, etiqueta de caderno ou bordado de camiseta. É justamente onde a marca de uma escola mais aparece.
  • O conjunto era vertical. Símbolo em cima, nome embaixo. Essa proporção não entra em cabeçalho de site, em faixa de fachada nem na lateral de uma mochila sem sobrar espaço morto dos dois lados.
  • Faltava o que o símbolo quer dizer. A pincelada não remetia a nada do ramo. Era cor e textura, não significado.

A marca nova mantém o que já identificava a escola — o alfa, o verde, as letras coloridas do abc — e troca o que não aguentava: o símbolo virou um bloco fechado que é livro e balão de fala ao mesmo tempo, o alfa ganhou peso, e o conjunto deitou.

Sistema

Uma marca, três versões

Três versões além da principal, para os lugares onde a assinatura por extenso não cabe ou o fundo não ajuda.

Símbolo da Alphabc Ensino, o alfa no bloco verde
SímboloSozinho, para ícone de perfil, etiqueta e bordado
Versão em círculo do símbolo da Alphabc Ensino
Em círculoPara selo, adesivo e foto de perfil redonda
Versão negativa do logotipo da Alphabc Ensino, em branco sobre preto
NegativaPara fundo escuro, impressão em uma cor e vídeo

Paleta e tipografia

O verde da escola continua mandando, e o vermelho, o azul e o preto ficam reservados às letras do abc — as três cores que uma criança aprende primeiro. É o nome explicando a si mesmo.

Verde Alphabc#2E8A33
Vermelho#FD0201
Azul#004481
Preto#010101

Tipografia de apoio sem serifa, de desenho arredondado e leitura fácil, para comunicado, agenda e mural acompanharem o logotipo sem endurecer o tom.

Aplicações

Onde a marca foi parar

Marca de escola vive no material que o aluno leva para casa e na fachada que o pai vê quando vai buscar. É onde ela precisa funcionar.

Recepção da Alphabc Ensino com a marca na parede
Recepção
Totem de fachada da Alphabc Ensino
Fachada
Camisetas azul e verde com o símbolo da Alphabc
Uniforme
Mochila e estojo com o símbolo da Alphabc
Material do aluno
Papel timbrado, cadernos, pastas e cartão da Alphabc
Papelaria
Letras em relevo do letreiro da Alphabc Ensino
Letreiro
Segunda entrega

E então o site entrou no ar

Com a marca firmada, o site institucional foi construído para uma decisão só: a família agendar a visita presencial. Quem decide é o pai ou a mãe, mas quem frequenta é o aluno — então o site fala com os dois, metodologia e resultado de um lado, ambiente e rotina do outro.

Em HTML, CSS e JavaScript escritos à mão, sem CMS e sem plugin de terceiro, com contato por WhatsApp.

A página do projeto tem a ficha técnica completa, medida direto no site publicado.

Próximo passo

Sua marca aguenta virar ícone, bordado e letreiro?

Se o logotipo da sua escola só fica bom grande, ou se cada gráfica entrega uma versão diferente, vale conversar.