← projetos

case study

Como construí o meu website pessoal como um produto, não como um projeto

5

imagem 5 · capa do projeto
1920×1200

Problema

A maioria dos sites pessoais de profissionais segue um de dois caminhos: um template genérico sem estratégia, ou um portfólio que esconde a pessoa por trás do profissional. Nenhum dos dois comunica com precisão quem sou, nem serve os diferentes tipos de pessoas que realmente visitam um site pessoal.

Solução

Em vez de começar pelo design, tratei este site como um produto digital: defini objetivos, personas e proposta de valor antes de desenhar uma única página; construí a arquitetura de informação com trade-offs explícitos em vez de decisões por gosto; e só depois avancei para conteúdo, fluxos e wireframes.

Processo

  1. Descoberta — objetivos, personas, diferenciação, proposta de valor
  2. Arquitetura da Informação — mapa do site, navegação, URLs, SEO técnico
  3. Conteúdo — texto real por página
  4. Fluxos — os caminhos que um visitante percorre até à ação desejada
  5. Wireframes — estrutura de baixa fidelidade antes de qualquer decisão visual
  6. Design de interface e desenvolvimento

Competências utilizadas

Product thinking, arquitetura de informação, UX estratégico, escrita técnica, tomada de decisão baseada em trade-offs.

Tecnologias

Next.js, TypeScript, Supabase (Postgres + Auth), Vercel.

Lições aprendidas até agora

Separar “arquitetura” de “conteúdo” evita confundir estrutura com texto. Um MVP disciplinado é mais difícil de manter do que parece — a tentação de adicionar tudo de uma vez é constante.