CFC Ativa

Criação de identidade visual, logotipo e papelaria. Planejamento, criação, concepção do design do site em WordPress para autoescola CFC Ativa

Sobre a empresa

O Centro de formação de condutores Ativa (CFC Ativa), fundado na primavera de 1997, optou pela escolha do nome ATIVA inspirado no conceito da Escola Ativa defendida John Dewey, psicólogo e pedagogo, um dos mais célebres pensadores na área de educação contemporânea que influenciou o movimento da Escola Nova no Brasil.

Sobre o projeto

A Ativa estava com uma identidade visual bastante ultrapassada, desenvolvida em 1997, e já não condizia com os métodos bastante atuais e eficazes utilizados pelos instrutores e que pautavam toda a administração da instituição. Foi desenvolvida toda a identidade visual a partir da antiga ideia. A rosa do ventos que já era utilizada pela escola como norte para os novos alunos foi a mesma utilizada para o desenvolvimento de uma identidade mais atual e nova.

A identidade visual foi construída no Adobe Illustrador e no Adobe Photoshop.

Abaixo você consegue visualizar a construção do símbolo e da logo e algumas aplicações.

Elementos gerais

A a paleta de cores e a tipografia foram as únicas exigências do cliente.

Cores

As cores escolhidas selecionadas tendo em base a paleta utilizada na identidade antiga, sendo um desejo do cliente continuar, as mudanças foram propostas apenas nos tons de vermelho (que é a cor principal).

Cores

Tipografia

A fonte escolhida tanto para a palelaria quando para a comunicação digital foi a Open Sans.

Tipografia

Grid da logo

O símbolo foi concebido por 4 círculos posicionados para formar a figura final, que foi construído a partir da logo anterior.

Cartão de visita antigo

O tom de vermelho foi solicitado pelo cliente. A tipografia escolhida para a logo foi a Open Sans.

Logo nova

Abaixo o cartão de visitas utilizado pelos funcionários. Ele também foi construído para servir como folheto de anotação, com horários e preços das aulas, por isso esse espaço “vazio” preenchido com a cor branca.

Cartão de visita

Cartão de visita

O desenvolvimento do site foi outro marco. Junto com o site, foi desenvolvido um sistema de matriculas online com integração com PagSeguro, Facebook, Twitter e Youtube.

Abaixo, alguns elementos que foram utilizados para chegar no resultado final.

Wireframe

Os wireframes das telas do site e do sistema foram feitos no Balsamiq. O layout em alta fidelidade no Adobe Illustrator e a codificação das telas foi escrita no NetBeans.

Abaixo você pode conferir a tela inicial, uma interna e a tela de login do sistema do aluno.