Skip to main contentSaltar al contenido principal
Andrés Morales

E-commerce · marca de belleza · Colombia

Velvet & Pearl (MECCA) — e-commerce editorial para una marca colombiana de belleza (archivado)

Un e-commerce editorial para una marca colombiana de belleza — 568 SKUs sincronizados desde Mastershop a una storefront custom de Next.js + PostgreSQL. Decomisionado el 2026-09-23 al cerrarse el ciclo de renovación del cliente; archivado aquí como registro de la arquitectura y las decisiones de diseño editorial detrás.

Velvet & Pearl (MECCA) — e-commerce editorial para una marca colombiana de belleza (archivado)

2024 — 2026

En vivo
2024 — 2026
Región
Colombia
SKUs
568
Estado
Archived

El problema

El retail de belleza se trata de confianza. Un catálogo de 568 SKUs con fotografía modelada a mano y voz de marca curada lentamente no puede venderse a través de una plantilla de e-commerce genérica. El sitio original era un tema stock que trataba todos los productos igual, escondía la historia de la marca bajo la paginación, y empujaba a una tarjeta de crédito en la primera interacción. El resultado eran páginas de catálogo que se veían como cualquier otra tienda de belleza del país y un checkout que rompía el flujo editorial.

Lo que construí

MECCA se reconstruyó como una vitrina editorial single-scroll. El home es un hero curado a mano, el catálogo es filtrable por categoría (skincare, haircare, perfume, baño, sets), y la página de producto usa la misma tipografía contenida que el brief. Mastershop empujó 568 SKUs a nuestra base de datos vía la API compatible con Shopify, y un job nocturno mantenía el inventario sincronizado. Cuando el cliente decidió no renovar en 2026, el sitio se archivó como registro de portafolio — la arquitectura, el sistema de diseño editorial, y los aprendizajes del lanzamiento están preservados en este case study.

Vitrina editorial — hero full-bleed, tipografía contenida, filtros por categoría.
Vitrina editorial — hero full-bleed, tipografía contenida, filtros por categoría.

Resultados

568
SKUs
Archivado
Estado
Next.js
Stack
Colombia
Región

Alcance y arquitectura

Vitrina editorial single-scroll con 568 SKUs sincronizados
Sync Mastershop → DB custom vía API compatible con Shopify
Filtros por categoría: skincare, haircare, perfume, baño, sets
Sistema tipográfico contenido reusado en hero / catálogo / producto
Sync nocturno de inventario — discontinuado cuando el cliente dejó de renovar
Tratamiento editorial de fotografía — sin carruseles, sin overlays

Construido con

Next.jsPostgreSQLMastershop APIStripeTailwind CSSDocker
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