Skip to main contentPular para o conteúdo principal
Andrés Morales

Produtos artesanais · e-commerce artesanal · LATAM

Soapartesana — vitrine editorial pra uma marca de sabonetes de processo lento

Uma marca de sabonetes artesanais precisa de uma vitrine que não pareça um template de e-commerce genérico. Construímos um single-page editorial que se lê como o lookbook da marca e converte como uma loja normal — sem carrossel, sem popups, sem timers de urgência.

Soapartesana — vitrine editorial pra uma marca de sabonetes de processo lento

2024 — present

No ar desde
2024
Região
LATAM
Tom
Editorial
Popups
None

O problema

Produtos artesanais vendem pela história. A vitrine anterior era um tema padrão de e-commerce — grid de produtos, tipografia genérica, sem voz, e um checkout interrompido por popups de marketing. Os visitantes saíam porque o site parecia idêntico a outras dez lojas de sabonetes que tinham visitado naquele dia. Pior ainda, a marca não conseguia contar sua história em lugar nenhum do site — não havia "por que artesanal", não havia "o que é cold-process", não havia fotos do ateliê. O comprador que teria pago 30% a mais por artesanato via o mesmo template que todo mundo.

O que construí

Soapartesana é um único scroll editorial. O hero é uma foto full-bleed silenciosa com uma linha curta — sem carrossel, sem overlay CTA, sem timer de urgência. A seção "por que artesanal" mora no home entre o hero e o catálogo, não numa página About escondida. As páginas de catálogo usam a mesma tipografia contida com adicionar ao carrinho sticky. O checkout é uma página, uma coluna, sem drawers. O resultado é uma vitrine que não parece um e-commerce — parece a marca.

Hero — full-bleed silencioso, uma linha de copy, sem carrossel.
Hero — full-bleed silencioso, uma linha de copy, sem carrossel.
Por que artesanal — a história da marca mora no home, não num About escondido.
Por que artesanal — a história da marca mora no home, não num About escondido.
Catálogo — tipografia contida, adicionar ao carrinho sticky.
Catálogo — tipografia contida, adicionar ao carrinho sticky.

Resultados

Na home
Storytelling
Contido
Sistema tipográfico
Zero
Popups
Editorial
Voz

Escopo e arquitetura

Layout editorial single-scroll — sem carrossel, sem overlay CTAs
Storytelling "por que artesanal" no home, não num About escondido
Sistema tipográfico contido reusado em hero / catálogo / produto
Adicionar ao carrinho sticky que não se move no scroll
Checkout silencioso — uma página, uma coluna, sem drawers
Grid mobile-first com áreas de toque confortáveis na página de produto

Construído com

Next.jsVercelTailwind CSSTypeScriptStripe
Automação IA · UI/UX · Produção

Faça a coisa.Sem boilerplate.

Estúdio independente em Cali. Fluxos de automação, UI feita à mão e web ponta-a-ponta — para times que preferem ter pronto a debater.

Vamos conversar
2,014Fundado em 2014

Do brief ao deploy, o estúdio mantém tudo em um só lugar: escopo, design, construção, entrega. Briefs chegam na mesa, entregas vão pro cliente.

Andrés Morales

Agende uma chamada de 30 minou me envie um briefing