Acadêmico
Iniciativa Bandoneón
Um app de culinária para um projeto social de educação gastronômica itinerante, levado do seu design system até um protótipo testado.
- Papel
- Designer líder
- Duração
- 6 meses
- 2022
- Foco
- UX/UI
- Design systems
- Estudo de caso
- Habilidades e ferramentas
- Figma
- Pesquisa quantitativa
- Prototipação
- Design system
Descobrir
Briefing · Survey · Pesquisa quantitativa
Definir
Personas · Requisitos SMART · IA
Desenvolver
Wireframes · Design system · Protótipo
Entregar
UI final · Teste de usabilidade
01 descobrir
O projeto começou com um briefing direto com o criador da Iniciativa Bandoneón, 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.
- 62%preferem receitas com vídeos curtos e legendas
- 64%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.
02 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, práticas para o dia a dia, elaboradas no fim de semana. Quer descrições completas, sem interrupções.
Jackeline, 41, gerente de hotel
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 até a área de perfil, passando pelos fluxos de receita, filtragem, lista de compras e interação social.
03 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 da interface.
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 design system 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. Iconografia com traço médio sem preenchimento; cards e botões arredondados; componentes reutilizáveis para receitas, categorias, notificações e perfil.
04 entregar
Com o design system 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.
05 resultado
- Ponta a pontaPesquisa → personas → IA → wireframes → UI → DS → protótipo → teste
- Cliente realBriefing e validação final com o fundador da Iniciativa Bandoneón
- Sistema escalávelDesign system com tipografia, paleta e componentes prontos para a 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.