Os detalhes que ficaram

Um site estático, por mais original que seja o seu design, é como uma revista em papel: mais um. Os detalhes dão personalidade, alma e vida a um projeto. Mas não um detalhe qualquer.

O cursor que escreve comigo

Cada página deste site abre com um título que não termina num ponto, mas num cursor azul que aparece quando o título acaba de subir. É uma espécie de easter egg: lembra que sou programador web. Esse cursor é o meu ambiente de todos os dias, o que vai construindo comigo a arte do código.

O corte que se acende

Os botões e as imagens dos projetos têm o mesmo canto cortado a 45° que o logo. Ao passar o rato, o corte de um botão abre-se e acende-se em Azur, e o canto de uma imagem enche-se da mesma cor. Não há mais nada: nem botões que saltam nem cartões que flutuam.

O que deixei de fora

Pus de parte os movimentos excessivos nos botões ao passar o rato: eram mais do mesmo que se vê noutras páginas. Também não há cartões que se levantam como se flutuassem. Acho que estamos saturados de cartões e que o seu tempo passou. Talvez voltem, porque as modas tendem a regressar.

A minha regra: um detalhe tem de levar a algum lado

Um detalhe soma quando provoca uma ação ou leva a atenção do visitante a um ponto de interesse. Se é animar por animar, só distrai. Por isso o Azur acende-se onde há algo para fazer: um botão, uma ligação, um projeto para abrir.

E há dois limites que não negoceio. O conteúdo nunca espera por uma animação: o título lê-se desde o primeiro instante. E quem tem ativada a redução de movimento no seu dispositivo vê o site parado, com tudo no lugar.

O meu favorito: o varrimento entre páginas

Ao passar de uma página para outra, a nova entra com um varrimento enquanto a anterior se afasta. Dá ao visitante a sensação de uma visita fluida, sem cortes bruscos ao mudar de página.

Nos sites dos meus clientes

Os detalhes também vão para os projetos dos meus clientes. Neles tento imprimir a personalidade de cada um: são como os acessórios de um bom outfit.

Outro detalhe deste site, a linha que diz quanto tempo a página demorou a aparecer, tem o seu próprio artigo: O site que mede a velocidade.