Notebook sobre a mesa de apoio de madeira clara de um quarto de bebê à noite, ao lado de uma babá eletrônica e de um livro de pano, exibindo o site do Colégio Santo Anjo

Case de Web Design · Colégio Santo Anjo

Começa no
berçário.
Vai até o
ensino médio.

O Colégio Santo Anjo recebe bebês a partir de 4 meses e forma alunos até o ensino médio, em cinco unidades de Curitiba. O site precisava levar cada família à unidade da sua fase e mostrar o cuidado antes do currículo.

Cliente
Colégio Santo Anjo
Segmento
Berçário ao ensino médio
Projeto
Site institucional
PageSpeed
99 no computador

Contexto

Cinco unidades, uma fase da vida escolar em cada.

Ninguém deixa um bebê numa escola por impulso. A família decide pela confiança e revê a escolha a cada fase.

O Santo Anjo atende do berçário ao ensino médio, com período integral e ensino bilíngue. O site precisava separar as unidades por idade e mostrar a rotina da escola.

Para quem o site fala

  • Famílias com bebês a partir de 4 meses
  • Pais da Educação Infantil
  • Famílias do Ensino Fundamental
  • Alunos do Ensino Médio e do High School
  • Quem busca período integral

Desafio

O filho fica.
A dúvida vai para casa.

Escola é um contrato de muitos anos. Antes da matrícula, a família quer ver quem cuida do filho, como é o dia e como ele entra e sai.

  1. Cada idade em outro endereço.

    O berçário fica numa unidade e o ensino médio em outra. Sem essa separação clara, a família liga para o lugar errado.

  2. O dia que os pais não veem.

    Quem deixa o filho às 7h e busca às 19h quer saber o que aconteceu no meio. Rotina escondida vira ansiedade.

  3. A rematrícula em jogo.

    Do Pré para o fundamental e do fundamental para o médio, a família compara escolas de novo. O caminho precisa aparecer.

O diagnóstico

O cuidado matricula. O caminho rematricula.

Projeto

A unidade pelo nome, o dia à vista e o caminho até o médio.

  1. PrimeiroAcolhera família com a rotina e a segurança à vista
  2. DepoisMostraro caminho até o ensino médio e o High School

As cinco unidades pelo nome.

O menu abre as cinco unidades, uma a uma, e os níveis de ensino da Educação Infantil ao Médio. O Portal fica à parte, com o acesso de alunos, pais e colaboradores.

Navegaçãoum endereço sócinco unidades no menu

A rotina da criança à vista.

Os primeiros diferenciais respondem a quem deixa um filho pequeno: o período integral, o Feed Pedagógico, com a rotina da turma, e a segurança na entrada e na saída.

Confiançapromessa de cuidadodia a dia mostrado

O caminho até o ensino médio.

Quem chega com um bebê já vê aonde a escola leva: mais de 25 anos, aprovações em instituições internacionais, ensino bilíngue, High School e as conquistas dos alunos.

Trajetóriamatrícula do anocaminho até o médio

colegiosantoanjo.com.br/
Página inicial do site do Colégio Santo Anjo, inteira, no computador

A lógica que une as três

Do cuidado ao caminho.

Design

Páginas desenhadas do zero, com as fotos das próprias unidades.

colegiosantoanjo.com.br/ No ar
Página inicial do site do Colégio Santo Anjo, 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 Santo Anjo no Figma, montada com as telas reais do site: a home no computador e no celular, a página da Unidade Anjinho e o guia de cores e tipografia
Faixa +25 de anos atuando da home do Colégio Santo Anjo, com o número ao lado das três frases, medida em 1440 px
+25 de anos atuando · 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

No celular, cada fase num cartão.

Celular · 390 px Computador · 1440 px
Página inicial do site do Colégio Santo Anjo, inteira, no celular
Três celulares com as páginas Unidade Anjinho, Home e Feed Pedagógico do site do Colégio Santo Anjo

Performance

99 de desempenho no computador, medido pelo Google.

Google PageSpeed InsightsComputador
99
Desempenho
100
Acessibilidade
100
Boas práticas
100
SEO
Relatório de 27/10/2026colegiosantoanjo.com.br

Toda entrega termina assim

Auditoria no PageSpeed antes de chamar o site de pronto.

Entrega

Cinco unidades num site só, sem mensalidade.

  • Atendimento
  • Designer UX/UI
  • Dev front-end
  • Dev back-end
  1. Projeto exclusivo.Desenhado do zero para o Santo Anjo, sem template.
  2. Uma página por unidade.As etapas que cada unidade atende, com galeria de fotos.
  3. Visita agendada online.Pedido de visita com o ano letivo e os dados do filho.
  4. Diferenciais com página.Período integral, Feed Pedagógico, segurança, pastoral e outros.
  5. Blog, galerias e podcast.Notícias e conteúdo do colégio reunidos no menu Mídia.
  6. Portal da família.Acesso de alunos, pais e colaboradores, com cardápios e loja.
  7. WhatsApp e Analytics.Botão de conversa pelo WhatsApp e medição de acesso pelo Tag Manager.
  8. Sem mensalidade.O site é do cliente. Nenhuma taxa recorrente obrigatória.

No ar

colegiosantoanjo.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