mockup visual • wordpress + woocommerce
+120
itens no catálogo
24h
atendimento via canais digitais
VIP
experiência premium de compra
A vitrine urbana da MaFu Tabacaria.
Este protótipo simula a aparência de uma loja virtual pronta para WooCommerce, com cara de marca forte, acabamento escuro, destaque dourado e composição pensada para vender bem no desktop e no mobile.
Visual de marca
preto + dourado + atitude
Fluxo WooCommerce
vitrine, produto, carrinho e conta em um mockup navegável.
categorias
Navegação de loja
Abaixo estão categorias ilustrativas para mostrar como a home da loja pode destacar os principais grupos de produtos de forma clara e comercial.
mais vendidos
Produtos em destaque
Os cards abaixo simulam a vitrine principal da home, com visual de promoção, categoria, preço, ação rápida e acesso direto à página do produto.
sobre a marca
Tom visual
Graffiti, street, premium, noturno e impactante.
Paleta
Preto como base e dourado/amarelo para destaque e CTA.
UX de loja
Produto em evidência, compra simples e carrinho visível.
Escalável
Estrutura pronta para depois virar layout real no WordPress.
Identidade forte, linguagem de rua e presença premium.
A MaFu Tabacaria pede uma estética urbana com alto contraste, tipografia marcante e blocos visuais densos, mas sem perder leitura, sofisticação e organização comercial.
Neste mockup, a home foi pensada para equilibrar branding, oferta, navegação e conversão, como normalmente acontece em uma loja construída sobre WordPress com WooCommerce e personalizada para a marca.
Em estoque
Kit Smoke Gold Edition
R$ 219,90
R$ 179,90
Produto de vitrine para demonstrar o estilo da página individual do WooCommerce já adaptada à identidade visual da MaFu. O layout destaca imagem, preço, variações, quantidade, CTA e abas informativas.
Descrição do produto
Esta área simula a aba de descrição longa do WooCommerce. Aqui podem entrar storytelling da peça, detalhes de uso, diferenciais de acabamento, materiais e textos de SEO para ranqueamento da loja.
O visual desta seção foi desenhado para manter leitura confortável em fundo escuro, com bordas discretas, contraste forte e destaque dourado nos elementos mais importantes.
Informações adicionais
Material ilustrativo: metal, polímero de alta resistência e embalagem personalizada MaFu.
Categoria mockup: acessórios premium, sedas e cultura headshop.
Avaliações
Rafael S. — “Visual forte, acabamento premium e página muito bem apresentada.”
Camila P. — “A estética urbana ficou perfeita para a marca.”
woocommerce mockup
Carrinho
Esta tela reproduz a lógica visual do carrinho WooCommerce, com listagem de itens, atualização de quantidade, resumo do pedido e botão de finalizar compra.
Produto
Preço
Quantidade
Subtotal
painel do cliente
Minha conta
Esta área mostra a leitura visual do painel “Minha Conta” no WooCommerce, com menu lateral, resumo, pedidos, endereços e dados da conta.
Olá, Cliente MaFu
A partir do painel da conta, o cliente pode acompanhar pedidos, alterar dados de cadastro, editar endereços e consultar produtos salvos.
Mockup ideal para apresentar a futura organização do painel WooCommerce com identidade personalizada da marca.
Histórico de pedidos, atalhos rápidos, comunicação visual premium e adaptação total ao manual da MaFu.
Pedidos
| Pedido | Data | Status | Total | Ação |
|---|---|---|---|---|
| #2048 | 08/05/2026 | Processando | R$ 179,90 | |
| #2017 | 01/05/2026 | Concluído | R$ 329,70 |
Endereços
Rua Exemplo da MaFu, 99
Centro
Brasília - DF
CEP 70000-000
Rua Exemplo Delivery, 155
Taguatinga
Brasília - DF
CEP 72000-000
Detalhes da conta
Cliente MaFu
contato@mafu.com.br
(61) 99999-0000
••••••••••••
Favoritos
Salvo para próxima compra.
Item destacado para ação promocional futura.