Contexto
CogniFit 5.0 precisava de uma apresentação web que tornasse uma nova experiência de produto compreensível antes de o visitante entrar na plataforma. A página reúne avaliação cognitiva, treino e acompanhamento numa narrativa de descoberta. O desafio de web design era dar prioridade ao que a pessoa precisa de perceber: o que é o produto, como se apresenta e qual é o próximo passo.
O meu trabalho foi o design e a criação desta página. A composição usa ecrãs da aplicação como prova visual, títulos curtos para orientar a leitura e capítulos que aproximam a proposta do funcionamento do produto. Este caso centra-se na experiência pública de apresentação; os ecrãs apresentados não atribuem, por si só, autoria de todos os fluxos internos da aplicação.
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.
- Perceber a proposta
- Explorar os ecrãs do produto
- Relacionar avaliação, treino e progresso
- Avançar para a plataforma
Diagrama criado para explicar a entrega existente. Não é um wireframe original do processo de design.
O meu papel
Design e criação da página web.
Problema
Página de apresentação do CogniFit 5.0, com o produto no centro da comunicação.
Restrições
Pesquisa
Alternativas consideradas
Decisões e porquê
Ecrãs da aplicação em grande, composição centrada e uma sequência que apresenta o produto de forma progressiva.
Leitura dos materiais apresentados; não é uma reconstrução de pesquisa ou testes.
Componentes e sistema
A página permite identificar um vocabulário de interface: hero com proposta e ação, composições de ecrãs, títulos de secção, blocos explicativos e pontos de entrada no produto. A consistência resulta da repetição de hierarquia, cor e relações de escala. Esta leitura descreve os padrões visíveis da entrega; uma biblioteca de componentes, tokens e estados original continua a precisar de documentação própria.
Resultado
Página publicada na CogniFit. O preview apresenta uma captura real do site; a versão completa pode ser visitada abaixo.
Visitar página publicada ↗