Este site. Portfólio e blog desenhados e construídos do zero — da primeira linha de wireframe ao domínio no ar.
O desafio
Um portfólio de videomaker compete com movimento, e a saída fácil é encher a tela de vídeo. Eu queria o contrário: um site que segurasse a atenção com tipografia, ritmo e espaço, e que ainda carregasse rápido em qualquer conexão. E ele precisava servir a duas funções ao mesmo tempo — mostrar trabalho e publicar conteúdo com constância, sem depender de mim para mexer em código a cada post.
O processo
Comecei tirando a cor. Sem paleta para criar destaque, tudo passou a ser resolvido por escala tipográfica, espaço em branco e as linhas finas que separam as seções — uma restrição desconfortável que deixou o layout mais honesto.
Cada seção ganhou um comportamento próprio no scroll: o título do hero abre em máscara, as palavras do manifesto acendem conforme você lê, as linhas se desenham, e o índice de projetos revela a capa deslizando por trás da linha no hover. Nada disso é decoração solta — é o que dá ao site a cadência de um vídeo sem usar vídeo.
No blog, os posts vivem em Markdown e são sincronizados automaticamente a partir de uma base externa: eu escrevo fora do editor de código, e o site se reconstrói e publica sozinho.
A entrega
- Identidade digital em preto e branco, com tipografia própria e sistema de espaçamento
- Home, listagem e página de projeto, listagem e página de post — dark e light
- Animações de scroll e scroll suave, com respeito a
prefers-reduced-motion - Blog com filtro por categoria e publicação automática a partir do CMS
- Fontes com subset e imagens otimizadas: o site inteiro pesa menos que uma foto de celular
- Deploy contínuo com domínio próprio
