O design deste aplicativo foi desenvolvido com o propósito de fortalecer a presença digital de uma padaria de bairro (a Padaria Real) e tem como proposito destacar sua presença online, impulsionando as vendas por meio da oferta de produtos típicos e regionais. Embora o projeto seja designado a somente uma padaria, o conceito destina-se a todos os empresários do setor de panificação que buscam ampliar a visibilidade de seus negócios, atingir novos públicos e se posicionar de forma mais competitiva no mercado.

Além disso, atende aos consumidores que desejam mais praticidade e flexibilidade no dia a dia, ao facilitar o acesso a produtos artesanais de qualidade, sem abrir mão da conveniência de uma experiência digital moderna.

Caso prefira, veja este projeto em minha página do Behance. 👋

“O número de padarias em cada cidade pode chegar às centenas — uma quantidade superior à de supermercados, segundo minha análise.” — Thiago Gianelo, UX Designer

Desafios das padarias no Ambiente Digital

Atualmente, muitas padarias locais enfrentam dificuldades em consolidar sua presença digital. Quando essa presença existe, geralmente se limita a páginas simples com foco meramente informativo, o que acaba sendo pouco atrativo para potenciais clientes.

Além disso, esses estabelecimentos recorrem com frequência a marketplace de delivery, como o iFood, que não oferecem a flexibilidade necessária para destacar os diferenciais do negócio. Experiências únicas e típicas, como o aroma do “pão quentinho saindo do forno”, que acabam diluídas em soluções padronizadas que não comunicam o charme e a autenticidade do comércio local.

Isso evidencia a necessidade de soluções digitais personalizadas, capazes de valorizar os atributos singulares de cada padaria e fortalecer a conexão emocional com os consumidores da região.

Meu papel como UX Designer

Meu maior desafio como UX Designer foi realizar pesquisas profundas e criar conexões autênticas com os usuários, buscando compreender com sensibilidade suas dores, necessidades e limitações reais.

Por meio de empatia e escuta ativa, mergulhei no cotidiano dessas pessoas para entender como a tecnologia poderia atuar como facilitadora, transformando o aplicativo em uma ferramenta intuitiva e funcional, capaz de simplificar rotinas e agregar valor às suas jornadas. Essa imersão colaborativa foi essencial para transformar insights em soluções digitais relevantes, alinhadas às experiências, expectativas e comportamentos dos usuários.

Assim, pude desenhar uma interface significativa e centrada no usuário — não apenas funcional, mas também capaz de enriquecer e elevar sua vivência com o produto.

Entrevistas e pesquisas com usuários

As pesquisas foram realizadas através da divulgação de um formulário feito com o Google Forms e entrevistas diretas com usuários reais através do Telegram e WhatsApp, escutando suas opiniões para agregar o máximo possível em soluções.

Após a etapa de pesquisa, foi iniciado o refinamento dos dados através do uso de inteligência artificial.

Uso de AI para extrair Insights

Após a realização da pesquisa, o uso da inteligência artificial foi fundamental para agilizar a extração e o refinamento de insights valiosos, como a identificação dos recursos mais desejados pelos usuários, ao interpretar grandes volumes de dados e revelar padrões relevantes sobre suas necessidades, dores e expectativas. Além disso, a IA se destacou na geração de cenários que fortaleceram a criação de personas mais precisas, permitindo uma compreensão profunda do público-alvo (seus comportamentos, objetivos e motivações) e orientando de forma mais eficaz o desenvolvimento do projeto.

Utilização do ChatGPT para extrair insights de pesquisas feitas com usuários.

O que o usuário deseja?

Os resultados da pesquisa revelaram que 59,5% dos entrevistados nunca adquiriram pão por meio de aplicativos, enquanto 40,5% afirmaram já ter feito esse tipo de compra utilizando o iFood ou por meio de conversas no WhatsApp diretamente com a padaria.

Esse cenário aponta uma oportunidade significativa de inovação na digitalização das vendas de produtos panificados, especialmente ao considerar o potencial de ferramentas que possam facilitar e ampliar essa experiência.

Durante o processo investigativo, os participantes tiveram acesso a um esboço inicial desenvolvido com o auxílio de Inteligência Artificial, o que permitiu a coleta de insights mais profundos sobre suas expectativas, preferências e desejos reais em relação ao serviço.

Essa etapa foi fundamental para validar hipóteses e ajustar a proposta às necessidades do público-alvo.

Obs.: As imagens abaixo foram geradas a partir de uma IA Generativa, após a tradução inicial dos meus desenhos de wireframe para a descrição em forma de Prompt.

Notificação

Entre os recursos avaliados, o mais apreciado foi a notificação informando o momento exato em que o pão estaria pronto.

Simplicidade e organização

A organização também foi muito apreciada pelos participantes da pesquisa, destacando a simplicidade e a facilidade.

Moderno

Por fim, a aparência moderna do aplicativo foi reforçada, provando que simplicidade e inovação podem caminhar lado a lado.

Durante o processo de criação, a definição de personas foi essencial para representar de forma realista e empática o perfil do público-alvo. Essa abordagem permitiu compreender profundamente os comportamentos, necessidades e expectativas dos usuários, orientando decisões de design centradas em soluções relevantes. Com isso, foi possível priorizar funcionalidades que agregam valor à experiência do usuário e potencializam os recursos do aplicativo, garantindo maior eficiência e impacto positivo no produto final.

