egoCheese, brian barbutti

Dois meses atrás eu falei mal do site da Esamc. Hoje vou mostrar um exemplo diferente, um site de faculdade que realmente é bom. Alguns anos à frente dessa belezinha, o site recente redesign da Michigan State University - College of Law é de cair o queixo.

Uma breve análise:

• Cores: as cores principais do site são o verde e o azul, ambos em tons perfeitamente harmoniosos. Para apoiar, temos tons de cinza e um bege muito suave. A união propicia um perfeito visual de sério que o site tem que ter, porém mostra-se bastante moderno e leve. Eu, particularmente, tenho uma queda pela união de verde+azul; assim como azul+vermelho (vide versão 1 do site).
• Layout: mesmo tendo muito conteúdo, o site da MSU consegue manter-se bastente organizado. Faz isso basicamente: utilizando três colunas e bastante whitespace. Se você olhar para o site da Esamc, verá uma grande diferença nesse aspecto; o segundo também possui bastante conteúdo, porém a página principal não foca no que realmente é importante, já que não possui uma área que introduza a faculdade ao visitante (afinal, a Esamc é nova e relativamente desconhecida).

  Isso fica realmente claro quando você percebe que a página principal da MSU tem muito mais conteúdo que a da Esamc, porém é muito mais agradável aos olhos, mais gostosa de ler e infinitamente mais intuitiva. Para mim, o principal ponto de um layout é exatamente esse: a navegação precisa fluir naturalmente (e sem dor).

• Imagens: a primeira coisa que pula para o olho no site da MSU é a foto principal, assim como no site da Esamc. A diferença? Três palavras: qualidade, harmonia e contexto. A página principal da MSU diz: “Veja, somos uma escola muito boa. Nosso prédio é lindo, nosso clima é aconchegante, nós temos tradição porém somos modernos. Nós levamos muito a sério o nosso trabalho.”. No da Esamc, temos “Somos uma faculdade. Ou talvez uma empresa de RH. Dos Estados Unidos. Sem compromisso, você sabe.”. As imagens ajudam e muito a passar essas duas mensagens distintas; elas são a primeiríssima impressão que vai ficar com o usuário por muito tempo.

Via Cameron Moll.