Lista de links ou um card por setor? A home da SAS Certificadora
Desenhei a home da SAS Certificadora, uma certificadora brasileira de sistemas de gestão. Era muito conteúdo para uma página só, e cada faixa precisou ganhar um papel claro.
O problema
Certificações por setor, inspeções acreditadas, história, acreditações, cursos, blog e consulta de certificado. Se tudo isso virasse uma lista de links, a pessoa teria que ler item por item para achar o que procura.
Um card por setor
Em vez de links, cada setor virou um card com uma foto do próprio contexto. Quem trabalha com agronegócio reconhece a lavoura; quem trabalha com transporte reconhece o caminhão. A foto ajuda a pessoa a se reconhecer antes de ler o nome (Nielsen Norman Group, “Cards: UI-Component Definition”).
A história em três abas
O institucional ficou em três abas numeradas ao lado da foto: quem somos, atuação e soluções. Quem quer saber mais encontra; quem não quer não precisa rolar por três blocos de texto.
Um lugar para cada tarefa
Consultar a validade de um certificado é uma tarefa específica, então ganhou uma faixa própria, perto do fim da página. E o rodapé reúne todos os caminhos do site.
O que eu aprendi
Em uma home com muito conteúdo, o trabalho de design é dar um papel para cada faixa. Uma foto bem escolhida pode fazer o trabalho de um parágrafo inteiro: quem é do agronegócio se reconhece na lavoura antes mesmo de ler.
Referências
- Nielsen Norman Group. Cards: UI-Component Definition.