Volver a proyectos
01 / 03Orange · 2024
(01)Orange

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.

Una librería de componentes para tres marcas
OrangeTelecomunicaciones
Cliente
Orange
Año
2024
Industria
Telecomunicaciones
Servicios
Design system, Arquitectura front-end (React), API (Node + TypeScript)
Visitar sitioorange.es
(01)

El 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.

(02)

La 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.

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

Resultados

Impacto medible

3 → 1
Librerías de componentes
−45%
Tiempo de desarrollo
3
Marcas sobre una base común
(04)

Stack tecnológico

  • ReactReact
  • Node.jsNode.js
  • TypeScriptTypeScript

¿Tienes un proyecto en mente?

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

hello@ignait.es