A partir da criação de duas personas representativas, foi possível identificar a necessidade de simplificar a experiência do empreendedor dentro do aplicativo, tornando suas operações mais ágeis e intuitivas. Paralelamente, o projeto buscou atender às demandas dos clientes finais — especialmente aqueles com rotinas intensas ou preocupações com a previsibilidade do serviço de entrega. Essa análise orientou decisões que equilibram eficiência operacional com conveniência para o usuário, fortalecendo o valor do produto no cotidiano dos envolvidos.

Utilizando o método How Might We, foram geradas ideias como:

Como podemos avisar o cliente em tempo real sobre fornadas?
Como podemos melhorar o sistema de agendamento?
Como podemos incentivar o uso de agendamento de retirada?

Soluções propostas:

Notificações de fornada: Funcionário avisa sobre nova fornada, por meio de um botão no aplicativo.
Reserva inteligente: Opção de agendamento com até 30min de antecedência.
Programa de fidelidade: Pontos acumulados por retirada no local.

Wireframe e protótipo

A partir dos dados e insights obtidos, elaborei wireframes de baixa e média fidelidade, refinando-os progressivamente conforme o feedback dos usuários e adaptando o design para garantir uma experiência mais alinhada às suas necessidades.

Criação do Design System

Neste projeto, desenvolvi a base visual e funcional de um Design System voltado para o aplicativo da Padaria Real. O objetivo foi criar um conjunto de componentes reutilizáveis e padronizados, garantindo consistência visual, eficiência no desenvolvimento e melhor experiência para o usuário.

A estrutura inclui a definição de paleta de cores, tipografia, botões, barras de navegação, itens de lista, carrosséis, e elementos de interação como campos de pesquisa e opções selecionáveis. Cada componente foi projetado considerando hierarquia visual, legibilidade e acessibilidade, mantendo a identidade da marca e facilitando futuras expansões do produto.

Este sistema serve como guia central para o design da interface, permitindo que a equipe mantenha coerência estética em todas as telas, além de acelerar o processo de prototipagem e atualização de interfaces no Figma.

Prototipação: Feedbacks e iterações

Durante a fase de prototipagem, apliquei os insights obtidos nas etapas anteriores e mantive um ciclo constante de feedback em tempo real, solicitando opiniões dos usuários a cada nova versão do mockup. Essa abordagem colaborativa teve como objetivo alinhar o design final às expectativas dos usuários, garantindo maior coerência visual e funcional.

As contribuições recebidas ao longo do processo foram fundamentais para promover iterações rápidas e aprimorar continuamente a interface, resultando em um fluxo de trabalho mais ágil e em um produto final mais refinado e centrado no usuário.

Design final

Abaixo vocês podem conferir algumas capturas de tela do design em seu estágio final, além de links para os projetos no Figma e Penpot.

Tela de pesquisa de produtos, com histórico de pesquisas anteriores.

Itens adicionados ao carrinho e separados por nome, quantidade e valor total.

Tela de pagamento Pix, utilizando QR code e campo com o código “copia e cola”.

Tela final de acompanhamento, com o status do pedido.

O design final deste projeto é um resultado direto de um robusto processo de design centrado no usuário.

Por meio de múltiplas iterações e testes de usabilidade, coletei feedbacks cruciais que guiaram a evolução do wireframe inicial. Este ciclo de aprendizado permitiu aplicar mudanças significativas, redesenhando e descartando telas, para otimizar a usabilidade e o estilo. Foi um exercício prático valioso, que reforça meu compromisso em transformar insights de usuários em soluções de design eficazes.

Acesse este link para ver o meu projeto no Behance

Acesse este link para ver o meu projeto no Figma

Acesse este link para ver o meu projeto no Penpot

O que aprendi com este projeto?

Ao longo do desenvolvimento deste projeto, pude vivenciar na prática todas as etapas fundamentais do processo de UX/UI Design. Partindo de uma ideia inicial de um aplicativo de e-commerce voltado para padarias, aprofundei meu entendimento sobre como transformar conceitos em soluções, testáveis e alinhadas às necessidades do usuário.

Durante a prototipação, adotei um processo iterativo baseado em feedbacks constantes. A cada etapa concluída, validei fluxos, telas e decisões de usabilidade com usuários e colegas, o que me permitiu refinar o produto com foco na clareza, eficiência e na experiência final. Esse exercício reforçou a importância de projetar não somente interfaces visualmente agradáveis, mas também funcionais e intuitivas.

Outro aprendizado importante foi a capacidade de adaptar o design para diferentes dispositivos e contextos. Desenvolvi versões mobile e desktop, garantindo consistência, legibilidade e boa hierarquia visual em todos os formatos.

Também evoluí na apresentação profissional do projeto. Aprendi a estruturar mockups realistas, organizar telas em narrativas visuais mais claras e comunicar com precisão as decisões tomadas ao longo do processo, habilidades essenciais para construir um portfólio sólido e convincente.

Principais Competências Desenvolvidas

Prototipação e criação de fluxos no Figma
Aplicação de heurísticas de usabilidade

Design responsivo para mobile e desktop
Refinamento visual (tipografia, grade, hierarquia e proporções)
Pesquisa, análise comparativa e validação com usuários
Iteração baseada em feedbacks reais
Comunicação clara do raciocínio de design
Organização e apresentação de projetos em formato profissional

Este projeto consolidou minha visão de UX como um processo centrado no usuário, iterativo e orientado a problemas reais. Mais do que produzir telas, aprendi a criar soluções que conectam objetivos de negócio, necessidades do usuário e boas práticas de design.

Voltar

Proximo

Page updated

Google Sites

Report abuse