Vou começar aqui uma série de artigos listando alguns sites que possuem um design (visual e interface) excelente. São exemplos a serem seguidos e fontes de inspiração para o nosso projeto. Não vamos re-inventar a roda: vamos seguir as tendências, usando o que for mais apropriado no nosso contexto. Além do mais, não somos gênios do design nem precisamos inovar neste aspecto para que o produto tenha sucesso. Precisamos sim atingir padrões “profissionais”, o que já não é fácil e não é atingido por muitos projetos, que ficam com aquele ar de “amador”. Via de regra eles não dão certo (mesmo que a idéia seja boa).

Entendam bem: quando digo design excelente não me refiro a páginas “artísticas” e pouco funcionais, como é muito comum vermos em sites de grifes, joalherias, artistas, etc. Exemplos: giselebundchen.com.br, arezzo.com.br . Design bom, para mim, são aqueles simples e funcionais, mas ao mesmo tempo agradáveis de se olhar e com ar muito profissional.

Sites neste post: 37signals e Spesa.

Terminado o bostejo, começamos com os exemplos:

Sites da 37 signals

Intenção: Página Inicial

Esta é a empresa dos caras que fizeram o Rails. Os caras realmente são fodas, pois conseguem fazer coisas simples, bonitas e funcionais. Os serviços que eles fizeram já tem mais de um milhão de usuários.

Em termos de design, os melhores termos para descrever a filosofia dos caras é simplicidade, harmonia, limpeza e clareza. São compatíveis com os produtos que fazem, que também são assim (lema deles: We aim for elegant, thoughtful products that just do what you need and nothing you don’t).

As fontes são grandes e o tipo é Georgia, o que dá um ar de modernidade (está bem na moda), facilita bem a leitura e fica muito bonito. Em algumas porções de texto menores eles usam Verdana. Em outras de texto muito grande (tipo headlines) usam uma sans-serif não muito diferente da Verdana. A combinação, apesar de inusitada, fica boa.

Eles sempre começam os sites de cada produto com um banner grande, com um “moto” em letras garrafais, destacando suas principais qualidades, e com um screen shot do produto à direita. Embaixo eles colocam pequenos blocos de texto descrevendo as principais qualidades e destaques do produto ou deles mesmos. Em geral as informações são bem espaçadas, dando uma sensação de leveza, ao contrário de sites com um milhão de informações comprimidas num pequeno espaço.

Os sites de todos os produtos deles seguem um layout padronizado, o que é bem legal.

http://www.37signals.com/
http://www.basecamphq.com/
http://www.campfirenow.com/

Spesa

Intenção: Página Inicial

É um site gerenciador de financas simples e funcional. Este site certamente foi muito influênciado pelos da 37signals (até mesmo por ter sido feito em Ruby on Rails). Dá para ver claramente, como colocaram o banner inicial com o screenshot, as principais destaques do produto, etc. E o pior é que ficou bom para caramba! Realmente dá vontade de usar o produto, tanto que eu até me inscrevi. E o produto ficou bom: é uma aplicação direta da boas filosofias do Ruby on Rails (simples, funcional, não enche o saco).

Como vocês podem ver, não foi necessário nenhuma artimanha bizarra de design, nenhum efeito pitoresco no photoshop, etc. Só foram usadas coisas manjadas, mas com bom gosto. O site usa somente Verdana, com letras um pouco menores que as do 37signals. A “cor de tema” do site é um verde meio limão. A escolha de um esquema de cores marcante, mas ao mesmo tempo que não seja brega, é importante para criar uma identidade visual para o site.

Certamente deve ter sido feito por um ou dois desenvolvedores criativos, com uma idéia legal. Não duvido nada que estoure e os caras ganhem dinheiro (ou pelo menos fiquem famosos). Um bom exemplo para nós.

http://www.spesa.com.br/