AkveoContacto

Cómo optimizamos los costes y unificamos la imagen de marca de Mitel Networks

Migración del stack frontend a Angular 2 e implementación de las directrices de diseño de Mitel para crear un kit de UI en Angular unificado, un sitio de documentación y una aplicación de demostración para los equipos internos.

Cómo optimizamos los costes y unificamos la imagen de marca de Mitel Networks

[ Cliente ]

Sobre el cliente

Mitel Networks Corporation es una empresa canadiense de telecomunicaciones centrada casi por completo en productos de voz sobre IP (VoIP).

2 meses
Entregado en 2 meses
30+
Componentes con estilo unificado y distintas configuraciones
100%
Coherencia con el estilo de marca

[ Desafío ]

Interfaces fragmentadas que elevaban los costes

Antes de contactar con Akveo, Mitel Networks utilizaba distintos enfoques y frameworks para desarrollar sus aplicaciones de interfaz. Como resultado, algunos productos se veían notablemente diferentes de otros. El cliente quería establecer un estilo corporativo unificado y eligió Angular 2 como su stack frontend principal.

El objetivo era crear un framework base que utilizara la mayoría de los equipos para optimizar costes y aplicar una guía de estilo única en todos los productos.

[ Solución ]

Desarrollo de la solución

Alcance del trabajo

Mitel entregó a AKVEO su guía de estilo. La tarea consistía en implementar esa guía de estilo en ng2-admin, la plantilla Angular 2 de AKVEO, conservando las animaciones que ya estaban disponibles en ng2-admin.

Por lo tanto, el plan era entregar lo siguiente:

  • Un kit de UI en Angular basado en la guía de estilo de Mitel.
  • Un sitio web de documentación con la descripción de los componentes y ejemplos de uso.
  • Una aplicación de demostración que los equipos de Mitel pudieran usar como punto de partida para desarrollar nuevas aplicaciones.

Solución

Akveo llevó a cabo varios proyectos para cumplir los requisitos del cliente.

  • Un kit de componentes basado en Angular 2, conforme a las directrices de estilo de Mitel Networks. Incluía: componentes de diseño, barra lateral, encabezado y pie de página; diversos campos de formulario; gráficos; componentes de inicio de sesión y registro; tablas; ventanas modales; una biblioteca de iconos propia
  • Un sitio web de documentación con la descripción de los componentes y ejemplos de uso
  • Una aplicación de demostración basada en ng2-admin

[ Resultados ]

Un impacto que importa

Mitel Networks obtuvo un framework de UI en Angular unificado, un sitio de documentación y una aplicación de demostración, lo que permite a sus equipos crear más rápido productos coherentes y alineados con la marca.

Una marca unificada en todos los productos

Todos los equipos de producto de Mitel comparten ahora un único framework de UI en Angular basado en directrices de estilo coherentes, lo que elimina la fragmentación visual en toda la gama de productos de la empresa.

Mayor eficiencia de los desarrolladores

Un sitio de documentación con la descripción de los componentes y ejemplos de uso ofrece a los equipos internos un punto de partida claro para desarrollar nuevas aplicaciones.

Kit de UI en Angular entregado

En solo 2 meses, Akveo entregó un kit completo de componentes Angular, un sitio de documentación y una aplicación de demostración, lo que dio a Mitel una base reutilizable para todos sus desarrollos futuros.

[ Stack tecnológico ]

Las tecnologías del proyecto

Frontend

Angular 2HTML/CSSSassTypescript

Compilación y herramientas

WebpackRollupTSLint

¿Tiene un proyecto en mente?

Hablemos de sus objetivos y de cómo podemos ayudarle a alcanzarlos.

Dmitry Klim
Dmitry Klim
Head of Growth
Clutch
5900 Balcones Drive #21729, Austin, TX 78731[email protected]+1 (512) 921-9631