Caso de estudioE-commerce · Formación · Sistemas

Un catálogo, dos proveedores, cero copiar y pegar.

La tienda WordPress estancada de un minorista informático se convirtió en una tienda Shopify alimentada por sus proveedores, con las herramientas que la mantienen al día y una plataforma de formación con su propia web.

METIC · Tienda
La nueva tienda METIC: megamenú con siete familias de productos, banner de temporada y franja de marcas
La tienda METIC en un móvil
Cliente
SAS METIC, Mayotte
Sector
Venta de equipos informáticos y formación profesional
Servicios
Consultoría, e-commerce, software a medida, IA y automatización, sistemas de gestión, branding
Cronología
Diez semanas, de julio a octubre de 2026
Estado
Prelanzamiento
Contenido
  1. Resumen del proyecto
  2. El reto
  3. Nuestro enfoque
  4. Lo que construimos
  5. Más allá
  6. Esfuerzo
  7. Entregables
01Resumen del proyecto

Una tienda que parecía estar bien y que por dentro había dejado de funcionar.

METIC es una empresa de Mayotte con dos actividades: la venta de equipos informáticos, desde portátiles e impresoras hasta redes y consumibles, y la formación profesional como organismo de formación certificado Qualiopi. Su tienda online era una web WordPress que tenía buen aspecto, pero que por dentro había dejado de funcionar. Su oferta formativa vivía en documentos y en una web aparte.

Nos llamaron para auditar la web y recomendar un camino. El encargo creció hasta convertirse en la reconstrucción de la tienda en Shopify, los sistemas que mantienen su catálogo al día y una plataforma de formación con su propia web pública.

METIC · Inicio
Después: la nueva tienda Shopify
Antes: la página de inicio en WordPress
Antes · WordPressDespués · Shopify ‹ ›
Arrastra para comparar la página de inicio de antes del proyecto con la nueva tienda.
02El reto

Lenta al cargar, más lenta de mantener.

La auditoría, realizada el 30 de julio de 2026, midió adónde se iban el tiempo y el contenido.

54/100

Puntuación de PageSpeed en móvil

26.3s

hasta que aparece la imagen principal

6–7s

de respuesta del servidor en páginas sin caché

7,7MB

página de inicio, con 57 scripts y 71 hojas de estilo

61

plugins instalados, seis de ellos paquetes de complementos de maquetadores

999

de 2.468 productos sin imagen: los más recientes

~90%

de los productos de la muestra sin descripción

25,496

tareas en segundo plano fallidas, sobre todo la importación nocturna de proveedores

Dos proveedores, media ficha cada uno.

El problema de fondo no era el diseño. METIC vende lo que tienen en stock dos distribuidores locales, y nada llevaba sus datos a la tienda de forma fiable. Además, cada proveedor tenía solo la mitad de una ficha de producto utilizable.

Proveedor AArchivo de catálogo
Código de barras
Marca
Referencia del fabricante
Imágenes
Proveedor BInforme de stock
Código de barras
Marca
Referencia del fabricante
Imágenessolo pequeñas
Una ficha de producto completaEn la tienda
Código de barrasde A
Marca y referencia del fabricantede B
Título y especificaciones en francésenriquecimiento
Fotos a 1.600 pxenriquecimiento
Precio, stock y pesosincronización
03Nuestro enfoque

Primero medir, después construir lo que el equipo pueda gestionar.

01

Auditar antes de aconsejar

Medimos la web y documentamos las causas de fondo en un informe de 20 páginas con una recomendación. Comparamos cuatro escenarios de plataforma, desde reparar la web existente hasta un stack moderno autoalojado, con un modelo de costes del primer año para tres volúmenes de ventas.

02

Una única fuente de verdad

Analizamos exactamente qué aporta cada proveedor y descubrimos que el informe de stock de uno de ellos era en realidad una exportación completa del catálogo: una sola petición en lugar de recorrer un centenar de páginas.

03

Hecho para quienes lo gestionan

