Resumen
Mirror Technology es una tienda de tecnología con base en Bogotá que vende celulares y accesorios de marcas como Apple, Samsung, Xiaomi y Tecno. Necesitaban una tienda en línea propia que les permitiera vender de forma eficiente, controlar el inventario real de cada equipo, y presentar sus productos con un diseño que transmitiera la misma calidad premium que venden.
El Reto
Vender celulares no es como vender un producto genérico: cada equipo tiene su propio número de serie (IMEI) que debe rastrearse para poder gestionar garantías, y el stock varía según combinaciones de color y almacenamiento, no solo por una cantidad plana. Además, el equipo de Mirror Technology necesitaba poder actualizar la tienda —banners, productos destacados, precios— sin depender de un desarrollador para cada cambio.
Nuestro Enfoque
Construimos la tienda sobre Next.js 15 y React 19 para el frontend, con Medusa.js v2 como motor de comercio headless en el backend. Sobre Medusa desarrollamos un módulo propio de gestión de IMEIs: cada unidad física se registra con su número de serie individual, y el stock disponible de cada variante (color + almacenamiento) se calcula automáticamente sumando los IMEIs disponibles, no como una cantidad genérica. Al despachar un pedido, el equipo asigna manualmente el IMEI exacto que se envía, dejando trazabilidad completa para futuras garantías.
Para el frontend, diseñamos un Hero dinámico: desde el panel de administración, el cliente puede destacar cualquier producto en la portada, subir una imagen sin fondo por cada color disponible, y el celular “cambia de color” en tiempo real cuando el usuario toca el swatch correspondiente. También construimos un banner promocional configurable completamente desde el backend (imagen, color de fondo, textos y botón), para que el equipo de marketing pueda lanzar promociones sin tocar código.
Solución de Diseño
El resultado es una tienda clara y elegante, con fondo blanco y acentos dorados que refuerzan el branding premium del cliente, animaciones suaves con Framer Motion, y un catálogo organizado por marca (colecciones) y tipo de producto (categorías), pensado para que un cliente encuentre en segundos el celular que busca y complete la compra sin fricciones.