A página de IQ Test apresenta uma avaliação de raciocínio a pessoas que ainda estão a decidir se querem começar. Antes do teste, a interface precisa de explicar a experiência, dar contexto às capacidades avaliadas e tornar o acesso claro. O desafio está em equilibrar curiosidade visual com informação útil para essa decisão.
O meu contributo foi o design UX/UI e a criação da landing page. O cubo tridimensional funciona como ponto de entrada visual, com azul e superfícies claras a ligar a apresentação à CogniFit. A sequência de conteúdo aproxima a promessa inicial da explicação do teste, dos resultados apresentados e das perguntas frequentes. A página de aquisição e a avaliação em si são âmbitos distintos.
Síntese editorial dos materiais apresentados, preparada para este caso. Não representa um workflow de produção ou investigação documentado.
Diagrama criado para explicar a entrega existente. Não é um wireframe original do processo de design.
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.
Como apresentar uma avaliação interativa de raciocínio a quem chega à procura de um teste de QI? A página precisa de explicar a experiência, as capacidades envolvidas e o significado dos resultados antes de convidar a começar.
O cubo tridimensional coloca o raciocínio visual no centro da primeira impressão. As etiquetas associam o objeto a capacidades cognitivas. A composição aproxima a comunicação do comportamento do produto sem reproduzir a avaliação completa.
Comparação, capacidades, funcionamento e interpretação de resultados organizam a explicação. A sequência permite passar da curiosidade inicial para uma descrição concreta do que a avaliação envolve.
Os detalhes da validação e as perguntas frequentes usam conteúdo expansível. A informação de apoio fica disponível a quem a procura, enquanto os CTAs mantêm uma ação reconhecível ao longo da página.
Leitura dos materiais apresentados; não é uma reconstrução de pesquisa ou testes.
O conjunto de componentes visível inclui hero, CTA principal, blocos de capacidades, apresentação de resultados e conteúdo expansível. A hierarquia distingue a ação principal dos elementos de apoio. O cubo é um recurso de comunicação; não substitui a estrutura da informação. Tokens exatos, variantes e estados devem ser associados aos ficheiros de origem antes de serem apresentados como documentação de sistema.
Uma página publicada que combina apresentação visual, explicação do produto, informação de apoio e entrada para a avaliação.
Visitar página publicada ↗