El equipo de METIC trabaja en francés y con hojas de cálculo, así que las reglas del catálogo son fórmulas visibles en una hoja que pueden leer. Las herramientas muestran qué va a cambiar antes de que cambie nada.

Descifrar una referencia de fabricante, no adivinarla.

El contenido de los productos se cotejó con bases de datos de productos abiertas y con las webs de los fabricantes. En un proveedor, las coincidencias en una base de datos de productos abierta pasaron del 22 % al 56 % simplemente al descifrar cómo reescribe las referencias de fabricante; las webs de los fabricantes y la investigación asistida por IA cubrieron el resto. Cada producto recibió un título en francés, una tabla de especificaciones y fotos normalizadas a un formato uniforme de 1.600 px.

1,110/1,110

productos publicados con contenido en francés y fotos: todos ellos

Referencias en bruto22 %
Descifradas56 %
Todas las fuentes100 %
04Lo que construimos

Una tienda, los sistemas que la sostienen y una plataforma de formación.

Dos flujos, pensados para funcionar sin copiar y pegar: los datos de los proveedores hacia la tienda, y los cursos del back office hacia la web pública.

Una tienda Shopify a medida.

Un tema creado para el catálogo de METIC en lugar de adaptado de una plantilla: un megamenú con siete familias de productos, filtros por marca, tipo de producto, tamaño de pantalla, procesador, memoria y almacenamiento, imágenes específicas para móvil y páginas de producto que muestran la disponibilidad en directo y el umbral de envío gratis.

METIC · Portátiles
Colección de portátiles con filtros por disponibilidad, precio, marca, tipo de producto y tamaño de pantalla1Filtros por disponibilidad, precio, marca, tipo y tamaño de pantalla2Número de productos en directo en cada colección3Fotos recortadas, centradas y normalizadas a 1.600 px4Marca sobre cada título, leída del registro
METIC · Producto
Página de producto con enlaces a marca y tipo, precio, nivel de stock en directo y aviso de envío gratis1Marca y tipo enlazan a sus colecciones2Disponibilidad en directo, desde la sincronización3Umbral de envío gratis en cada producto
La tienda en un móvil, con su propio banner para móvil

La tienda se migró en una única pasada verificada: productos, stock, imágenes, colecciones, menús y la versión en francés, con cada recuento comprobado contra el origen.

Catálogo, datos y el motor de sincronización.

1,110

productos depurados, con identidad verificada con el fabricante

2,533

imágenes de producto a 1.600 px uniformes

248

colecciones, organizadas por marca y tipo de producto

5×3

zonas de envío por tramos de peso, más dos puntos de recogida

Lenovo IdeaPad Slim 3Portátil
Lenovo IdeaPad Slim 3: foto del proveedor
Proveedor500 × 382
Lenovo IdeaPad Slim 3: foto de la tienda
Tienda1600 × 1600
Logitech G Astro A30Auriculares
Logitech G Astro A30: foto del proveedor
Proveedor225 × 225
Logitech G Astro A30: foto de la tienda
Tienda1600 × 1600
HP DeskJet 2975Impresora
ProveedorSin imagen
HP DeskJet 2975: foto de la tienda
Tienda1600 × 1600
APC Back-UPS BX 1200 VASAI
APC Back-UPS BX 1200 VA: foto del proveedor
Proveedor500 × 375
APC Back-UPS BX 1200 VA: foto de la tienda
Tienda1600 × 1600
Logitech MK345Teclado y ratón
ProveedorSin imagen
Logitech MK345: foto de la tienda
Tienda1600 × 1600
HP 17ATóner
HP 17A: foto del proveedor
Proveedor400 × 179
HP 17A: foto de la tienda
Tienda1600 × 1600

Los archivos de los proveedores solían medir 225–500 px, y algunos productos no tenían ninguna foto. Cada foto de la tienda se recorta, se centra y se exporta a 1600 px.

La capa operativa.

