PROBLEMA
SOLUÇÃO
DESCOBRIR
Briefing · Survey · Pesquisa quantitativa
DEFINIR
Personas · Requisitos SMART · IA
DESENVOLVER
Wireframes · Design System · Protótipo
ENTREGAR
UI Final · Teste de usabilidade
Metodologia: Double Diamond — British Design Council, 2005
descobrir_
O projeto começou com um briefing direto com o criador da Iniciativa Bandoneón que é um projeto social de educação gastronômica itinerante para pessoas em situação de vulnerabilidade. A missão era transformar esse trabalho presencial em um produto digital acessível, prático e engajante.
Para entender quem seriam os usuários, conduzimos uma pesquisa quantitativa com o público-alvo. Os dados revelaram comportamentos e preferências que desafiaram as suposições iniciais.
preferem receitas com vídeos curtos e legendas
querem aprender mais do que o básico
Os apps mais usados pelos respondentes eram redes sociais, o que acabou indicando a necessidade de alguma abordagem de interação e dinâmica. Com isso, foi observado que o conteúdo precisava ser rápido, visual e progressivo.
definir_
PERSONAS
Com os dados da pesquisa, construímos três personas que representavam os perfis distintos identificados. O desafio era projetar para todos eles sem comprometer a experiência de nenhum, são eles:
Pedro, 20, streamer
“Quer autonomia básica na cozinha e uma rotina alimentar mais saudável. Consome tudo via redes sociais, tem tempo limitado e prefere conteúdo rápido e visual.”
Anna, 24, estudante de jornalismo
“Rotina intensa. Precisa encontrar receitas rapidamente, sendo práticas para o dia a dia, elaboradas no fim de semana. Quer descrições completas, sem interrupções.”
“Cozinha para a família em grandes quantidades, com foco em saúde. Quer envolver os filhos no processo e evitar desperdício.”
REQUISITOS · CRITÉRIOS SMART
Para consolidar as descobertas e evitar ambiguidade na etapa de desenvolvimento, os requisitos foram organizados em quatro dimensões e avaliados segundo critérios SMART, garantindo que cada decisão de produto fosse Específica, Mensurável, Atingível, Relevante e Temporal.
METAS DO PRODUTO
· Ensinar técnicas e termos gastronômicos
· Incentivar alimentação saudável e redução de desperdício
· Organizar receitas e conteúdo do chef
· Estimular criatividade culinária
NECESSIDADES DO USUÁRIO
· Aprender a cozinhar com progressão
· Receitas práticas para o cotidiano
· Seguir uma dieta saudável
· Ter autonomia na cozinha
· Acompanhar o itinerário da iniciativa
CONTEÚDOS
· Receitas com texto e imagens ilustrativas
· Perfil de usuário personalizado
· Apresentação do projeto e novidades
· Feedback dos usuários sobre seus resultados
ESPECIFICAÇÕES FUNCIONAIS
· Salvar receitas em pastas personalizadas
· Filtrar por dificuldade (fácil → difícil)
· Marcar ingredientes a comprar
· Receitas com leitor, sons, cronômetro e imagens
ARQUITETURA DA INFORMAÇÃO
Com os requisitos definidos, mapeamos a estrutura completa do app desde o onboarding à área de perfil, passando pelos fluxos de receita, filtragem, lista de compras e interação social.
Arquitetura da Informação — estrutura completa do aplicativo Bandoneón
desenvolver_
Com a arquitetura definida, o processo começou em baixa fidelidade — desenhando em papel os fluxos críticos antes de qualquer decisão visual. Essa etapa foi essencial para validar a navegação sem o peso estético do UI.
WIREFRAMES
Wireframes em papel — exploração de fluxos antes de qualquer decisão visual
Os wireframes cobriram os fluxos prioritários: criação de conta, home com receita do dia, navegação por categorias, tela de receita individual e área de notificações. A navegação bottom tab com 4 seções (Home, Receitas, Notícias, Perfil) foi definida nesta etapa e mantida até a versão final.
DESIGN SYSTEM
O sistema de design foi construído no Figma a partir da identidade visual da Iniciativa Bandoneón — verde e vinho como cores primárias, Nunito como tipografia principal, e formatos arredondados.
TIPOGRAFIA
Nunito
· Black 900 — títulos
· Bold 700 — destaques
· SemiBold 600 — subtítulos
· Regular 400 — corpo
· Entrelinha: 1.5×
PALETA DE CORES
#829d24
#aace26
#dfdd21
#ce1d20
#7a211e
COMPONENTES
Iconografia com traço médio sem preenchimento. Formatos arredondados em cards e botões. Componentes reutilizáveis: receitas, categorias, notificações e perfil.
Design System — paleta, tipografia e componentes do aplicativo Bandoneón
entregar_
Com o sistema de design estabelecido, as telas finais foram desenvolvidas aplicando cada decisão de componente e token de cor de forma consistente. O resultado foi um protótipo navegável testado com colegas, professores e com o próprio criador da iniciativa.
UI FINAL
TESTE DE USABILIDADE
O protótipo foi testado com colegas, professores e com o criador da Iniciativa Bandoneón. Os pontos mais elogiados:
· O modo passo a passo com temporizador responde à preferência por conteúdo guiado identificada na pesquisa
· A organização por categorias com filtros por dificuldade atende tanto ao iniciante quanto a quem quer avançar
· O onboarding por interesse personaliza a experiência desde o primeiro acesso
O criador da iniciativa reconheceu no produto uma representação fiel da missão do projeto.
resultado_
Processo de ponta a ponta
pesquisa → personas → IA → wireframes → UI → DS → protótipo → teste
Cliente real envolvido
briefing e validação final com o fundador da Iniciativa Bandoneón
Sistema escalável
design system com tipografia, paleta e componentes prontos para evolução do produto
Este foi o projeto onde aprendi que UX começa muito antes do Figma ser aberto. A qualidade do produto final foi diretamente proporcional à qualidade das perguntas feitas no início — na pesquisa, no briefing, na definição de requisitos.
Cada tela existia porque havia uma necessidade real por trás dela.
PRÓXIMO PROJETO