← Voltar para todos os desafios

Dia 27: O storytelling do seu case

Um bom design merece uma boa história. Aprenda a estruturar seu projeto em um case de portfólio que impressiona recrutadores e clientes.

O que é um case de design?

Um case de portfólio não é apenas uma galeria de telas bonitas. É uma narrativa que demonstra seu processo de pensamento, suas habilidades de resolução de problemas e o impacto do seu trabalho. Ele deve responder às perguntas: Qual era o problema? Como você o abordou? Qual foi a solução de design e por quê?

Inspiração e moodboard: o primeiro passo

Antes de montar seu case, busque referências! Crie um moodboard (painel de inspiração) para definir o tom visual da sua apresentação.

Busque no Behance: Procure por "UI landing page case study" ou "UI design case study" para ver como os melhores designers apresentam seus trabalhos.
Colete Referências: Salve screenshots de layouts, tipografias, cores e estilos de apresentação que te agradam. Crie uma nova página no seu Figma chamada "Referências" e cole tudo lá.

Modelo básico de um case de sucesso

Aqui está uma estrutura clássica e eficaz que você pode usar como guia para montar a apresentação do seu projeto de landing page:

Capa e título: Uma imagem de mockup impactante e um título claro para o projeto.
Visão geral do projeto: Um parágrafo curto resumindo o projeto, seu papel, as ferramentas usadas e a duração.
O problema e os objetivos: O briefing que você criou no Dia 15. Qual problema a landing page resolve?
A solução de design: A parte principal. Aqui você apresenta as telas finais, usando os mockups incríveis que criou no Dia 24 para dar vida ao projeto. Use e abuse da criatividade!
Guia de estilos (Style Guide): Apresente seu mini Design System, mostrando a paleta de cores, a escala tipográfica e os componentes principais. Isso demonstra organização e pensamento sistêmico.
Conclusão e aprendizados: Um breve resumo do que você aprendeu com o projeto.

Dica de mestre: comece com um template

A Comunidade Figma é cheia de recursos incríveis para acelerar seu trabalho. Para te ajudar a montar seu case, encontramos um template de apresentação para Behance que você pode duplicar e usar como base.

Usar um template te ajuda a focar no mais importante: o conteúdo e a história do seu projeto, pois a estrutura visual já está pronta e segue ótimas práticas de apresentação.

Duplicar Template no Figma

Seu desafio de hoje: o roteiro do seu case

Hoje sua missão é começar a estruturar seu case de portfólio. Você será o roteirista e o diretor de arte da sua própria história de design!

Checklist do desafio:

Crie seu moodboard: Navegue pelo Behance e colete de 5 a 10 referências de layouts de apresentação de case que você admira.
Defina a estrutura: Crie um novo arquivo no Figma (ou use uma nova página). Baseado no modelo que fornecemos, crie os "slides" ou seções do seu case (Capa, Visão Geral, O Problema, etc.).
Escreva o storytelling: Preencha as seções "Visão Geral" e "O Problema" com os textos que você já tem do seu projeto.
Monte seu Guia de Estilos: Crie a seção do seu case dedicada a apresentar sua paleta de cores, tipografia e principais componentes.