Caso de clienteOrange

Una librería de componentes para tres marcas

En el departamento de componentes comunes del grupo, unificamos el front-end de Orange, Amena y MásMóvil en un único sistema de componentes —con theming por marca— respaldado por una nueva API en Node y TypeScript.

Resultados

  • 3 → 1Librerías de componentes
  • Tiempo de desarrollo
  • Marcas sobre una base común

01El reto

Cada marca del grupo —Orange, Amena y MásMóvil— mantenía su propia librería de componentes. Tres bases de código resolviendo en paralelo los mismos problemas: estilos duplicados, comportamientos que divergían con el tiempo y un coste de mantenimiento que se multiplicaba por tres con cada cambio.

02La solución

Desde el departamento de componentes comunes consolidamos las tres librerías en una sola, con theming por marca. Diseñamos una nueva API con Node y TypeScript como fuente única de datos y reconstruimos las aplicaciones de asistencia al cliente en React sobre el sistema unificado.

  1. 01De 3 librerías de componentes a 1, con theming por marca
  2. 02Nueva API en Node + TypeScript como fuente única
  3. 03Apps de asistencia al cliente reconstruidas en React

03Ficha técnica

Cliente
Orange
Industria
Telecomunicaciones
Año
2024
Servicios
  • Design system
  • Arquitectura front-end (React)
  • API (Node + TypeScript)
Stack
  • React
  • Node.js
  • TypeScript
Sitio web
orange.es

Tu proyecto

¿Tienes un proyecto en mente?

Hablemos de cómo podemos ayudarte a construir tu próximo producto digital.

02 / 03Siguiente caso

InditexWRAIN, el cerebro del almacén
hello@ignait.es