2025
Redesign do Portfólio de Desenvolvedor Front-End
Um projeto pessoal de reposicionamento profissional e visual.
Thiele Santana
Product Designer
Contexto
Transformando um portfólio técnico em uma experiência pessoal e inspiradora.
Como simplificamos a experiência de treino e aumentamos o engajamento diário em 45%O site original apresentava o trabalho de um desenvolvedor front-end, mas sua estrutura visual e narrativa não comunicavam claramente o valor profissional e a identidade pessoal do autor.
O objetivo do projeto foi reposicionar o portfólio como uma plataforma moderna, confiável e com linguagem mais madura, reforçando propósito, clareza e diferenciação no mercado de tecnologia.
Problema
Um portfólio funcional, mas sem propósito e conexão emocional.
O layout anterior tinha boa base técnica, porém alguns pontos prejudicavam a percepção de valor:
Hierarquia visual limitada e títulos muito pesados.
Estrutura pouco fluida entre seções (“Projetos”, “Habilidades”, “Sobre mim”, “Contato”).
Ausência de tom pessoal e propósito no conteúdo textual.
Falta de consistência tipográfica e espaçamento entre blocos.
Esses fatores geravam uma experiência fragmentada e dificultavam a conexão emocional com o visitante.
Pesquisa e Descoberta
Compreendendo o que faz um portfólio realmente se destacar.
Para fundamentar o redesign:
Foram analisados portfólios de referência de designers e devs com forte apelo visual e storytelling (como Bruno Simon, Filipe Deschamps e Sam Thompson).
Identificou-se a importância de apresentar propósito e trajetória logo no início, com foco em valores pessoais e impacto.
Estudos de comportamento mostraram que recrutadores e leads tendem a abandonar portfólios longos sem uma narrativa clara e CTA visível.
Processo de Design
Reestruturando a jornada para contar uma história mais humana.
Mapeamento da jornada do visitante – da primeira impressão ao envio de contato.
Reestruturação da arquitetura de informação – agrupando “Habilidades” e “Projetos” de forma mais linear e escaneável.
Criação de uma hierarquia tipográfica leve e funcional, reduzindo contrastes exagerados e melhorando legibilidade.
Definição de grid e espaçamento vertical para aumentar o respiro visual e a consistência entre seções.
Reescrita de microtextos e CTAs com linguagem mais madura (“Vamos trabalhar juntos?” em vez de “Mande uma mensagem”).
Solução Final
Um design que reflete propósito, clareza e confiança.
O novo design entrega uma experiência mais fluida e confiável:
Hero com mensagem de valor clara: “Desenvolvedor front-end — performance, propósito e design funcional.”
Estrutura visual minimalista, com ênfase em equilíbrio entre código e design.
Seções “Tecnologias” e “Desafios” reposicionadas para mostrar domínio técnico real, e não apenas logotipos.
Footer reforçando proposta de colaboração e CTAs diretos: “Vamos trabalhar juntos?”.
Impacto
Mais clareza, credibilidade e uma presença profissional mais sólida.
Após o redesign, o portfólio passou a transmitir:
Autoridade visual e foco profissional.
Maior clareza na trajetória e nos valores pessoais.
Fluxo mais natural até o contato.
Melhor leitura em telas mobile e maior escaneabilidade de texto.
Aprendizados / Reflexão
Equilibrar estética, propósito e narrativa gera conexões verdadeiras.
Esse projeto reforçou a importância de equilibrar identidade pessoal e clareza funcional.
Um portfólio não deve apenas listar projetos, mas contar uma história coerente — quem você é, o que acredita e o impacto que gera.