LigeroMedioPesadoZona 1Zona 2Zona 3Zona 4Zona 5

Shopify no puede tarificar por peso los municipios de Mayotte por sí solo, así que diseñamos cinco zonas de envío con nombre y tres tramos de peso, además de dos puntos de recogida cuyo stock se mantiene sincronizado.

Punto de recogida 1Punto de recogida 2
  • Precios. Una sola regla de precios, aplicada igual en todas partes.
  • Pesos. Cada producto tiene un peso de envío comprobado.

Una plataforma de formación con su propia web.

La parte de formación funciona con una plataforma que desarrollamos para METIC: 34 cursos y 84 sesiones programadas gestionados en un único back office en francés, solicitudes de inscripción que llegan desde la web pública y que aprueba el equipo, hojas de firmas en tableta por media jornada con respaldo en papel y certificados de finalización generados a partir de la asistencia, para Qualiopi.

METIC · Formación
La web pública de formación: titular, tres llamadas a la acción y accesos a los cursos1Generada desde la plataforma, reconstruida al publicar y cada seis horas2El equipo aprueba las solicitudes de inscripción3Ilustraciones creadas con generación de imágenes por IA, aprobadas una a una

Un catálogo siempre al día con el back office.

El sitio público se genera desde la plataforma: cada curso, sesión y fecha sale del mismo registro que gestiona el equipo.

METIC · Formations
Un catálogo siempre al día con el back office.
La página de cursos del sitio de formación: titulaciones destacadas, cursos más solicitados, próximas sesiones por categoría e itinerarios para particulares y empresas
La página de cursos, desplazándose sola. Pasa el cursor por encima para pausarla.
METIC · Calendario
El calendario de formación 2026, filtrado por categoría y mes, con las próximas sesiones, su duración, lugar y estado1Filtros por categoría y por mes2Cada sesión viene del back office3Duración y lugar en cada sesión4El estado se actualiza solo
Una hoja de firmas generada para una media jornada
Un certificado de finalización generado a partir de la asistencia; el nombre del alumno está difuminado
Hojas de firmas por media jornada
Certificados a partir de la asistencia
05Más allá

Herramientas que pedía el proyecto, no el encargo.

Varias herramientas se crearon porque el trabajo las pedía. Nada de lo que producen llega a la tienda sin que alguien lo revise.

Más allá del encargo

Seguimiento de proveedores

Descarga los datos de ambos proveedores cada mañana, guarda el historial, clasifica las nuevas referencias en productos nuevos y variantes cercanas, y prepara una hoja de cálculo actualizada.

Más allá del encargo

Enriquecimiento de productos con IA

Investiga cada producto entre fabricantes y distribuidores y redacta una ficha en francés que aprueba una persona.

Más allá del encargo

Normalizador de fotos

Convierte fotos heterogéneas de proveedores en miniaturas de producto coherentes.

Más allá del encargo

Hoja de catálogo

Reglas de precios, estado e impuestos como fórmulas en vivo, exportadas a Shopify con un informe de lo que va a cambiar.

Más allá del encargo

Copia de seguridad y restauración

Una instantánea completa de productos, stock, costes, pesos e imágenes antes de cualquier cambio masivo, restaurable producto a producto.

Más allá del encargo

Guía de marca e interfaz

Un único archivo sin conexión con la tipografía, los tokens de color y los componentes de METIC, para que cada página nueva encaje con la tienda.

La lista matinal del seguimiento de proveedores.

Una pequeña app web en francés. Su pantalla de inicio enumera lo que requiere atención, incluido dónde se ha desviado la tienda del catálogo en precio, stock o estado.

Seguimiento de proveedores
Pantalla de inicio del seguimiento de proveedores con nuevas referencias, fichas por validar y diferencias entre el catálogo y la tienda; los datos de proveedores están difuminados1Nuevas referencias, clasificadas en productos nuevos y variantes cercanas2Dónde se ha desviado la tienda en precio, stock o estado3Descarga bajo demanda o automática cada mañana
Los nombres y datos de los proveedores están difuminados por confidencialidad.

