Projeto de desenvolvimento de portfólio no Figma que apresenta, de forma visual e estratégica, todo o processo de construção de uma solução em Web Development e UX, desde o contexto do problema até os resultados e aprendizados finais. A estrutura é organizada em páginas que contam uma narrativa clara: capa, contexto e motivação, imersão e mapeamento de stakeholders, análise e síntese com definição do problema real, ideação com brainstorm e convergência, prototipagem com snippets de código e fluxos, validação com testes e métricas, e conclusão em formato de resumo visual.

Objetivo do projeto

O objetivo é criar um portfólio multiplataforma visualmente impactante que demonstre tanto habilidades de design quanto de pensamento estratégico em UX e desenvolvimento front-end. Além de comunicar o processo de forma clara, o projeto busca gerar um template reutilizável para outros cases, fortalecendo a consistência e a escalabilidade do portfólio profissional.

Estrutura e narrativa

O projeto é dividido em nove páginas: capa, contexto/motivação, imersão, análise e síntese, ideação, prototipagem, validação, resultados e aprendizados, e conclusão. Cada página tem um foco específico, utilizando elementos visuais como cards, mapas, diagramas, funis, tabelas comparativas e destaques de métricas para facilitar a compreensão do raciocínio e das decisões tomadas ao longo do projeto.

Diferenciais

Entre os principais diferenciais estão o uso do Figma como ferramenta central de storytelling visual, a integração entre UX e código (com snippets organizados em cards) e a navegação clara entre as fases do processo. Isso torna o portfólio mais envolvente para recrutadores e clientes, evidencia maturidade de processo e permite compartilhar o case em diferentes formatos, como arquivo, screenshots ou link interativo.

✅ VANTAGENS DE ESTRUTURAR NO FIGMA:

  1. Visual Impact - Um portfólio visual é muito mais impactante que texto puro
  2. Design Credibility - Mostra habilidades de design + pensamento estratégico
  3. Organizacional - Fica fácil navegar entre as 5 fases
  4. Reutilizável - Vira um template que você pode usar para outros projetos
  5. Portfolio Multiplataforma - Pode ser compartilhado como arquivo/screenshot/link

Processo No Figma