E-commerce Pipoca Ágil

🎯 Visão geral

O E‑commerce Pipoca Ágil é um MVP iniciado em julho de 2025 para validar a criação da loja oficial da comunidade. Atualmente em fase final de desenvolvimento, seguirá para testes de usabilidade e percepção para confirmar demanda, priorizar produtos e orientar a operação.

O principal risco a ser testado era: existe demanda real por produtos oficiais, quais itens geram maior interesse e em quais regiões do Brasil a procura é mais significativa?

Para responder, construímos um MVP colaborativo que permitiu explorar o catálogo, comunicar o propósito da iniciativa e captar o interesse dos usuários. Atuei como UX/UI designer juntamente com uma equipe multidisciplinar usando uma Lean Inception adaptada e práticas ágeis para priorizar funcionalidades, reduzir riscos e orientar decisões de negócio.

Usamos Miro (workshops e jornada), Jira (gestão), Notion (documentação), Figma (prototipação e alta fidelidade), Useberry (testes de usabilidade), Discord (comunicação com a comunidade) e IAs (pesquisa e geração de conteúdo).

Público-alvo: profissionais, estudantes e entusiastas da agilidade que acompanham o Pipoca Ágil e desejam apoiar a comunidade por meio da aquisição de produtos oficiais.

👩‍💻 Meu papel

Participo do projeto desde a fase de descoberta, contribuindo para a construção das personas e jornadas do usuário durante a Lean Inception adaptada. Ao longo da evolução do produto, assumi a liderança do time de UX/UI, atuando na organização das entregas, alinhamento entre designers e tomada de decisões relacionadas à experiência do usuário.

Minha atuação inclui a definição e organização de componentes, participação na construção das interfaces de alta fidelidade e apoio ao desenvolvimento de fluxos estratégicos, como Checkout e Área Administrativa. Também contribuí para decisões de navegação, categorização dos produtos, responsividade e padrões de interação, buscando criar uma experiência intuitiva, fluida e alinhada aos objetivos do negócio.

Trabalho de forma colaborativa com Product Owners, Scrum Master, desenvolvedores, QA e demais designers, participando das discussões de priorização e refinamento das funcionalidades ao longo das sprints.

Objetivo do produto:

Garantir a conexão com a comunidade e fortalecer a marca Pipoca Ágil por meio da oferta de produtos oficiais em um único ambiente digital.

Proposta da solução:

Desenvolver um MVP de e-commerce capaz de validar o interesse da comunidade, identificar os produtos com maior potencial de demanda e coletar informações estratégicas para apoiar futuras decisões de negócio, reduzindo riscos antes da implementação de uma operação completa.

🧠 Estratégia

Esse projeto nasceu de um desafio da comunidade para validar a criação da futura Loja Oficial do Pipoca Ágil. Mais do que vendas, o objetivo era transformar conteúdos, aprendizados e experiências da comunidade em produtos que reforcem a identidade da marca e estreitem a relação com seus seguidores.

Apesar do interesse na iniciativa, ainda existiam dúvidas importantes relacionadas à viabilidade do negócio, como quais produtos despertariam maior interesse, quais regiões concentrariam potenciais compradores e se a comunidade estaria disposta a apoiar o projeto através da aquisição de produtos oficiais.

Como o time era formado por voluntários distribuídos entre diferentes localidades do Brasil e da Europa, optou-se por uma abordagem baseada na Lean Inception adaptada, permitindo alinhar expectativas, gerar ideias de forma colaborativa e priorizar rapidamente as funcionalidades mais relevantes para o MVP.

Durante os workshops, a equipe definiu a visão do produto, mapeou oportunidades, construiu personas, jornadas de usuário e levantou mais de 90 funcionalidades potenciais. Em seguida, utilizando técnicas de priorização como Matriz Esforço × Impacto, Sequenciador e MVP Canvas, foi possível reduzir o escopo para uma versão enxuta focada em validação.

A principal decisão estratégica foi não desenvolver uma operação completa de e-commerce neste primeiro momento. Em vez de investir em funcionalidades de alta complexidade, como autenticação, meios de pagamento, logística e gestão de pedidos, o time optou por criar um MVP capaz de validar o interesse da comunidade e coletar dados relevantes para futuras decisões de negócio.

Dessa forma, o produto passou a atuar não apenas como uma vitrine de produtos, mas como uma ferramenta de aprendizado, permitindo identificar os itens com maior potencial de demanda, compreender a distribuição geográfica dos interessados e avaliar a aceitação da proposta antes de um possível investimento em estoque, operação e infraestrutura.

🔍 Pesquisa

Para compreender as necessidades e expectativas da comunidade, o time definiu personas representativas dos principais perfis de usuários e mapeou suas jornadas de compra. Esses artefatos ajudaram a identificar motivações, comportamentos, pontos de atenção e oportunidades que serviram como base para a construção e priorização do MVP.

💡 Ideação/Priorização

Como surgiram as ideias e soluções.

