Replataformando Checkout y Comercio sobre una Base Flexible

Aunque la visión de IPSY para una experiencia de comercio moderna, segura y extensible era clara, llevarla a cabo no sería nada sencillo. Su catálogo de productos era complejo, con paquetes, surtidos y precios dinámicos, y adaptar esto al modelo de datos de productos de commercetools requeriría una profunda consideración. Los sistemas heredados como autenticación, OMS, servicios de impuestos y APIs internas debían seguir funcionando durante la migración, añadiendo capas de complejidad en la integración. Paralelamente, IPSY también necesitaba migrar de su CMS heredado a una plataforma de contenido más flexible, manteniendo flujos de publicación complejos. A esto se sumaba una ventana de entrega ajustada, que requería decisiones rápidas y la capacidad de hacer concesiones sin frenar el progreso.

Junto con los cambios técnicos, el equipo interno de IPSY tendría que adaptarse a nuevos flujos de trabajo, como Next.js y TypeScript, adoptando prácticas de pruebas revisadas y asumiendo responsabilidades que cambiaban sus roles establecidos, incluyendo una capacitación generalizada. El proyecto requeriría una cuidadosa coordinación entre IPSY, Orium y los proveedores tecnológicos externos, equilibrando la ejecución técnica con la gestión del cambio organizacional.

Para abordar estos desafíos, IPSY se asoció con Orium, utilizando un modelo de entrega por fases que combinó la experiencia interna de IPSY con el conocimiento de Orium en Composable Commerce. Para comenzar, los equipos sentarían las bases con el Orium Accelerator, que ayudaría a establecer rápidamente la estructura tanto del frontend como del backend aprovechando Contentful para migrar contenido y mantener flujos de publicación complejos. A partir de ahí, los equipos avanzarían por etapas, comenzando con pruebas de concepto para pagos con Stripe, antes de incorporar la lógica de productos y carrito de commercetools, integración de impuestos y flujos de trabajo con Netlify.

El proyecto seguiría un enfoque de desarrollo conjunto, con desarrolladores de IPSY trabajando directamente junto a ingenieros de Orium para asegurar la transferencia de conocimiento y la alineación en cada paso. Para resolver las complejidades de la lógica de paquetes y descuentos, el equipo planificó talleres de alineación que reunirían a los equipos de ingeniería y producto para definir y refinar el modelo de datos. Las pruebas también serían una prioridad, con automatización de QA a través de Virtuoso complementada por validación manual de casos límite, especialmente en los flujos de pago, sincronización con OMS y cálculo de impuestos. Finalmente, para proteger la entrega en el plazo comprimido, los equipos incorporarían pipelines de CI/CD, prácticas de observabilidad y monitoreo con DataDog, respaldados por escaneo de vulnerabilidades y despliegues de vista previa en Netlify.

Lo que surgió fue más que una experiencia de comercio electrónico renovada. IPSY y Orium lograron construir sobre Contentful para crear la base de una plataforma de comercio moderna. Contentful se introdujo como la capa de contenido del nuevo stack tecnológico, dotando a los equipos de IPSY de flujos de publicación más rápidos, gestión de activos simplificada y capacidades de publicación programada. Stripe Elements proporcionó manejo seguro y compatible con PCI de tarjetas, mientras que Klarna se introdujo como opción de pago adicional a través de la API unificada de Stripe. La detección de fraude de Forter se integró directamente en el ciclo de checkout, validando transacciones antes de crear pedidos y monitoreándolas posteriormente para mayor protección.

En el núcleo, commercetools se convirtió en el motor para la lógica de carrito, pedidos, productos y precios. Introdujo soporte para paquetes y descuentos dinámicos, permitió modos de precios integrados e independientes, y aseguró que los estados del carrito se validaran para evitar problemas tras redirecciones de pago. En el frontend, los equipos de IPSY adoptaron Next.js y TypeScript, obteniendo una experiencia de desarrollo moderna. Netlify proporcionó CI/CD y entrega del frontend, permitiendo renderizado dinámico para SEO en las páginas de listado de productos (PLPs) y páginas de detalle de producto (PDPs), así como despliegues de vista previa y retrocesos que dieron mayor flexibilidad a los equipos.

La garantía de calidad y la seguridad se integraron en el proceso. Las pruebas de regresión automatizadas junto con revisiones manuales brindaron confianza en los casos límite. Los pipelines de GitHub trabajaron en conjunto con Netlify para bloquear despliegues cuando se identificaban vulnerabilidades. Y el monitoreo con DataDog, respaldado por IDs de correlación, permitió rastrear solicitudes a través de los sistemas, asegurando estabilidad y visibilidad en toda la plataforma.

Con el proyecto finalizado, IPSY ahora cuenta con una base de Composable Commerce que mejora la experiencia del cliente y los posiciona para un crecimiento escalable. Las operaciones de carrito se han optimizado con commercetools, reduciendo la carga de mantenimiento y permitiendo que los equipos se enfoquen en mejorar la lógica de negocio y la experiencia del cliente. Los clientes pueden completar compras con múltiples opciones de pago seguras, mientras que Forter garantiza una protección robusta contra fraudes. La lógica flexible de paquetes y descuentos ha reemplazado procesos heredados frágiles, y tecnologías modernas como Next.js, TypeScript y el Orium Accelerator ahora están integradas en los flujos de trabajo de IPSY.

El equipo de contenido logró importantes mejoras de eficiencia con Contentful, mejorando los tiempos de publicación y ahorrando un promedio de 45 horas al mes en comparación con su CMS anterior. El tiempo de carga de grandes archivos mejoró casi un 80%, y la publicación programada ha eliminado la necesidad de trabajo extra por parte de los responsables de contenido.

Esta base prepara el escenario para una evolución continua. IPSY ahora está en posición de extender la arquitectura para soportar suscripciones, programas de fidelidad y experiencias post-compra. Hay planes para optimizar aún más el rendimiento y el SEO de las páginas dinámicas de listado de productos, ampliar las opciones de pago a medida que la empresa ingrese a nuevas regiones y profundizar la alineación entre OMS, PIM y commercetools para experiencias de producto más ricas. Con una plataforma de comercio moderna y extensible, IPSY está lista para escalar sus capacidades digitales y satisfacer las necesidades de sus clientes hoy y en el futuro.