Skip to main contentSaltar al contenido principal
Andrés Morales

Productos artesanales · e-commerce artesanal · LATAM

Soapartesana — vitrina editorial para una marca de jabones de proceso lento

Una marca de jabones artesanales necesita una vitrina que no se sienta como una plantilla de e-commerce genérica. Construimos un single-page editorial que se lee como el lookbook de la marca y convierte como una tienda normal — sin carrusel, sin popups, sin timers de urgencia.

Soapartesana — vitrina editorial para una marca de jabones de proceso lento

2024 — present

En vivo desde
2024
Región
LATAM
Tono
Editorial
Popups
None

El problema

Los productos artesanales se venden por su historia. La vitrina anterior era un tema de e-commerce por defecto — grid de productos, tipografía genérica, sin voz, y un checkout interrumpido por popups de marketing. Los visitantes rebotaban porque el sitio se veía idéntico a otras diez tiendas de jabones que habían visitado ese día. Peor aún, la marca no podía contar su historia en ningún lado del sitio — no había "por qué artesanal", no había "qué es cold-process", no había fotos del taller. El comprador que habría pagado 30% más premium por artesanía veía la misma plantilla que todos los demás.

Lo que construí

Soapartesana es un único scroll editorial. El hero es una foto full-bleed silenciosa con una línea corta — sin carrusel, sin overlay CTA, sin timer de urgencia. La sección "por qué artesanal" vive en el home entre el hero y el catálogo, no en una página About oculta. Las páginas de catálogo usan la misma tipografía contenida con agregar al carrito sticky. El checkout es una página, una columna, sin drawers. El resultado es una vitrina que no se siente como un e-commerce — se siente como la marca.

Hero — full-bleed silencioso, una línea de copy, sin carrusel.
Hero — full-bleed silencioso, una línea de copy, sin carrusel.
Por qué artesanal — la historia de la marca vive en el home, no en un About oculto.
Por qué artesanal — la historia de la marca vive en el home, no en un About oculto.
Catálogo — tipografía contenida, agregar al carrito sticky.
Catálogo — tipografía contenida, agregar al carrito sticky.

Resultados

En línea
Storytelling
Contenido
Sistema tipográfico
Cero
Popups
Editorial
Voz

Alcance y arquitectura

Layout editorial single-scroll — sin carrusel, sin overlay CTAs
Storytelling "por qué artesanal" en el home, no en un About oculto
Sistema tipográfico contenido reusado en hero / catálogo / producto
Agregar al carrito sticky que no se mueve al scrollear
Checkout silencioso — una página, una columna, sin drawers
Grid mobile-first con áreas táctiles cómodas en la página de producto

Construido con

Next.jsVercelTailwind CSSTypeScriptStripe
Automatización IA · UI/UX · Producción

Haz la cosa.Sin boilerplate.

Estudio independiente desde Cali. Flujos de automatización, UI hecha a mano y web end-to-end — para equipos que prefieren tenerlo listo a discutirlo.

Hablemos
2,014Fundado en 2014

Del brief al deploy, el estudio mantiene todo en un solo lugar: alcance, diseño, construcción, entrega. Los briefs llegan al escritorio, los entregables al cliente.

Andrés Morales

Agenda una llamada de 30 mino envíame un brief