Uma escola de design com mais de 40 anos de história e um site que não mostrava isso. Refizemos a presença digital inteira em volta de uma ideia: educar o olhar.
SetorEscola de Arte & Design
ServiçosRedesign · Identidade digital · Desenvolvimento web · SEO
O site anterior, em WordPress, era pesado e não passava o nível da escola. Na medição de 05/10/2026, a home no celular tirava nota 45 e levava 25 segundos para mostrar o conteúdo principal.
A ideia
“Onde o olhar transforma o espaço.” A Arquitec é a única escola que não ensina a desenhar ambientes: ensina a educar o olhar. Todo o site gira em volta dessa frase.
A entrega
27 páginas: home, cursos completos e rápidos, institucional, Arquitec Lab, lives e palestras, blog e contato, com SEO e dados estruturados por página.
Como era
O ponto de partida.
O WordPress anterior da escola. Conteúdo denso, muita coisa disputando a atenção na mesma tela e carregamento lento.
Home anterior
Lista de cursos
Cursos rápidos
Institucional
A evolução
Do diagnóstico ao ar.
01
Diagnóstico
Medimos o site antigo: home mobile com nota 45 e LCP de 25 s, página de 1,9 MB. Esse foi o ponto de partida.
02
Identidade
Extraímos do material da escola logos, paleta, fontes e artes das redes. Descobrimos que a cor real da logo é #974313: a paleta listava #A96C45, o que parecia erro.
03
Conceito
A frase “Onde o olhar transforma o espaço.” virou o fio da história. A assinatura visual veio da logo: blocos em degraus, a escada, usados em transições e cantos recortados.
04
Construção
Um gerador próprio monta as 27 páginas. Imagens em WebP responsivo, CSS crítico embutido e um único JavaScript, para a página nascer leve.
05
Lançamento
Em 05/10/2026 o novo site substituiu o WordPress. Os arquivos antigos foram preservados e existe um plano de volta, caso fosse preciso.
O resultado
Tela por tela.
01
A promessa logo na entrada
Hero com a frase da escola, próxima turma e os números que sustentam a confiança. A foto reage ao cursor, como uma lente.
02
Educar o olhar, em três verbos
Olhar, conectar, transformar: o método da escola explicado em uma tela, com tipografia editorial e foto grande.
03
Transformar e escolher o curso
O verbo final do método e, logo abaixo, o convite para encontrar o curso ideal para a sua jornada.
04
Cursos fáceis de comparar
Formação completa e cursos rápidos em uma lista única, com nível, duração e acesso direto.
05
Qual turma combina com a sua rotina?
Seletor de turma por período: manhã, integral ou noite, com horários e valores à vista.
06
Autoridade sem exagero
“A Arquitec é referência em Campinas e região”, com 40 anos de história em destaque.
Sistema visual
Cor e tipografia.
Terracota#974313
Sálvia#A7AA8D
Basalto#2F555D
Linho#EAE2D1
Carvão#36362F
Cal#F7F5F1
Neue Display WideTítulos em caixa-alta
Playfair Display itálicoAcentos e tagline
Hanken GroteskTextos
45 → 98Nota mobile da home (PageSpeed)
1,9 → 0,3Peso da home, em MB
27Páginas
100Acessibilidade, SEO e boas práticas
Medição de 05/10/2026, emulação mobile padrão do PageSpeed. Páginas internas: 97 a 99. Desktop: 100.
