Pular para o conteúdo
MARCIOIA®

Cora Coralina

  • Design de interface
  • Desenvolvimento
  • SEO
  • 2026

Um site institucional com portal integrado, pensado para transformar visita em matrícula.

Página inicial do site do Colégio Cora Coralina

Sobre o projeto

O Colégio Cora Coralina precisava de um site que representasse a força da marca e de um portal onde pais, professores e secretaria encontrassem tudo num só lugar. Entreguei os dois: a mesma identidade visual do colégio, construída do zero, do primeiro clique até o acesso do dia a dia.

Cliente
Colégio Cora Coralina
Segmento
Educação
Ano
2026
Situação
Em andamento

Da primeira visitaà matrículaassinada.

Página do programa bilíngue no site do Colégio Cora Coralina
Página sobre o colégio no site do Colégio Cora Coralina
Página de metodologia no site do Colégio Cora Coralina

Aabordagem

A paleta inteira do site e do portal, mel, manteiga, creme, areia e tinta, veio do próprio logo do colégio, não de um banco de cores genérico. O portal foi desenhado como um sistema único com cinco entradas diferentes: pais, professores, secretaria, financeiro e direção, cada um vendo só o que precisa ver.

06

Páginas no site

05

Perfis no portal

05

Cores da paleta

01

Responsável do início ao fim

As cinco cores da paleta do Cora Coralina: mel, manteiga, creme, areia e tinta

Paleta

Mel, manteiga, creme, areia e tinta: as cinco cores tiradas do próprio logo do colégio guiam o site inteiro.

01 / 03

Arcos concêntricos representando os cinco perfis de acesso do portal

Portal

Cinco perfis de acesso, pais, professores, secretaria, financeiro e direção, cada um com sua própria porta de entrada.

02 / 03

As letras Aa em Fraunces e em Manrope lado a lado

Tipografia

Fraunces e Manrope constroem a mesma identidade acolhedora em cada tela, do site ao portal.

03 / 03

Tecnologia

Construídosob medida

Nada de tema pronto ou construtor de site. Cada tela foi escrita em código, o que deixa a página leve, rápida de carregar e livre para crescer com o negócio.

  • TanStack Start
  • React
  • Cloudflare Workers
  • Tailwind CSS

O que foi entregue

  • Site institucional com 6 páginas
  • Portal com 5 perfis de acesso
  • Paleta e tipografia da marca
  • SEO técnico e performance

Como foi construído

  1. 01Paleta extraída do logo
  2. 02Arquitetura das 6 páginas
  3. 03Interface dos 5 perfis
  4. 04Publicação e testes
Mockup de celular com a página de matrículas do Colégio Cora Coralina
Mockup de celular com a página do programa bilíngue do Colégio Cora Coralina
Mockup de monitor com a página de rotina do Colégio Cora Coralina

Créditos

Direção, design e código
Márcio Felipe
Tipografia
Fraunces + Manrope

Próximo projeto

Musclor

E-commerce e Automação

Página inicial do site da Musclor Suplementos