Ir al contenido
De tienda en línea a showroom
Manufactura · Muebles de Oficina
Desarrollo Web y de Apps Integraciones SEO + AI Search

Muebles Marfavi

De tienda en línea a showroom

Muebles Marfavi fabrica muebles de oficina en Bogotá y vende por cotización, no por carrito. Reconstruimos su diseño aprobado pixel a pixel en WordPress + Elementor nativo, migramos todo su catálogo de Tienda Nube (232 productos, 9 categorías, 570 imágenes) a un showroom rápido y con hosting propio, y convertimos cada producto en una cotización por WhatsApp con un solo toque. Entregado y revisado; la migración al dominio del cliente está en curso. Desarrollado para una agencia aliada en Colombia.

Duración

Cerca de 4 semanas de construcción y revisión · migración al dominio del cliente en curso

Completado

14 de septiembre de 2026

De tienda en línea a showroom
232
Productos migrados

9 categorías y 25 pestañas por línea, cargados tal como se exportaron

570
Imágenes de producto

Localizadas en la biblioteca de medios de WordPress y optimizadas en WebP

1:1
Reconstrucción fiel al diseño

El diseño aprobado, verificado sección por sección contra el original

0
Errores de consola · imágenes rotas

En las pasadas de QA del catálogo y de móvil

El Desafío

El portafolio de Marfavi vivía en Tienda Nube, un SaaS de e-commerce, con todos los precios en cero: la empresa vende por cotización, no por carrito.

Ya existía un diseño aprobado, pero como un único archivo HTML de 6,7 MB con 7 secciones, 8 modales de línea de producto y 153 imágenes, 44 de ellas incrustadas en base64. Un diseño aprobado atrapado en un archivo, y un catálogo real atrapado en una plataforma hecha para carritos.

  • — Plataforma equivocada · un SaaS pensado para el checkout en un negocio que vende por cotización; editar el código del tema dependía del plan y el acceso estaba bloqueado por verificación en dos pasos
  • — Diseño imposible de publicar · un HTML monolítico de 6,7 MB con imágenes en base64, emojis y JavaScript embebido, que el cliente no podía editar
  • — Catálogo sin exportación de imágenes · Tienda Nube exporta los productos en CSV (263 filas, 232 productos) sin columna de imágenes; las fotos solo existían en la tienda en vivo
  • — Cero caída · la tienda actual debía seguir funcionando en el dominio mientras se construía y revisaba el sitio nuevo
Nuestra Solución

Llevamos el proyecto a WordPress + Elementor en A2P Hosting y lo construimos como un pipeline: el diseño estático compilado por código en widgets nativos y editables, el catálogo extraído y migrado con scripts, y cada llamado a la acción dirigido a WhatsApp, donde Marfavi cierra sus ventas.

  • + Reconstrucción fiel en widgets nativos de Elementor · editable por el cliente, no un bloque de HTML pegado; 15 secciones, 29 columnas y 86 widgets generados y publicados con la API REST de WordPress
  • + Un motor de catálogo · panel lateral de categorías, pestañas por línea y una ficha modal con galería para los 232 productos, sin salir de la página
  • + Migración del catálogo desde Tienda Nube con scripts · lectura del CSV, scraping headless de la tienda en vivo (232 de 232 productos) y carga masiva de 570 imágenes
  • + WhatsApp como checkout · una cotización prellenada desde cada ficha, y un formulario de contacto que abre un chat listo para enviar en vez de depender del correo
  • + SEO técnico y sistema de marca · título y meta a medida, Open Graph, JSON-LD, sitemap XML, un kit de Elementor estandarizado y un plan de cambio de dominio sin caída
Frames Seleccionados

Dentro del build.

Marca, interfaz y sistema — tal como se shipearon.

Página de inicio de Muebles Marfavi
HOME · HERO
El diseño aprobado, reconstruido en widgets nativos de Elementor
Panel de productos abierto en sillas de oficina con pestañas por línea
PANEL DE PRODUCTOS · LÍNEAS Y PESTAÑAS
9 categorías y 25 pestañas por línea, sin salir de la página
Panel de productos en celular
MÓVIL
Verificado a 390 px sin desbordes
Ficha de producto en modal con galería y botón de cotización por WhatsApp
FICHA DE PRODUCTO · COTIZACIÓN POR WHATSAPP
Galería, descripción y una cotización prellenada por WhatsApp para cada uno de los 232 productos
Grilla de nueve categorías de producto
CATÁLOGO · CATEGORÍAS
Cada categoría abre el panel del catálogo
Sección de contacto con un formulario que abre WhatsApp
CONTACTO · FORMULARIO A WHATSAPP
El formulario arma el mensaje y abre un chat de WhatsApp con ventas, sin servidor de correo de por medio
Lo que no se ve

