Shop My Feed

Identificando o problema real

A plataforma de moda Shop My Feed precisava de uma experiência de e-commerce completa — do dashboard ao detalhe do produto. O desafio não era técnico.

Era comportamental: a maioria da base de usuários viria do Instagram. Usuários vindos de uma plataforma com uma gramática visual muito específica. Se a interface parecesse estranha, eles sairiam antes de comprar.

O raciocínio de produto

A decisão central de UX foi manter consistência deliberada de linguagem visual com o Instagram — não copiar, mas respeitar o modelo mental que os usuários já traziam. Mesma gramática de navegação. Feed de produtos vertical. Thumbnails quadrados. Elementos de interação em posições esperadas.

A visualização de outfit foi implementada como flat lay com variantes em círculos — um padrão que o usuário já conhecia do Pinterest/Instagram mas aplicado diretamente ao e-commerce, eliminando a fricção de imaginar como as peças combinam.

O CTA de compra foi fixado no bottom com preço sempre visível — decisão de conversão consciente que mantém o contexto sem interromper a navegação. O assistente de IA foi integrado dentro do contexto do produto, não como widget genérico flutuante, mantendo a experiência coesa com a jornada de compra.

Da decisão à implementação

Implementado em React a partir das especificações no Figma, com foco em pixel fidelity e consistência entre estados (empty, loading, error).

A atenção foi nos detalhes que a maioria dos devs pula: espaçamento consistente, timing de animações, estados de hover e active em todos os elementos interativos, acessibilidade em mobile.