Publicamos nove temas de storefront, um para cada segmento, todos abertos para utilizarem. Cada tema tem pontos de ux nos componentes que aquele nicho exige.
Os temas rodam na e-com.plus V2.
Eles são construídos sobre os pacotes@cloudcommerce/*, que são a base da
V2 — não funcionam em loja da geração anterior. Se a sua ainda não é V2, dá
para agendar a migração técnica e depois partir
de qualquer um deles.
Os temas
| Segmento | Tema | Demo | Repositório |
|---|---|---|---|
| Alimentos e mercearia | Despensa | tema-despensa.web.app | ecomplus/tema-despensa |
| Cosméticos e skincare | Glow Commerce | tema-glow.web.app | ecomplus/tema-glow |
| Moda feminina | Alinhavo | tema-alinhavo.web.app | ecomplus/tema-alinhavo |
| Moda masculina | Prumo | tema-prumo.web.app | ecomplus/tema-prumo |
| Casa e decoração | Morada | tema-morada.web.app | ecomplus/tema-morada |
| Construção e ferramentas | Bitola | tema-bitola.web.app | ecomplus/tema-bitola |
| Pet | Focinho | tema-focinho.web.app | ecomplus/tema-focinho |
| Suplementos | Dose | tema-dose.web.app | ecomplus/tema-dose |
| Eletrônicos e informática | Circuito | tema-circuito.web.app | ecomplus/tema-circuito |
O que cada um decide diferente
Despensa — o selo de restrição alimentar fica logo abaixo do nome, antes do
preço. Quem tem restrição não compara preço: elimina o que não pode comer.
Procedência e validade mínima ficam colados na primeira dobra, e o card tem
seletor de quantidade, porque granola se compra três de uma vez.
Glow Commerce — a entrada do catálogo é por problema (acne, manchas,
olheiras), não por tipo de embalagem. Régua de sete subtons na home, com nome e
código. E o ritual tem cadência por passo: a limpeza acaba em semanas, o
esfoliante em meses.
Alinhavo — um atalho que cruza ocasião com tamanho, porque filtrar só por
um dos dois devolve peça que não serve ou não combina. Header editorial, com
logo centralizado e o produto ocupando a tela.
Prumo — a grade de tamanho fica no card da vitrine: escolhe o número e vai
para o carrinho com a variação certa, sem abrir a ficha. É o nicho da recompra
do mesmo item, não da descoberta.
Morada — header transparente sobre a foto de ambiente, que é o argumento de
venda do nicho. Mega menu de três níveis e entrada por cômodo, não por tipo de
móvel.
Bitola — o card mais denso dos nove, de propósito: SKU visível porque o
comprador profissional confere código, botão de comprar sem esperar hover, e a
busca ocupando o centro do header em vez de um ícone no canto.
Focinho — o selo de assinatura vem acima do preço, não no checkout: o card
precisa dizer que aquele item pode chegar sozinho todo mês.
Dose — rendimento e concentração na vitrine, antes da compra. O cliente
compara por dose, não por pote, e a entrada é por objetivo.
Circuito — voltagem no card, logo abaixo do nome. Se está só na ficha, não é
vista — e voltagem errada é devolução na certa. Preço à vista com destaque
próprio, junto do valor.
A divisão por segmento é sugestão, não regra. Uma loja de vinho pode partir
do tema de alimento e pegar o mega menu do de construção.
Está faltando algum segmento? Tem nicho aqui na comunidade que não cabe
em nenhum dos nove?
Alguma decisão está errada para o seu nicho? Se algum componente precisa de algo diferente para anteder seu ramo, o que seria?.