como construímos este site.
fizemos o site como faríamos qualquer coisa para ti: à vista, em passos pequenos, com as decisões escritas.
passo 1: referências
começámos por alguns sites de que o fundador gosta. de cada um anotámos o que faz bem e o que evitaríamos. não copiámos nenhum.
passo 2: direção
uma ideia: a home é uma só frase em quatro fragmentos, um por ecrã. os pontos do «i» do nosso logótipo mostram onde estás. papel, tinta e um vermelho.
passo 3: estudos de movimento
antes de construir, testámos cada gesto sozinho: a frase a aparecer, os pontos a encher, a transição de página, o realce ao passar o rato e o foco, o «i» em 3d. curtos, nunca no teu caminho, e parados se o teu dispositivo pedir menos movimento.
passo 4: ferramentas
html e css simples, feitos com eleventy. sem biblioteca de animação, sem empacotador de código. as fontes são geist e geist mono, licença aberta, servidas pelo próprio site.
passo 5: construção, primeiro em local
construímos num só computador antes de pôr alguma coisa online. em cada ponto de controlo escrevemos o que estava feito, o que mudou, o que faltava e o que nos bloqueava.
o que mantivemos
- sem pedidos a servidores de outras empresas
- a frase lê-se inteira mesmo sem movimento
acompanha o processo
mostramos o trabalho a andar no instagram.