PESQUISA & ENTENDIMENTO:
O que os números revelaram 72% - Dos comerciantes nunca haviam usado um sistema de pedidos digital 61% - Dos consumidores desistiam na etapa de login ou pagamento 46% - Dos usuários disseram “não entender o status do pedido” Conclusão: a necessidade de simplificar radicalmente o fluxo e oferecer feedback visual claro em cada etapa da jornada. PERGUNTA NORTEADORA: “Como podemos facilitar a digitalização das vendas locais sem tornar o processo complexo para o comerciante e confuso para o cliente?” Principais problemas identificados: -Fluxo de compra fragmentado 5 telas necessárias até finalizar um pedido -Ausência de feedback em tempo real o usuário não sabia se o pedido havia sido enviado -Cadastro confuso sem validação progressiva para o usuário -Layout inconsistente experiências diferentes entre web e app Mapa da jornada do usuário: Explorar → Selecionar → Pagar → Acompanhar pedido → Receber PONTOS DE DOR: -Falta de clareza no estoque e no status do pedido -Múltiplos passos para concluir o pagamento -Interface sobrecarregada e pouco intuitiva OPORTUNIDADES: -Unificar catálogo, pagamento e status em um só fluxo -Feedback visual imediato em cada etapa do pedido -Login e cadastro simplificados (Google / WhatsApp)
REDESIGN
Fluxos e wireframes redesenhados NOVOS FLUXOS PROJETADOS: -Descoberta e navegação de produtos -Carrinho simplificado -Pagamento integrado (Stripe API) -Status do pedido em tempo real MELHORIAS PRINCIPAIS: -Redução de 5 para 3 telas no fluxo de checkout -Feedbacks de status animados em tempo real -Interface modular para comerciantes: catálogo dinâmico e controle de pedidos IDEAÇÃO & PROTÓTIPOS: Co-criação com quem vive o problema (Dois workshops de co-criação foram realizados com a equipe da Mashin para alinhar prioridades e validar hipóteses com quem usaria o produto no dia a dia.) Workshop 01: Time de produto e tecnologia Definição técnica de fluxos e viabilidade das soluções propostas Workshop 02 Comerciantes convidados Validação prática das telas com quem vende no dia a dia Resultado: definição dos fluxos ideais e priorização das funcionalidades mínimas para o lançamento (MVP 2.0).
UI DESIGN
Uma linguagem visual com raízes locais Inspirada em marcas locais espanholas, combinando cores vibrantes com componentes minimalistas. PALETA DE CORES: -Amarelo, azul e vermelho DECISÕES DE DESIGN: -Ícones universais — sacola, carrinho, mensagem -Tipografia Inter, priorizando legibilidade -Design responsivo e acessível (WCAG 2.1 AA) O impacto do redesenho TEMPO MÉDIO PARA FINALIZAR COMPRA: -44%. (3m21s → 1m45s) -75% Erros de navegação - de 8 em média para 2 em média +52% Satisfação geral (SUS) - de 58/100 para 88/100 REFLEXÃO: Principais aprendizados Pesquisa muda prioridades: Os dados quantitativos confirmaram que o problema não era falta de funcionalidades, e sim clareza e confiança durante o pagamento. Co-criar reduz retrabalho: Envolver comerciantes reais nos workshops evitou decisões de design desconectadas da realidade do pequeno negócio. Feedback visual é essencial: Pequenas melhorias de status e confirmação tiveram impacto direto na satisfação e na conclusão de compras.
