O produto antes da explicação longa
O hero combina uma proposta curta, um CTA e visualizações do produto. Os ecrãs dão uma referência concreta ao serviço; o contraste escuro e os acentos azuis estabelecem a hierarquia.
Contexto
A longevidade cognitiva é uma proposta que exige explicação: o visitante precisa de relacionar capacidades cognitivas, funcionamento do serviço e relevância para o seu dia a dia. Uma página extensa pode perder essa ligação se apresentar ciência, funcionalidades e chamadas à ação com o mesmo peso.
Desenhei e criei a landing page para organizar essa descoberta em capítulos. A direção visual escura enquadra os elementos de produto, enquanto a navegação e os títulos separam proposta, capacidades, funcionamento e perguntas frequentes. O percurso documentado termina nos pontos de entrada para a plataforma, sem presumir o que acontece depois do registo.
Percurso de leitura e utilização
Síntese editorial dos materiais apresentados, preparada para este caso. Não representa um workflow de produção ou investigação documentado.
- Entender a relevância
- Explorar capacidades cognitivas
- Compreender o funcionamento
- Consultar dúvidas e avançar
Diagrama criado para explicar a entrega existente. Não é um wireframe original do processo de design.
O meu papel
Design UX/UI e criação da landing page. O meu contributo neste caso é a experiência de descoberta do produto: estrutura da página, interface, direção visual e ligação à plataforma CogniFit.
Problema
Como explicar uma proposta de longevidade cognitiva e ajudar o visitante a perceber o produto antes de iniciar o registo? O desafio de interface é organizar uma página extensa em decisões de leitura simples.
Restrições
Pesquisa
Alternativas consideradas
Decisões e porquê
Dividir a complexidade em capítulos
A navegação separa relevância, ciência, funcionamento, públicos e perguntas frequentes. No conteúdo, as capacidades cognitivas são agrupadas e podem ser exploradas por interação, em vez de aparecerem num único bloco de texto.
Ligar informação e ação
Os convites para avançar reaparecem ao longo da narrativa. A página apresenta também o acesso por diferentes dispositivos. O percurso representado é o da landing page; a conclusão do registo não é demonstrada neste caso.
Leitura dos materiais apresentados; não é uma reconstrução de pesquisa ou testes.
Componentes e sistema
O sistema visível combina superfícies escuras, acentos azuis, navegação por capítulos, grupos de capacidades, composições de dispositivos e chamadas à ação recorrentes. Estes padrões permitem variar o conteúdo sem mudar constantemente a linguagem da página. O inventário aqui descrito é uma análise da entrega, não uma alegação de que foi publicada uma biblioteca de design system completa.
Resultado
Uma landing page publicada, com arquitetura de conteúdo, UI, visualizações de produto e entradas para a plataforma. O site e os ficheiros locais documentam a entrega.
Visitar página publicada ↗