Bora - Website
Cliente
Bora
Setor
Design
Ano
2025
Projeto
Criando o meu Portfólio:
Uma jornada pelo Design
Criar meu portfólio tem sido uma jornada transformadora, abrangendo quase um ano de design iterativo - cheio de acertos, erros e muitos ajustes. Esse processo não foi apenas sobre criar um website funcional e atraente, mas também sobre desenvolver uma identidade visual que represente quem eu sou e a forma como busco me posicionar no mercado.
Com uma base fundamentada em metodologias, benchmarking competitivo e originalidade, busquei criar uma portfolio que refletisse minha filosofia de vida e valores de design, mas ao mesmo tempo alinhado aos padrões da indústria.
Desafio
Balanceando Autenticidade e Relevância de Mercado
O principal desafio foi projetar um portfólio que fosse pessoal, ao mesmo tempo em que atendesse aos padrões profissionais esperados no mercado do design. Era essencial equilibrar criatividade e funcionalidade, destacando não apenas minhas habilidades, mas também minha abordagem e personalidade.
Além disso, o portfólio precisava atender a diferentes públicos — potenciais clientes, colaboradores e empregadores —, cada um com expectativas únicas. O desafio foi criar uma estrutura e uma narrativa que ressoassem com todos esses stakeholders, mantendo uma voz coesa e autêntica.
Solução
Desenvolvendo um Processo de Design Impactante
Desenvolver o site Bora foi um exercício de design iterativo, autoconhecimento e refinamento técnico ao longo de três anos. Meu desafio era criar um portfólio que fosse, ao mesmo tempo, autêntico e profissional, atendendo a diferentes públicos — clientes, recrutadores e parceiros de trabalho — sem perder coesão.
O resultado é um portfólio que reflete meu crescimento como designer, estruturado de forma estratégica e pensado para evoluir junto comigo.
Exploração
Antes de começar, mergulhei em uma extensa pesquisa de portfólios de referência. Além disso, conversei com recrutadores de diferentes áreas para entender:
- O que eles valorizam em um portfólio?
- O que faz um case se destacar?
- Quais erros são mais comuns?
Durante essa pesquisa acabei anotando três pontos principais:
- Estruturação clara dos cases: Cases organizados em introdução, problema, processo e resultado facilitam a leitura e permitem que recrutadores avaliem rapidamente meu raciocínio de design.
- Uso de imagens ilustrativas: Mockups e elementos visuais reforçam a narrativa e aumentam o engajamento com o conteúdo, facilitando o entendimento do projeto.
- Navegação objetiva: Uma experiência de navegação direta e sem ruídos ajuda o usuário a encontrar o que precisa com poucos cliques.
Ideação
Com os aprendizados da pesquisa, defini os pilares estruturais dos cases:
- Clareza: comunicação simples e direta, evitando jargões desnecessários.
- Foco no usuário: explicar que cada decisão de design foi pensada para facilitar a experiência tanto de recrutadores quanto de clientes.
- Profundidade dos cases: conteúdo equilibrado, mostrando não apenas o resultado final, mas toda a construção dos projetos — o suficiente para demonstrar o processo sem se tornar cansativo.
Decisões estratégicas importantes:
- Página única ou múltiplas páginas? Escolhi múltiplas páginas para dar espaço e profundidade a cada case, sem poluir a navegação.
- Quantidade ideal de cases? Entendi que uma quantia entre 4 e 6 projetos, permitiria que eu mostrasse meu trabalho com consistência. sem parecer genérico.
- Nível de detalhe de cada case: Conteúdo didático, mas direto, equilibrando a quantidade de texto e imagem em cada um deles. Permitindo que, não apenas recrutadores, mas qualquer um interessado no meu trabalho possa entender.
Definição
A ideação foi conduzida com métodos de Design Thinking:
- Affinity maps para organizar insights.
- Brainstorming estruturado para mapear possibilidades.
- Crazy 8s para estimular soluções visuais rápidas e criativas.
Protipação
Dois protótipos foram criados:
- Figma: Foi ótimo para testar estrutura e fluxo inicial, mas acabei optando por abandonar o projeto no Figma. Essa decisão foi tomada por um simples motivo: velocidade.
- Framer: Escolhido pela velocidade e flexibilidade na prototipagem interativa. Permitiu testar transições, responsividade e comportamento real do site em uma velocidade muito maior do que eu faria no Figma.
Teste
- Testes qualitativos: Compartilhei o protótipo com colegas e profissionais da área para detectar dúvidas, pontos de atrito e oportunidades de melhoria. Assim consegui diminuir a quantidade de erros gramáticas, bugs de interatividade e melhorar a própria estrutura do portfolio.
- Google Analytics: Após o lançamento, acompanhei o comportamento dos usuários — tempo médio de permanência, fluxo de navegação e páginas mais acessadas — para entender o que precisava ser ajustado. Assim entendi que meus cases estavam rasos demais e o site como um todo possuía muito texto.
Documentação
O projeto foi acompanhado de um processo rigoroso de documentação:
- ClickUp: gestão de tarefas e prazos.
- Figma: centralização de notas, wireframes, protótipos e feedbacks.
- Google Docs: registros de conversas com recrutadores, análises de mercado e insights para futuras atualizações.
Ferramentas e métodos aplicados:
- Desk research e entrevistas rápidas
- Affinity mapping e criação de personas
- Brainstorming estruturado e Crazy 8s
- Prototipagem no Figma e Framer
- Testes de usabilidade e coleta contínua de feedbacks
Resultado