Lipe Machado

Product designer

Farm Rio

Farm Rio App / Web

Unifiquei app e e-commerce em um único sistema de componentes para que a expressão da marca deixasse de custar clareza na jornada de compra.

EcommerceApp MobileUX ResearchModa
CONTEXTO
Produto digital: app e e-commerce da Farm Rio
ANO
2025
RESTRIÇÃO
Catálogo grande e sazonal, dois canais (app e web) com o mesmo sistema de componentes.

O problema

A energia da marca não sobrevivia à jornada de compra: o cliente entrava inspirado e desistia na navegação e no checkout. A decisão era como manter a expressão da marca sem sacrificar clareza e conversão.

Redesenhar a experiência de compra digital da Farm Rio

A Farm Rio precisava de um app e de um e-commerce que traduzissem a energia tropical da marca em uma experiência de compra fluida. Redesenhei a jornada de descoberta ao checkout e defini um sistema de componentes único para os dois canais, para que marca e usabilidade parassem de disputar espaço.

Farm Rio: imagem de destaque do projeto

Meu papel

Liderei o design de ponta a ponta: mapeei a jornada de compra, defini a arquitetura de navegação e o sistema de componentes compartilhado entre app e web, e conduzi as decisões de hierarquia visual do catálogo ao checkout. Trabalhei junto de engenharia para garantir que os componentes entregues fossem os componentes implementados.

Resultado

O sistema de componentes definido no projeto passou a ser a base das telas seguintes de app e e-commerce, com catálogo e checkout compartilhando as mesmas regras de hierarquia. As métricas de conversão pertencem ao cliente e não são divulgadas aqui.

Decisões

  1. Um sistema para dois canais

    Defini um único conjunto de componentes servindo app e web, com tokens de marca em cima da fundação, em vez de duas bibliotecas paralelas.

    Alternativa descartada: Manter bibliotecas separadas por canal: mais rápido no curto prazo, mas garantia de divergência a cada coleção nova.

  2. Expressão concentrada, jornada limpa

    Concentrei a energia visual da marca na entrada e na navegação por coleção, e mantive catálogo e checkout com hierarquia sóbria e previsível.

    Alternativa descartada: Distribuir a expressão por toda a jornada, incluindo checkout: mais coerente esteticamente, pior para conclusão de compra.

Processo e telas do projeto

Conceito do live commerce: navegação, enquete e medidas sobrepostas ao vídeo, sem tirar a pessoa da transmissão.
Conceito do live commerce: navegação, enquete e medidas sobrepostas ao vídeo, sem tirar a pessoa da transmissão.
Estudo dos componentes de oferta e enquete em três densidades, para caber em telas e distâncias de leitura diferentes.
Estudo dos componentes de oferta e enquete em três densidades, para caber em telas e distâncias de leitura diferentes.
Modelos de cartão-presente escolhidos dentro da própria estampa da coleção.
Modelos de cartão-presente escolhidos dentro da própria estampa da coleção.
Fluxo de compra do cartão-presente: valor, destinatário e canal de envio em passos curtos.
Fluxo de compra do cartão-presente: valor, destinatário e canal de envio em passos curtos.
Prova social na página de produto: aviso de quantas pessoas estão olhando a peça, em web e app.
Prova social na página de produto: aviso de quantas pessoas estão olhando a peça, em web e app.
Lojix: interface de live commerce com produtos, medidas, enquete e mochila, no desktop e no mobile.
Lojix: interface de live commerce com produtos, medidas, enquete e mochila, no desktop e no mobile.
Página de produto completa: compre junto, entrega, composição e opiniões de quem comprou.
Página de produto completa: compre junto, entrega, composição e opiniões de quem comprou.
Relatório de sustentabilidade: navegação por seções e leitura longa em desktop e mobile.
Relatório de sustentabilidade: navegação por seções e leitura longa em desktop e mobile.
Green Friday: campanha aplicada nas peças de comunicação da marca.
Green Friday: campanha aplicada nas peças de comunicação da marca.
Farm Rio: tela 10 do projeto Farm Rio App / Web
Farm Rio: tela 11 do projeto Farm Rio App / Web
Farm Rio: tela 12 do projeto Farm Rio App / Web
Farm Rio: tela 13 do projeto Farm Rio App / Web
Farm Rio: tela 14 do projeto Farm Rio App / Web
Farm Rio: tela 15 do projeto Farm Rio App / Web
Farm Rio: tela 16 do projeto Farm Rio App / Web
Farm Rio: tela 17 do projeto Farm Rio App / Web
Farm Rio: tela 18 do projeto Farm Rio App / Web
Farm Rio: tela 19 do projeto Farm Rio App / Web
Farm Rio: tela 20 do projeto Farm Rio App / Web
Farm Rio: tela 21 do projeto Farm Rio App / Web
Farm Rio: tela 22 do projeto Farm Rio App / Web
Farm Rio: tela 23 do projeto Farm Rio App / Web

Próximo case

Farm RioLiderança e desenvolvimento do time de DesignDistribuir ownership por frente em vez de centralizar revisão em mim: o time ganhou autonomia e visibilidade, e eu deixei de ser gargalo.