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

E-commerce · marca de beleza · Colombia

Velvet & Pearl (MECCA) — e-commerce editorial pra uma marca colombiana de beleza (arquivado)

Um e-commerce editorial pra uma marca colombiana de beleza — 568 SKUs sincronizados do Mastershop pra uma storefront custom de Next.js + PostgreSQL. Descontinuado em 2026-09-23 ao encerrar o ciclo de renovação do cliente; arquivado aqui como registro da arquitetura e das decisões de design editorial por trás.

Velvet & Pearl (MECCA) — e-commerce editorial pra uma marca colombiana de beleza (arquivado)

2024 — 2026

No ar
2024 — 2026
Região
Colombia
SKUs
568
Status
Archived

O problema

O varejo de beleza é sobre confiança. Um catálogo de 568 SKUs com fotografia modelada à mão e voz de marca curada lentamente não pode ser vendido através de um template de e-commerce genérico. O site original era um tema stock que tratava todos os produtos igual, escondia a história da marca sob a paginação, e empurrava um cartão de crédito na primeira interação. O resultado eram páginas de catálogo que pareciam qualquer outra loja de beleza do país e um checkout que quebrava o fluxo editorial.

O que construí

MECCA foi reconstruído como uma vitrine editorial single-scroll. O home é um hero curado à mão, o catálogo é filtrável por categoria (skincare, haircare, perfume, banho, sets), e a página de produto usa a mesma tipografia contida que o brief. Mastershop empurrou 568 SKUs pro nosso banco de dados via a API compatível com Shopify, e um job noturno mantinha o inventário sincronizado. Quando o cliente decidiu não renovar em 2026, o site foi arquivado como registro de portfólio — a arquitetura, o sistema de design editorial, e os aprendizados do lançamento estão preservados neste case study.

Vitrine editorial — hero full-bleed, tipografia contida, filtros por categoria.
Vitrine editorial — hero full-bleed, tipografia contida, filtros por categoria.

Resultados

568
SKUs
Arquivado
Status
Next.js
Stack
Colombia
Região

Escopo e arquitetura

Vitrine editorial single-scroll com 568 SKUs sincronizados
Sync Mastershop → DB custom via API compatível com Shopify
Filtros por categoria: skincare, haircare, perfume, banho, sets
Sistema tipográfico contido reusado em hero / catálogo / produto
Sync noturno de inventário — descontinuado quando o cliente parou de renovar
Tratamento editorial de fotografia — sem carrosséis, sem overlays

Construído com

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