O Desafio
O Vina enfrentava problemas estruturais sérios. Taxa de abandono de 68% no checkout, NPS negativo e rating de 2.8. Os números mostravam que a experiência estava quebrada. A interface anterior sofria com fluxos fragmentados, hierarquia visual confusa e zero previsibilidade. Fazer um pedido era uma jornada de 8 etapas desconexas, com informações redundantes e falta de clareza sobre o que vinha a seguir. O desafio era reorganizar tudo isso. Repensar a arquitetura, reconstruir os fluxos e criar uma experiência que fizesse sentido: clara, coesa e realmente centrada no usuário.

Wireframes e Estrutura
Antes de desenhar qualquer interface, estruturei a experiência do zero. A arquitetura contempla todos os cenários: fluxos principais, estados vazios, erros, retornos. Tudo mapeado e documentado. Essa base sólida garantiu consistência em cada decisão que veio depois. Os wireframes materializaram essa estrutura. De 8 para 4 etapas no checkout. Informações consolidadas, hierarquia clara, feedback em cada ação.

Design
O visual foi pensado para apoiar a experiência, não roubar a cena. Cada decisão de UI priorizou clareza e facilidade de uso. Paleta acolhedora, tipografia legível, componentes reutilizáveis, hierarquia visual que guia o olhar naturalmente. O resultado é uma experiência que respira. Fluida, previsível e confiável. Toda interação tem retorno imediato. O usuário sempre sabe o que está acontecendo e o que esperar a seguir.

Resultados
A simplificação do checkout (de 8 para 4 etapas) fez toda diferença, o abandono caiu de 68% para 31%. Já o tempo de pedido foi cortado pela metade: de 4min32s para 2min18s. O NPS subiu de -12 para +38 e o rating pulou de 2.8★ para 4.3★. O sistema de design modular e a arquitetura bem documentada garantem que o app possa crescer sem perder consistência ou qualidade.