YAN
Plataforma de comércio e design de produto
MeuCommerce. Do catálogo compartilhado ao pedido no WhatsApp
Uma plataforma de comércio para lojistas que fecham pedidos pelo WhatsApp. A Selsa Select, primeira loja e parceira de design da plataforma, liga um catálogo navegável, produtos salvos e um carrinho a uma conversa estruturada com a vendedora.
- Meu papel
- Fundador, estratégia de produto, UX/UI e desenvolvimento
- Status do projeto
- Plataforma implementada
- Período
- 2026
Capturado do produto em funcionamento, com os nomes e valores do painel ocultos. As fotos e as marcas dos produtos pertencem aos seus donos.
Minha contribuição
O ponto de partida foi uma vendedora real, que controlava produtos, preços e vendas em um caderno e no WhatsApp. O produto precisava dar a essa operação um catálogo pesquisável e um fluxo de compra coerente, sem perder a conversa em que os pedidos são combinados.
Desenvolvi a estratégia de produto, o UX/UI e a implementação. MeuCommerce é a plataforma; Selsa Select é a loja mostrada neste case. As mercadorias e as artes dos produtos pertencem às respectivas marcas e fornecedores.
Conectar o trabalho da lojista à vitrine
A plataforma separa a administração da lojista e a loja que os clientes veem. As informações dos produtos e as condições comerciais alimentam um catálogo público, que pode ser compartilhado por link.
O painel abre mostrando o dia da lojista: clientes, pedidos, faturamento e crescimento, a conversão da loja, avisos de estoque baixo, os últimos pedidos e atalhos para cadastrar um produto ou compartilhar a loja.
A Selsa Select reúne várias categorias de produtos em uma só vitrine. Busca, cards de produto, favoritos e itens vistos recentemente dão aos clientes maneiras de encontrar um item, comparar e voltar depois. Cada caminho mantém o contexto da loja enquanto a pessoa avança para a compra.
Trocar o visual, manter a loja
Uma loja não fica presa a um visual. No painel, a lojista escolhe entre oito temas de vitrine, e cada um muda a composição, a tipografia, os cards, as cores e o ritmo de todas as telas que os clientes veem. Os produtos, os pedidos e o logo continuam os mesmos.
Uma página de comparação abre cada direção por inteiro, de um catálogo minimalista e discreto a um marketplace denso. Assim, a lojista decide olhando para a própria loja e pode trocar de novo depois.
Manter as condições junto do produto
Um card de produto precisa levar mais do que uma imagem e um nome. Preço atual, preço anterior, descontos, Pix e parcelamento precisam de uma hierarquia legível, que funcione também quando algumas dessas condições não existem.
O refinamento mobile agrupa as condições disponíveis ao lado da imagem do produto e tira os espaços vazios reservados a campos que não existem. A seção de itens vistos recentemente usa um bloco contínuo com linhas separadas e deixa espaço para o botão de favorito e a ação flutuante de WhatsApp.
Transformar o carrinho em uma conversa útil
No carrinho, o cliente pode alterar quantidades, remover itens e aplicar um cupom antes de revisar o resumo. O servidor recalcula a cotação para que as condições exibidas e a mensagem de pedido gerada venham da mesma fonte.
O checkout prepara uma mensagem estruturada no WhatsApp com os itens escolhidos e o resumo do pedido. A lojista pode continuar a conversa com o pedido já organizado. O pagamento é combinado fora da plataforma, e por isso a interface deixa essa passagem explícita.
Cuidar do que acontece em volta do checkout
Produtos salvos, pedidos e controles da conta estendem a experiência para além de um único carrinho. Os estados vazios levam de volta à loja; carregamento, erros de cupom e sessões expiradas precisam de uma resposta própria, e não de um aparente sucesso.
A implementação inclui refinamentos responsivos e verificações gravadas da vitrine e do carrinho em desktop e mobile. O case mostra as telas que resultaram disso e as decisões de interação; não afirma nenhum aumento medido de vendas ou de conversão.