Com as personas e jornadas definidas, a equipe iniciou uma série de dinâmicas colaborativas para explorar possíveis soluções e identificar as funcionalidades mais relevantes para a primeira versão do produto.

Ao longo dos workshops, foram levantadas 91 ideias de funcionalidades relacionadas à experiência de compra, gestão da loja e engajamento da comunidade.

A Matriz Esforço × Impacto auxiliou na identificação das funcionalidades com maior potencial de valor para o usuário e para o negócio, considerando também a viabilidade de implementação.

Inclua wireframes e fluxos (do Figma).

O MVP Canvas consolidou as hipóteses, objetivos e funcionalidades necessárias para validar a proposta do produto.

Decisões de escopo

Durante a priorização, o time identificou que o principal objetivo do MVP não era realizar vendas, mas validar o interesse da comunidade pelos produtos oficiais do Pipoca Ágil e gerar informações para futuras decisões de negócio.

Por esse motivo, optou-se por não implementar funcionalidades mais complexas, como autenticação de usuários, meios de pagamento, integrações logísticas e gestão completa de pedidos. Além de demandarem maior esforço de desenvolvimento, essas funcionalidades não contribuiriam diretamente para responder às principais hipóteses do produto neste momento.

O que entrou no MVP

O que NÃO entrou

Ao invés de investir esforço em funcionalidades complexas de e-commerce, o time optou por validar primeiro a demanda da comunidade. A solução escolhida permitiu coletar dados estratégicos sobre interesse, localização geográfica e produtos mais desejados antes de um possível investimento em estoque, logística e meios de pagamento.

Essa abordagem permitiu reduzir riscos, acelerar o desenvolvimento e concentrar esforços na obtenção de aprendizados relevantes para a evolução da loja oficial.

Wireframes e solução

Os wireframes foram utilizados para estruturar a arquitetura das páginas, definir fluxos de navegação e validar a organização das informações antes da construção visual. A partir deles, evoluímos para uma interface focada em facilitar a descoberta dos produtos, fortalecer a conexão com a comunidade e incentivar a demonstração de interesse dos usuários.

A solução final contempla uma experiência simples e intuitiva, composta por catálogo de produtos, páginas de detalhes, carrinho, checkout simplificado e área administrativa, alinhando as necessidades do negócio com os objetivos de validação definidos para o MVP.

Antes → Depois

🎨 Design

Mostre o protótipo final, design system e telas principais.

Com a estrutura e os fluxos definidos, iniciamos a construção da interface de alta fidelidade. O foco foi criar uma experiência visual atrativa, intuitiva e alinhada à identidade da comunidade Pipoca Ágil, facilitando a navegação, a descoberta dos produtos e a compreensão do propósito da loja.

Para garantir consistência e escalabilidade, foram criados componentes reutilizáveis e padrões de interface que apoiaram o desenvolvimento das principais jornadas do usuário, contemplando versões desktop e mobile.

A identidade visual do e-commerce foi inspirada no novo site do Projeto Simulação Pipoca, buscando manter consistência com o ecossistema da marca e fortalecer o reconhecimento da comunidade.

Optamos por uma interface em estilo dark, utilizando tons escuros como base para destacar conteúdos, produtos e elementos de navegação. Como cores de destaque, adotamos o roxo violeta e o amarelo, já presentes na identidade visual do projeto, criando contraste, hierarquia visual e reforçando a personalidade da marca.

Além da definição de cores, foram estruturados componentes reutilizáveis, estilos tipográficos e padrões de interação para garantir consistência entre as telas, facilitar a colaboração entre designers e apoiar a implementação durante o desenvolvimento.

Ao longo das iterações, a Home foi refinada para comunicar com mais clareza o propósito da loja, fortalecer a identidade da marca e direcionar os usuários para as principais ações da plataforma.

Para tornar a experiência mais simples e objetiva, removemos o carrossel da página de catálogo e reduzimos a quantidade de produtos exibidos de 16 para 13 itens. As alterações ajudaram a diminuir a sobrecarga visual e direcionar a atenção dos usuários para os produtos disponíveis.

A página de produto passou por refinamentos para melhorar a organização das informações e apoiar a tomada de decisão dos usuários. Foram adicionados elementos como benefícios de compra, resumo das avaliações e acesso facilitado para envio de comentários, além de uma reorganização da hierarquia visual para dar maior destaque ao produto e suas variações.

Durante as iterações, também optamos por remover as avaliações fictícias utilizadas inicialmente para compor a interface. Como o objetivo do MVP é validar hipóteses com usuários reais, entendemos que exibir comentários simulados poderia gerar uma percepção equivocada sobre o produto. Para manter a estrutura preparada para futuras avaliações, preservamos o espaço dedicado a esse recurso, permitindo que ele seja alimentado com feedbacks reais em versões futuras.

O carrinho passou por ajustes para tornar a experiência mais prática e menos intrusiva durante a navegação. A versão inicial ocupava uma área fixa da interface, enquanto a solução final evoluiu para um painel compacto, acessível sob demanda, permitindo que os usuários continuassem explorando os produtos sem perder contexto.