Enriquecimiento con IA que tiene que demostrar su trabajo.

Un agente redacta cada ficha de producto. Después, el código la vuelve a comprobar: cada fuente debe haberse abierto de verdad, cada cifra debe aparecer en esas páginas y cada imagen se mide. Una persona aprueba cada ficha.

Seguimiento de proveedores · enriquecimiento con IA
Pantalla de enriquecimiento con IA con cifras de actividad y una ficha de producto marcada para revisión; los datos identificativos están difuminados1Coste medido: unos 0,27 $ por producto2Las coincidencias poco fiables se señalan, nunca se publican3Cada fuente debe haberse abierto de verdad4Nada entra en la hoja de cálculo sin validación
Las referencias, los ajustes y las fuentes están difuminados por confidencialidad.
06Esfuerzo

Unas 340 horas de trabajo sénior en diez semanas.

340horas
Unas 5 horas al día, fines de semana incluidos
Catálogo, datos y sincronización~85 h
Tienda y tema~80 h
Plataforma y web de formación~20 h
Auditoría, informes y decisiones~60 h
Talleres, QA y configuración de la tienda~95 h

Desde la auditoría del 30 de julio hasta el prelanzamiento, el proyecto supuso de media unas cinco horas de trabajo al día, fines de semana incluidos. El reparto por área de trabajo es una estimación. El proyecto utilizó de principio a fin un flujo de ingeniería asistido por IA, que es lo que hizo posible este alcance en diez semanas.

AuditoríaTienda y catálogoFormación
30 julAuditoría técnica
Principios de agoInforme y escenarios
AgoInvestigación de tema y catálogo
21–22 sepMigración y catálogo depurado
29 sepPlataforma de formación
30 sepWeb de formación headless
1–2 octCapa operativa
07Entregables

Lo que recibió METIC.

Auditoría técnica e informe de recomendaciónComparativa de costes del primer añoTema de Shopify a medidaBanners de colecciones y marcasCatálogo migrado y depurado de 1.110 productosMotor de sincronización con copia de seguridad y restauraciónConfiguración de envíos, precios y pesosApp de seguimiento de proveedoresAgente de enriquecimiento con IAHoja de catálogoGuía de marca e interfazPlataforma de formación: inscripciones, asistencia, certificadosWeb de formación headless

¿Vendes lo que tienen en stock tus proveedores?

Cuéntanos de dónde vienen tus datos de producto y adónde tienen que llegar. Trazaremos lo que es posible antes de construir nada.

¿Buscas algo en concreto?

Nuestros servicios:Todos los servicios Software a medida E-commerce Sitios web y marca Sistemas empresariales Aplicaciones móviles IA y automatización Consultoría tecnológica Meta Field Proyectos

Meta Mind Lab es un estudio de software y digital con sede en Mauricio. Desarrollamos software a medida y aplicaciones web con Next.js, TypeScript y PostgreSQL, apps móviles para iOS y Android con React Native y tiendas online en Shopify y WooCommerce, desde el catálogo y los pagos hasta los envíos y los datos de proveedores. Para las marcas, diseñamos sitios web e identidades visuales y los impulsamos con SEO y Google Ads. Conectamos los sistemas empresariales para que la información deje de copiarse a mano y llevamos la IA y la automatización al trabajo diario, con las personas al mando. ¿Necesitas orientación primero? Nuestra consultoría tecnológica te ayuda a elegir la plataforma adecuada. Para equipos de servicio de campo, Meta Field gestiona la planificación, los informes firmados, la facturación y la contabilidad. Descubre cómo encaja todo en nuestros casos de estudio y en nuestra imagen de producto y motion.

Sectores:Hostelería y turismo Comercio y e-commerce Alimentación y bebidas Belleza y cosmética Servicios profesionales Automoción Logística Inmobiliario Salud Ingeniería Agricultura Sector ecuestre