Comment nous avons optimisé les coûts de Mitel Networks et unifié son image de marque

Migration du stack frontend vers Angular 2 et mise en œuvre des directives de design de Mitel pour créer un kit UI Angular unifié, un site de documentation et une application de démonstration destinés aux équipes internes.

[ Client ]

À propos du client

Mitel Networks Corporation est une entreprise canadienne de télécommunications, presque exclusivement spécialisée dans les produits de voix sur IP (VoIP).

2 mois
Réalisé en 2 mois: 30+
Composants au style unifié et aux paramètres variés: 100%
Design de marque cohérent

[ Défi ]

Des interfaces fragmentées, sources de coûts

Avant que Mitel Networks ne fasse appel à Akveo, le développement des applications d'interface reposait sur des approches et des frameworks différents. Résultat, certains produits se distinguaient nettement les uns des autres sur le plan visuel. Le client souhaitait établir un style d'entreprise unifié et a choisi Angular 2 comme stack frontend principal.

L'objectif était de créer un framework de base utilisable par la plupart des équipes, afin d'optimiser les coûts et d'instaurer un guide de style unique pour tous les produits.

[ Solution ]

Développement de la solution

Périmètre des prestations

Mitel a fourni son guide de style à AKVEO. La mission consistait à transposer ce guide de style dans ng2-admin, le template Angular 2 d'AKVEO, tout en conservant les animations déjà présentes dans ng2-admin.

Les livrables prévus étaient donc les suivants :

Un kit UI Angular basé sur le guide de style de Mitel.
Un site de documentation présentant les composants et des exemples d'utilisation.
Une application de démonstration que les équipes de Mitel peuvent utiliser comme point de départ pour développer de nouvelles applications.

Solution

Akveo a mené plusieurs projets pour répondre aux besoins du client.

Un kit de composants basé sur Angular 2, conforme au guide de style de Mitel Networks. Il comprenait : des composants de mise en page, de barre latérale, d'en-tête et de pied de page ; divers champs de formulaire ; des graphiques ; des composants de connexion et d'inscription ; des tableaux ; des boîtes de dialogue modales ; une bibliothèque d'icônes dédiée
Un site de documentation présentant les composants et des exemples d'utilisation
Une application de démonstration basée sur ng2-admin

[ Résultats ]

Un impact qui compte

Mitel Networks a obtenu un framework UI Angular unifié, un site de documentation et une application de démonstration, permettant à ses équipes de développer plus vite des produits cohérents et conformes à la marque.

Une marque unifiée sur tous les produits

Toutes les équipes produit de Mitel utilisent désormais un framework UI Angular commun, fondé sur des règles de style cohérentes, qui élimine les incohérences visuelles sur l'ensemble de la gamme.

Des développeurs plus efficaces

Un site de documentation présentant les composants et des exemples d'utilisation offre aux équipes internes une base claire pour développer de nouvelles applications.

Kit UI Angular livré

En seulement 2 mois, Akveo a livré un kit complet de composants Angular, un site de documentation et une application de démonstration, offrant à Mitel une base réutilisable pour tous ses développements futurs.

[ Stack technique ]