MeuCommerce

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.

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.

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.

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.

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.

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.