Portafolio / E-commerce de moda inclusiva
Una tienda diseñada para celebrar cada curva.
Rediseñamos la experiencia de Curvy Boutique para unir identidad, confianza y conversión: desde descubrir una prenda hasta elegir la talla, pagar y recibir acompañamiento. Una boutique de Bucaramanga que diseña y selecciona ropa para mujeres curvy, de la L a la 5XL, con una tienda en línea a la altura de lo que promete en el mostrador.
01El reto
Una marca con misión merecía una tienda igual de clara.
Kelly Pérez estudió diseño de moda y convirtió una frustración personal —lo difícil que era encontrar ropa moderna que le quedara bien— en una boutique que celebra el cuerpo en vez de esconderlo. La tienda física ya lo transmitía: asesoría en el mostrador, prendas elegidas para curvas reales y tallas que en otras tiendas no existen.
La tienda en línea todavía hablaba como una plantilla. La oportunidad era alinear esa misión con una experiencia digital igual de clara: que una clienta entendiera en el primer vistazo que aquí sí hay ropa para ella, encontrara su talla sin adivinar, confiara en cómo pagar y recibir, y supiera que detrás hay una persona dispuesta a asesorarla.
Lo que había que resolver
- 01Hacer evidente la propuesta desde el primer viewport
- 02Explorar por categoría sin navegación de plantilla
- 03Resolver la talla en el momento de decidir
- 04Dar confianza en pagos y envíos colombianos
- 05Llevar a WhatsApp sin romper la compra
- 06Que la marca se viera igual al compartir un producto
Nuestro rol
Estrategia, dirección de diseño, UX/UI, arquitectura de contenido, implementación en WordPress y WooCommerce, optimización técnica, SEO y la conexión de la tienda con el sistema que la opera.
02La estrategia
Cuatro principios para todo el recorrido.
Primero el propósito, luego la prenda.
La tienda no tenía que vender más fuerte: tenía que quitar dudas. Cada bloque del inicio y de la ficha responde a una pregunta concreta de una clienta curvy —¿esto es para mí?, ¿me va a quedar?, ¿cómo pago?, ¿quién me ayuda?— en el orden en que aparece.
Mantuvimos WooCommerce. El catálogo, las variaciones y los pedidos ya vivían ahí, y migrar de plataforma por moda habría costado meses sin resolver ninguna de esas preguntas.
Propósito claroCatálogo fácilMenos incertidumbreContinuidad
03El inicio
Propuesta, catálogo, confianza y retención.
La promesa «Moda que abraza tus curvas», el segmento —moda inclusiva, tallas grandes— y la compra a un clic. Encima, una barra fija recuerda envíos a toda Colombia, cuotas con Addi o Sistecrédito y asesoría por WhatsApp.
Blusas, Pantalones, Faldas, Vestidos, Sets: 5 puertas con fotografía de campaña, en vez de un menú desplegable de plantilla.
Un bloque dinámico conectado al catálogo: lo último que entra a la tienda aparece sin que nadie tenga que editar el inicio.
La historia de Kelly en el inicio y no escondida en una página interna: es la prueba de propósito que explica por qué la tienda existe. Debajo, los cuatro compromisos de compra sobre el vino de la marca.
La clienta compra y pregunta desde el teléfono, así que el recorrido móvil recibe el mismo cuidado que el de escritorio: hero, categorías a pantalla completa y la ayuda de talla siempre a la vista sobre el selector.
04Sistema visual
Vino, coral y crema: femenino, adulto.
Marca · Acción · Titulares
- HEX
- #5A0D20
- RGB
- 90 · 13 · 32
Acento · Etiquetas · Newsletter
- HEX
- #DA7E5F
- RGB
- 218 · 126 · 95
Fondo principal
- HEX
- #FBF6F3
- RGB
- 251 · 246 · 243
Bandas alternas · Superficies
- HEX
- #F3E6E0
- RGB
- 243 · 230 · 224
Texto de lectura
- HEX
- #2A1519
- RGB
- 42 · 21 · 25
Texto secundario
- HEX
- #6E5A5D
- RGB
- 110 · 90 · 93
05Tipografía
Una serif de boutique, una sans que atiende.
Marcellus
Aa Bb Cc — 0123456789
Regular 400
Jost
Aa Bb Cc — 0123456789
Regular 400 · Medium 500
Jost · versalitas
Aa Bb Cc — 0123456789
Medium 500
Moda que abraza tus curvas
50 px · 400Compra por categoría
35 px · 400Kelly Pérez creó la boutique que siempre quiso encontrar
30 px · 400Cortes que estilizan, telas cómodas y asesoría personalizada para que te sientas segura cada día.
16 px · 400Moda inclusiva · Tallas grandes
13 px · 500 · versalitas06Experiencia de compra
La duda se responde donde aparece.
Talla y color como opciones visibles, no como un desplegable. Bajo el botón, tres recordatorios: envíos a toda Colombia, cuotas con Addi o Sistecrédito y «¿Dudas con tu talla? Escríbenos por WhatsApp».
Un diálogo accesible sobre el selector, en cada producto que usa el atributo global de talla: busto, cintura y cadera de la L a 5XL, qué hacer si quedas entre dos tallas, un video para tomarse las medidas y WhatsApp con el nombre de la prenda ya escrito.
Filtros por categoría como botones y la fotografía de producto como protagonista. La misma tarjeta del inicio, para que la clienta no tenga que volver a aprender a leer la tienda.
«Estado» se llama Departamento. La cédula o NIT se vuelve obligatoria solo si la clienta pide factura electrónica o paga con Addi, y el servidor valida lo mismo que el navegador. Cuatro formas de pago locales: Addi, Sistecrédito, Wompi, Bold.
07El recorrido
De ver una prenda a recibirla.
WhatsApp no es un parche al final de la página. Para tallaje curvy es un canal de confianza y de cierre, y por eso aparece en la barra superior, en la ficha, en la guía de tallas y en los correos.
Redes
DescubrirCategoría
ExplorarFicha y guía
Elegir tallaWhatsApp
AsesoríaCheckout
PagarDespacho
Seguir el pedido
- 01
Descubre
Una prenda en Instagram, TikTok o un enlace compartido. La tarjeta del enlace ya muestra foto, colección y rango de tallas.
- 02
Explora
Entra por una de las 5 categorías o por los nuevos ingresos, sin pasar por un menú genérico.
- 03
Elige su talla
La guía se abre sobre el selector, con las medidas de la prenda y la regla para quien queda entre dos tallas.
- 04
Pregunta, si hace falta
Un toque lleva a WhatsApp con el producto escrito. La asesoría continúa la compra; no la reemplaza.
- 05
Paga como prefiere
A cuotas con Addi o Sistecrédito, o en línea con Wompi o Bold: PSE, tarjetas y Nequi.
- 06
Recibe y sigue
Cuando el pedido se despacha, el correo de WooCommerce lleva transportadora y número de guía, con WhatsApp a mano si algo no cuadra.
El diagrama es el recorrido diseñado. Cuántas clientas lo hacen por cada canal no se ha medido todavía y no se publica.
08Marca más allá de la pantalla
La misma tienda en cada contacto.
Cada producto genera su tarjeta de 1200×630: foto, logo, colección, nombre, descripción breve, dominio y rango de tallas, con la tipografía y los colores de la marca. Se regenera sola cuando cambia la foto o el nombre, así que nadie diseña una pieza por prenda.
15 % en la primera compra. Cada alta viaja firmada al sistema de marketing, con reintentos si no responde, y una nueva suscriptora puede recibir un cupón personal de un solo uso.
El blog cuenta la misión con la voz de la marca. Al final de cada artículo, una invitación a elegir la tienda como fuente preferida en Google.
09Rendimiento y tecnología
Lo técnico, al servicio de la compra.
Cifras de lo construido, no de rendimiento. No publicamos mejoras de velocidad ni de conversión hasta medirlas antes y después.
- 6
- tallas en la guía, de la L a 5XL
- 4
- medios de pago colombianos en el checkout
- 1200×630
- tarjeta social generada por producto
- WebP 78
- miniaturas nuevas, con el original conservado
- ~250 KB
- de scripts de formularios fuera de las páginas que no los usan
- 9
- mini-plugins versionados, uno por responsabilidad
10La entrega
Lo que se construyó y lo que sigue.
La tienda corre en WordPress con WooCommerce como motor de catálogo, variaciones, inventario, pedidos y checkout, y Elementor sobre Hello para la composición. Las personalizaciones son nueve mini-plugins en PHP, cada uno con una sola responsabilidad y aislados para que un fallo no tumbe el sitio: checkout, SEO, imágenes, formularios, guía de tallas, newsletter, correos, tarjetas sociales y fuente preferida.
Rank Math recibe la marca Kelly Pérez Curvy Clothing en el schema de producto y deja de competir con la meta description del tema. Imagick genera las miniaturas WebP y las tarjetas sociales. Los formularios solo cargan sus scripts donde hay un formulario: la ficha, la tienda y las categorías ya no los descargan. Y los correos de WooCommerce responden a la tienda, usan la jerarquía de la marca e incluyen la guía de envío cuando el pedido se despacha.
Lo pendiente se dice igual de claro. El inicio, la ficha, la guía de tallas y el checkout son nuevos; algunas páginas auxiliares todavía conservan textos heredados del tema —el checkout, por ejemplo, aún llama «Flat rate» a la tarifa de envío—, y revisarlas una por una es el siguiente paso.
Entregado
- 01Narrativa e inicio comercial propios
- 02Navegación por cinco categorías y nuevos ingresos
- 03Guía de tallas contextual con WhatsApp
- 04Checkout localizado con reglas de Addi y facturación
- 05Schema de producto con marca
- 06Tarjetas sociales automáticas
- 07Miniaturas WebP y carga condicional de formularios
- 08Newsletter conectada al sistema de marketing
- 09Correos de WooCommerce con datos de despacho
11El resultado
Lo que cambia cuando la tienda acompaña.
Talla, pago y envío, acompañados.
El resultado es una tienda que comunica la visión de Kelly con más claridad y convierte decisiones complejas —como talla, pago o envío— en una experiencia acompañada.
Y no está sola: detrás corre el sistema que opera el inventario, los pedidos y el marketing, con WooCommerce como fuente de verdad compartida.
IdentidadConfianzaAcompañamiento
→Proyecto relacionado
El sistema operativo detrás de la tienda.
beleafdesign
¿Tu tienda resuelve las dudas antes de que te escriban?
Si vendes moda, la talla, el pago y el envío deciden la compra. Podemos revisar qué encuentra hoy una clienta en tu tienda y qué debería encontrar.
Hablemos de tu proyecto