Lo invisible es el pipeline.

Es un proyecto mayormente de frontend: un sitio de una página sin base de datos de negocio propia, sin pagos y sin IA en el producto. La ingeniería está en el pipeline: un diseño estático compilado a un CMS, un catálogo extraído de una plataforma cerrada sin exportación de imágenes y un cambio de hosting planeado sin caída. Cerca de 30 % automatización e infraestructura, 70 % frontend y fidelidad visual.

86
Widgets nativos de Elementor
25
Pestañas por línea de producto
232
Fichas en el motor modal
239
Puntos de cotización por WhatsApp
−95 %
Peso del panel de catálogo
~900
Líneas de scripts de build y migración
01

Compilado, no pegado

Un generador en Python arma el árbol de Elementor como datos y lo publica con la API REST. Widgets nativos para todo lo editable; widgets HTML solo para el panel interactivo, la navegación, el formulario y el footer.

02

Las fotos que la plataforma no exportaba

Un scraper headless leyó la tienda en vivo; la primera pasada capturó 114 productos por la carga diferida, y una segunda pasada con scroll llegó a 232 de 232.

03

De 1.276 KB a 59 KB

El panel original cargaba sus imágenes en base64. Llevarlas a la biblioteca de medios redujo su peso en 95 %.

04

Emojis contra la base de datos

La base de datos del hosting no admitía caracteres de 4 bytes, así que guardar el diseño fallaba. Una conversión automática a entidades HTML, más CSS para los emojis de los botones, lo resolvió.

05

Datos limpios, tal como se exportaron

Nombres, categorías y descripciones se cargaron tal como venían. Se eliminaron 49 imágenes sobrantes de 50 px y una verificación por hash encontró 229 fotos únicas de 232.

06

Hybrid AI Coding

La ingeniería senior definió la arquitectura y cada decisión con el cliente, mientras agentes de IA se encargaron de la implementación con QA visual independiente en cada sección. El sitio completo de una página pasó del mockup aprobado a un build funcional en un solo día.

El Stack

Tecnologías y Herramientas

El stack tecnológico que impulsa esta solución

CMS
WordPress
Constructor de páginas
Elementor
Scripts de build y migración
Python
Publicación por código
WordPress REST API
Scraping y QA visual
Playwright
SEO técnico
Slim SEO
Canal de cotización
WhatsApp
Hosting LiteSpeed
A2P Hosting
Ingeniería senior + agentes de IA
Hybrid AI Coding
El Impacto

Más allá de los números, entregamos un sistema que transformó la operación de este cliente.

01

Un catálogo independiente

232 productos y 570 imágenes salieron de una plataforma de e-commerce cerrada hacia un sitio que Marfavi controla y puede editar.

02

Cada clic es una cotización

Sin carrito y sin callejones sin salida: 239 puntos de entrada a WhatsApp llevan a los compradores directo al equipo de ventas.

03

El diseño aprobado, tal como se diseñó

Un mockup estático de 6,7 MB se convirtió en un sitio de WordPress nativo y editable, fiel al diseño y verificado sección por sección.

Línea de tiempo
  1. Jul 2026
    Solicitud de cotización: publicar el diseño aprobado como portafolio de productos
  2. 29 ago 2026
    Paso a WordPress + Elementor en A2P Hosting; el sitio completo de una página, construido en un día
  3. 10 sep 2026
    Build de revisión entregado con QA completo
  4. 14 sep 2026
    Catálogo real migrado y verificado: 232 productos, 9 categorías, 570 imágenes; plan de cambio de dominio entregado
  5. 23 sep 2026
    Ronda de feedback del cliente: presentación de imágenes, limpieza de 49 imágenes sobrantes, iconos SVG y auditoría de fotos duplicadas
  6. Oct 2026
    Últimos materiales del cliente y luego el cambio de dominio
Inicia Tu Proyecto

¿Listo para lograr resultados similares?

Hablemos de cómo podemos transformar tu negocio con una solución digital a medida.

¡Hola! Soy Atlas