E-commerce
Do zero ao lançamento: o design de um app de delivery
Uma jornada de delivery fluida criada do zero, com responsabilidade por tudo, da UX à interface final, e um design system reutilizável.
Contexto
O Nana Delivery é um serviço de delivery de supermercado focado em oferecer acesso rápido e barato a produtos essenciais. Pensado para levar a praticidade das compras online a todo mundo, ele combina eficiência e preço acessível para atender às necessidades do dia a dia.
Desafio
Criar do zero um app de delivery de supermercado para usuários que precisam de um serviço rápido e barato. O app tinha que ser simples, acessível e atender a um público amplo, ao contrário dos apps de delivery existentes, que costumam ser caros ou menos acessíveis. O projeto exigia ideação e iteração rápidas, junto com a criação de um novo design system para garantir escalabilidade e consistência.
Resultados
O app entrou no ar apenas dois meses depois do início do projeto, graças à iteração rápida do design e à colaboração do time. Essa entrega ágil contribuiu para a rápida adoção do app, ajudando o Nana a captar US$ 3,6 milhões em três meses e a expandir bastante a operação. Um design fácil de usar e escalável foi essencial para sustentar esse crescimento, garantindo que o app continuasse acessível e eficiente à medida que crescia.
20,97%
Crescimento mensal de downloads
19.360
Downloads nos três primeiros meses
Empatia e definição
Desde o primeiro dia, sabíamos exatamente para quem estávamos desenhando: um público amplo, muitas vezes deixado de fora da economia da conveniência. O objetivo era atender as classes C e D, pessoas que normalmente não tinham acesso a apps de delivery rápido por causa dos preços altos ou da cobertura regional limitada.
Com a experiência anterior do time no Zé Delivery, já tínhamos aprendizados valiosos sobre comportamento dos usuários, logística e lacunas do mercado. Isso nos permitiu pular fases longas de pesquisa e partir direto para uma ideação rápida. Com preço acessível, rapidez e acessibilidade como pilares, começamos a criar uma experiência sob medida para as necessidades do dia a dia.
Declaração do problema
Como poderíamos levar delivery de supermercado rápido e barato a usuários que os apps tradicionais normalmente não atendem, garantindo uma experiência simples, acessível e pronta para ser lançada em pouco tempo?
Ideação
Com as principais necessidades dos usuários e a direção de negócio já bem definidas, pude partir direto para os rascunhos e desenhar do zero os wireframes dos fluxos principais. Com base em experiências anteriores e em apps parecidos, foquei em criar uma estrutura simples e intuitiva, que priorizasse rapidez e facilidade de uso, principalmente para quem tinha menos familiaridade com compras online. O objetivo era criar uma base sólida que pudéssemos testar e iterar rapidamente depois.
Construção
Depois de definir os wireframes iniciais, partimos rapidamente para o design das telas em alta fidelidade para dar vida ao app. Ao mesmo tempo, começamos a desenvolver um design system completo, que garantiria consistência e escalabilidade à medida que o app crescesse. Construindo o design system junto com as telas, garantimos que os elementos visuais e funcionais do app ficassem alinhados desde o início.
O design system incluía diretrizes de uso de cores, tipografia, iconografia e componentes de interface, como botões, campos e cards: tudo o que era necessário para manter uma experiência coesa enquanto iterávamos. Essa abordagem não só deixou nosso fluxo de trabalho mais ágil, como também preparou o terreno para o crescimento futuro, permitindo escalar o app rapidamente sem abrir mão da qualidade nem da experiência do usuário.
A solução
Criamos um aplicativo que torna o delivery de supermercado ultrarrápido e barato acessível a comunidades pouco atendidas. O app foi pensado para usuários de baixa renda (classes C e D), com um fluxo de compra enxuto que simplifica tudo, da busca de produtos ao pagamento.
Com layout limpo, navegação simples e elementos visuais grandes e fáceis de ler, a experiência foi pensada para usuários com diferentes níveis de familiaridade com tecnologia. Categorias claras, imagens de produtos conhecidas e o mínimo de atrito garantiam que até quem comprava pela primeira vez conseguisse fazer um pedido em poucos minutos.
O objetivo era levar praticidade de verdade a quem normalmente precisa escolher entre preço e conveniência, com uma experiência de compra confiável, rápida e intuitiva direto no celular.
Experiência de compra
Criamos um fluxo de compra rápido e intuitivo, com foco em rapidez, clareza e facilidade de uso, para ajudar os usuários a encontrar e adicionar produtos rapidamente. A tela inicial dá acesso rápido às categorias, às promoções e aos itens mais populares, enquanto as páginas de categoria e de produto foram estruturadas para facilitar a navegação e a comparação. Áreas de toque grandes, layouts limpos e interações diretas permitem encher o carrinho em poucos minutos.
Esse fluxo foi pensado para minimizar o atrito e facilitar a tomada de decisão, para que os usuários consigam finalizar o pedido mesmo em um dia corrido.
Fluxo de checkout
O checkout foi pensado para ser simples e passar confiança. Os usuários podem revisar o pedido, escolher as opções de entrega e selecionar a forma de pagamento, tudo em uma experiência limpa e passo a passo.
Informações importantes, como o prazo de entrega e o valor total, aparecem com clareza, dando aos usuários confiança para finalizar a compra sem hesitar.
