CCAA

CCAA

Portal de Ensino
Alta Performance

Engenharia e desenvolvimento da nova experiência digital do CCAA. Uma arquitetura concebida para unir tradição académica, dinamismo e captação ágil de alunos, através de uma interface moderna e responsiva.

React
JS
HTML
Figma
Aceder ao Portal Institucional
Mockup

DESIGN SYSTEM & USABILIDADE

Como traduzimos autoridade e tradição num design digital envolvente e conversivo.

Quero fazer minha matrícula

border-radius: 25px;

O Equilíbrio "Pill Button"

Aplicámos o formato arredondado (cápsula) aos botões de conversão primários. Esta decisão de UI/UX suaviza a perceção da marca tradicional académica, tornando a interface mais acolhedora para o público jovem e adulto. O Azul Brilhante atrai o clique instantaneamente.

Títulos (Headings)

Red Hat

Geométrica e imponente. Transmite modernidade tecnológica sem perder o peso de uma instituição de ensino.

Corpo (Body)

Roboto

A fonte base perfeita. Garante máxima legibilidade para descrições de cursos, ementas e metodologia longa.

A JORNADA DA CONVERSÃO

Análise de UI dos ecrãs principais concebidos para captação de leads qualificados.

Fase 01. Tradição

Hero Section Imersivo

Apresentação de impacto focada no Azul Institucional (#185CA5) para estabelecer autoridade instantânea. O uso de tipografia grande e limpa convida o utilizador a absorver a promessa de fluência sem distrações visuais.

Mockup
Fase 02. Captação

Formulário de Leads Sem Atrito

Desenhámos uma secção de orçamento onde o contraste é rei. Campos de formulário amplos, fundos brancos e o CTA em Azul Brilhante reduzem a carga cognitiva, acelerando a decisão e a submissão de dados pelo aluno.

Mockup
Fase 03. Metodologia

Exposição de Valor

Utilização inteligente de white space e imagens que transmitem a ideia de 'viver o idioma'. A arquitetura de blocos organiza a metodologia complexa em porções fáceis de ler, com destaques visuais em vermelho para pontos chave.

Mockup
Fase 04. Oferta

Dinamismo na Oferta

As grelhas de cursos utilizam o Magenta (#CC3366) como cor de contraste moderno. Isso quebra a sobriedade académica, criando um ritmo de leitura dinâmico que atrai o olhar imediatamente para os programas de ensino híbrido.

Mockup