Redesign do app e.delivery: evoluindo a experiência de compra

Objetivos

Tornar a jornada de compra mais simples e intuitiva
Reduzir fricções em fluxos críticos do aplicativo
Melhorar a clareza da navegação e da arquitetura da experiência
Aumentar consistência visual e comportamental entre telas e componentes
Apoiar métricas de negócio relacionadas à conversão e progressão no funil
Criar uma base mais escalável para evolução contínua do produto

O desafio

O app era uma frente central da experiência digital da plataforma, mas apresentava oportunidades de evolução em usabilidade, consistência e eficiência das jornadas principais, especialmente em fluxos ligados à descoberta de produtos, compra e checkout.

O desafio não era apenas atualizar a interface do aplicativo, mas reorganizar uma experiência que precisava responder melhor às necessidades dos usuários e do negócio.

Ao analisar a experiência existente, identificamos sinais de fricção em jornadas críticas, como:

navegação pouco fluida entre etapas importantes
excesso ou desalinhamento de informações em alguns momentos da jornada
inconsistências visuais e de interação entre fluxos
oportunidades de melhoria na clareza da compra e no avanço até o checkout
necessidade de tornar a experiência mais preparada para evoluções futuras do produto

Overview

Produto: Aplicativo B2C do ecossistema e.delivery, utilizado para busca, compra e acompanhamento de pedidos por rede com milhares de farmácias.

Usuários: Clientes finais que utilizam o aplicativo para pesquisar produtos, comparar opções, comprar e acompanhar pedidos.

Times envolvidos: Produto, Design, Engenharia, stakeholders de negócio e operação.

Meu papel: Product Designer com atuação estratégica na evolução da experiência do app. Atuei no diagnóstico dos principais pontos de fricção, definição da direção de redesign, priorização de melhorias, construção das soluções e acompanhamento da evolução do produto junto aos times parceiros.

Impacto: Evolução da jornada de compra com foco em redução de fricção e melhoria da progressão no fluxo, contribuindo para um aumento de até 48% na conclusão de compras.

O redesign contribuiu para a evolução da experiência do aplicativo, tornando as jornadas mais claras, consistentes e previsíveis ao longo do fluxo de compra.

As melhorias na hierarquia da informação, organização dos fluxos e padronização da interface reduziram fricções em momentos críticos da jornada, apoiando uma navegação mais fluida e uma tomada de decisão mais segura.

As melhorias na experiência contribuíram diretamente para um aumento de até 48% na conclusão de compras no checkout.

Além disso, a estrutura definida trouxe ganhos relevantes de escalabilidade, permitindo a adaptação do produto para diferentes marcas dentro do modelo whitelabel, com menor esforço e maior consistência na experiência.

Impacto no negócio

As evoluções implementadas não apenas melhoraram a experiência do usuário, mas também contribuíram diretamente para resultados de negócio, com destaque para o aumento de até 48% na conversão de compras.

Resultado

As soluções foram construídas a partir das diretrizes definidas no discovery, com foco em reduzir fricções, melhorar a clareza da experiência e apoiar a progressão do usuário ao longo da jornada.

Navegação e estrutura

Reorganizei os fluxos do aplicativo para tornar os caminhos mais previsíveis e reduzir ambiguidades na navegação.

Jornada de compra

Simplifiquei a progressão entre etapas como seleção de produtos, carrinho e checkout, tornando o fluxo mais direto e compreensível.

Páginas de produto

Reestruturei a hierarquia da informação, destacando elementos relevantes para apoiar a tomada de decisão, como preço, benefícios e avaliações.

Também dei maior protagonismo ao produto e incluí informações críticas para o contexto farmacêutico, como classificação por tarja e indicação de genérico, tornando a experiência mais clara e confiável.

Consistência da interface

Padronizei componentes e padrões de interação, garantindo maior consistência visual e comportamental entre diferentes fluxos do aplicativo.

Isso reduziu ambiguidades na interface e tornou a experiência mais previsível para o usuário.

Escalabilidade (whitelabel)

Estruturei a interface para suportar múltiplas identidades visuais, mantendo consistência na experiência independentemente da marca.

A arquitetura de design foi pensada de forma modular, permitindo adaptação de elementos como cores, tipografia e identidade visual sem impactar a usabilidade ou os padrões de interação.

Isso permitiu escalar o produto para diferentes redes com eficiência, reduzindo retrabalho e garantindo consistência na experiência.

Solução

A partir do diagnóstico, defini diretrizes para orientar as decisões de design e garantir consistência na evolução da experiência.

Clareza antes de densidade:

Priorizar informações essenciais e reduzir ruído visual

Consistência entre fluxos:

Uniformizar padrões visuais e comportamentais ao longo da experiência

Escalabilidade:

Estruturar a experiência para suportar múltiplas marcas (whitelabel) e evolução do produto

Aproveitamento de padrões consolidados:

Utilizar referências de mercado para acelerar decisões e evitar retrabalho

Previsibilidade e feedback:

Garantir que o usuário entenda o que está acontecendo e o que acontece a seguir em cada etapa

Diretrizes de Redesign

Discovery

O redesign partiu de um diagnóstico da experiência existente, combinando análise de fluxos, avaliação heurística, leitura de comportamentos e alinhamento com necessidades do negócio.

Foram analisadas as principais jornadas do aplicativo: busca, compra e login, com foco em entender como a experiência apoiava (ou dificultava) a progressão do usuário ao longo do fluxo.

A partir dessa leitura, os principais pontos de fricção e oportunidades foram organizados em um mapeamento visual, permitindo identificar padrões recorrentes relacionados à navegação, hierarquia da informação e inconsistências entre fluxos.

Durante o diagnóstico, ficou evidente que os principais gaps não estavam apenas na camada visual, mas na forma como a experiência conduzia o usuário. Havia oportunidades claras de evoluir a hierarquia da informação, aumentar a previsibilidade das interações e apoiar melhor a tomada de decisão ao longo da jornada.

As oportunidades foram então priorizadas considerando impacto para o usuário e esforço de implementação, direcionando o foco para jornadas críticas como produto, pedidos e checkout.

A partir disso, foram priorizadas as seguintes frentes de evolução:

Navegação e arquitetura
Hierarquia da informação
Jornada de compra
Consistência da interface
Escalabilidade

Também foram consideradas referências de mercado para funcionalidades específicas, permitindo identificar padrões já consolidados e evitar retrabalho em decisões de design.