Caso de éxito

Software Engineering · Desarrollo web

Una nueva Área de Cliente para Nortegas: más simple, móvil y autónoma

Rediseño y desarrollo del Área de Cliente: un frontal Angular y un backend headless con Strapi integrados con los sistemas de Nortegas, pensados para el móvil y para la autonomía del cliente.

De un área de cliente compleja y poco usable a una experiencia clara, móvil y autónoma.

La antigua Área de Cliente de Nortegas no era nada amigable: procesos complejos, poco claros y sin adaptar al móvil, justo el canal por el que entra la mayoría de usuarios. Irontec reconstruyó el backend (Strapi) y el frontal (Angular) sobre los flujos y el diseño definidos por ROS, integrándolo con los sistemas de Nortegas a través de Geiser.

Área de cliente en móvil y escritorio
Reto principal Rehacer un Área de Cliente compleja en una experiencia clara y mobile-first.
Intervención Arquitectura, backend Strapi integrado con el sistema comercial de backend Geiser y frontal Angular.
Valor generado Una plataforma usable, móvil y editable por el propio cliente.

Un área de cliente que la gente usa desde el móvil, pero que no estaba pensada para él.

La prioridad era una experiencia clara y mobile-first, manteniendo la integración con los sistemas de Nortegas y dando autonomía al cliente para gestionar sus propios contenidos.

01

Experiencia poco usable

El frontal anterior no era user-friendly: procesos complejos, poco claros y sin adaptar al móvil, justo el canal por el que accede la mayoría de usuarios.

02

Integración con Geiser

Conectar el área de cliente con el sistema comercial de backend de Nortegas con documentación desactualizada, lo que obligó a iterar a prueba y error sobre varias funcionalidades.

03

Flujos y seguridad

Implementar los flujos definidos por ROS adaptándolos a las limitaciones reales de los servicios y a los requisitos de seguridad de la plataforma.

Cuatro frentes para un Área de Cliente moderna y mantenible.

Arquitectura y entornos
01

Arquitectura y entornos

Definición de la arquitectura, con el código en GitLab espejado al Bitbucket del cliente y dos entornos (PRE y PRO) sobre contenedores Docker.

Backend headless con Strapi
02

Backend headless con Strapi

Strapi como pasarela con Geiser vía API y hogar de funcionalidades propias: encuestas de satisfacción, configuración de emails y edición autónoma de textos.

Frontal Angular mobile-first
03

Frontal Angular mobile-first

Desarrollo del nuevo frontal en Angular sobre los flujos y estilos definidos por ROS, con el foco puesto en la experiencia móvil.

Integración y despliegue
04

Integración y despliegue

Integración con backend Geiser (clientes, contratos, facturas, lecturas, consumos e inspecciones), migración de clientes y despliegue en producción.

Una interfaz clara, construida sobre Angular, Strapi y Geiser.

El nuevo Área de Cliente combina un frontal en Angular centrado en el móvil, un backend headless con Strapi que centraliza contenidos y funcionalidades propias, y la integración con Geiser (su sistema de backup comercial) para clientes, contratos, facturas, lecturas y consumos. El resultado es una experiencia más simple, clara y autónoma para el usuario.

Pantallas del nuevo Área de Cliente de Nortegas en móvil
Vistas de consumos y facturación del Área de Cliente de Nortegas

Un ecosistema técnico moderno, modular y mantenible alrededor del área de cliente.

Más que una lista cerrada de herramientas, esta sección reúne las tecnologías y prácticas que dan forma a la nueva plataforma.

AngularStrapiHeadless CMSAPI RESTGeiserIntegración AngularStrapiHeadless CMSAPI RESTGeiserIntegración
DockerContenedoresPRE / PROGitLabBitbucketMirroring DockerContenedoresPRE / PROGitLabBitbucketMirroring
Mobile-firstResponsiveUX (ROS)Migración de clientesGestión de contenidosRoles y permisos Mobile-firstResponsiveUX (ROS)Migración de clientesGestión de contenidosRoles y permisos
Encuestas de satisfacciónPowerBIElasticsearchObservabilidadCloud (AWS)Soporte experto Encuestas de satisfacciónPowerBIElasticsearchObservabilidadCloud (AWS)Soporte experto

Una plataforma clara, móvil y autónoma.

Una experiencia rediseñada de arriba a abajo, pensada para el canal por el que entra la mayoría de usuarios.

+1M

Clientes con acceso al área

El nuevo Área de Cliente da servicio a la base de clientes de Nortegas en País Vasco, Asturias y Cantabria.

100%

Experiencia mobile-first

Rediseñada para el móvil, el canal por el que accede la mayoría de los usuarios, con procesos claros.

0

Dependencia para editar contenidos

Gracias al backend headless con Strapi, Nortegas edita textos y contenidos de forma autónoma, sin intervención técnica.

Tenemos datos que confirman el éxito de la nueva plataforma. En los primeros meses se han realizado más del doble de operaciones que en el mismo periodo del año anterior.

Aída Heras Freire · Directora de Operaciones de distribución de gas

Descarga el caso completo

Descarga el caso completo