Notebook sobre a escrivaninha de estudo de uma criança, à noite, com luminária acesa, estante de livros e globo ao fundo, exibindo o site do Colégio Jardim Anchieta

Case de Web Design · Colégio Jardim Anchieta

Muito colégio se diz bilíngue.
O CJA diz como.

O Colégio Jardim Anchieta, em Florianópolis, estende em 2027 o ensino bilíngue com a Cambridge da Educação Infantil aos Anos Finais. O site precisava explicar cada etapa e levar a família à visita.

Cliente
Colégio Jardim Anchieta
Segmento
Escola bilíngue
Projeto
Site institucional
PageSpeed
95 no computador

Contexto

Formação global com o acolhimento de sempre.

A escola é escolhida pela família inteira. E pesa a proposta, a rotina e o lugar do inglês no dia.

O CJA atende da Educação Infantil ao 9º ano, com jornadas regular, semi-integral e integral. O site precisava mostrar cada etapa e chamar a família para a visita.

Para quem o site fala

  • Famílias com filhos na Educação Infantil
  • Famílias do Ensino Fundamental
  • Quem procura formação bilíngue
  • Famílias que já são do CJA
  • Alunos e professores, nos portais

Desafio

Três etapas.
Três escolhas de rotina.

Os pais comparam poucas escolas e decidem na visita. Antes dela, querem entender a rotina da etapa do filho e quanto do dia é em inglês.

  1. Bilíngue sem medida.

    A palavra está em muita fachada. Os pais querem saber desde que idade, quanto do dia e com qual parceiro.

  2. Jornada que muda com a idade.

    Regular, semi-integral ou integral, com ou sem inglês: a escolha muda no Infantil, nos Anos Iniciais e nos Anos Finais.

  3. A opinião de outros pais.

    Antes da visita, a família procura quem já tem filho na escola. Elogio solto, sem origem, não pesa na decisão.

O diagnóstico

O selo chama a atenção. A rotina decide.

Projeto

Primeiro a etapa do filho, depois o convite para a visita.

  1. PrimeiroSituara família na etapa do filho, logo abaixo do banner
  2. DepoisConvidarpara conhecer a escola, de qualquer página do site

Três etapas logo abaixo do banner.

Logo depois do banner, três cartões levam à Educação Infantil e aos dois ciclos do Fundamental. O pedido de visita fica fixo no topo e volta no fim da apresentação.

Etapaslista de sériesuma porta por etapa

A Cambridge com nome e selo.

A seção Parceiros traz os selos da Cambridge e explica o Centro Preparatório Oficial dos exames. Logo abaixo, a forma de educar do colégio aparece em cartões com foto.

Bilínguebilíngue no sloganparceiro com nome

A palavra de quem já é família.

Os depoimentos vêm da pesquisa NPS da escola, com a série do filho de cada responsável, e o blog conta a vida do colégio, da gincana à colônia de férias.

Famíliaelogio genéricoresposta de pesquisa

cjanchieta.com.br/
Página inicial do site do Colégio Jardim Anchieta, inteira, no computador

A lógica que une as três

Clareza antes da visita.

Design

O laranja e o amarelo do CJA, do banner ao rodapé.

cjanchieta.com.br/ No ar
Página inicial do site do Colégio Jardim Anchieta, inteira, no computador
Páginas inteiras, capturadas do site no arRole dentro da janela ou troque a aba

Exclusividade em cada pixel.

Nada sai de template. O designer UX/UI desenha a home no Figma, no computador e no celular, e o layout só segue para as outras páginas depois do ok do cliente. Cores, tipografia e componentes viram um sistema único antes da primeira linha de código.

Do Figma ao ar
Reconstituição do projeto do site do Colégio Jardim Anchieta no Figma, montada com as telas reais do site: a home no computador e no celular, a página CJA Bilíngue e o guia de cores e tipografia
Seção Parceiros da home do Colégio Jardim Anchieta, com os selos da Cambridge ao lado do texto sobre o Centro Preparatório Oficial, medida em 1440 px
Parceiros · medidas em px no site no ar, a 1440 de largura
  1. 01ImersãoEquipe do projeto, necessidades e referências.
  2. 02Layout da homeComputador e celular.Aprovação
  3. 03Demais páginasCom a direção visual aprovada.Aprovação
  4. 04Front-endSite navegável, com efeitos e chamadas.Aprovação
  5. 05PublicaçãoHospedagem, domínio e backup.
  6. 06TreinamentoVídeo para o time atualizar o site.
  7. 07Performance e SEOAuditoria no PageSpeed e revisão de SEO.

Responsivo

Na tela em pé, um banner só para o celular.

Celular · 390 px Computador · 1440 px
Página inicial do site do Colégio Jardim Anchieta, inteira, no celular
Três celulares com as páginas CJA Bilíngue, Home e Estrutura do site do Colégio Jardim Anchieta

Performance

95 de desempenho no computador, medido pelo Google.

Google PageSpeed InsightsComputador
95
Desempenho
88
Acessibilidade
100
Boas práticas
92
SEO
Relatório de 27/10/2026cjanchieta.com.br

Toda entrega termina assim

Auditoria no PageSpeed antes de chamar o site de pronto.

Entrega

Etapas, portais e blog, sem mensalidade.

  • Atendimento
  • Designer UX/UI
  • Dev front-end
  • Dev back-end
  1. Projeto exclusivo.Desenhado do zero para o Colégio Jardim Anchieta, sem template.
  2. Uma página por etapa.Educação Infantil, Anos Iniciais e Anos Finais, com as suas jornadas.
  3. CJA Bilíngue.Página do programa com a Cambridge e o inglês em cada etapa.
  4. Portal da família.Calendários, manual do aluno, lista de materiais e cardápio da cantina.
  5. Portais em um clique.Portal dos pais, do aluno e do professor, direto do menu.
  6. Blog integrado.Eventos e notícias do colégio, com página própria de artigos.
  7. Visita e WhatsApp.Agendamento de visita ligado ao RD Station e botão de WhatsApp.
  8. Sem mensalidade.O site é do cliente. Nenhuma taxa recorrente obrigatória.

No ar

cjanchieta.com.br

Abra no computador e no celular. É a melhor forma de conhecer o projeto.

Still fresh. Still growing.

Venha crescer
conosco.

Crescer junto começa com uma conversa. Pessoas sêniores, dado aplicado à decisão e relações que se contam em anos.
Let's grow