Einheitliche UI & Kostenoptimierung für Mitel Networks: Fallstudie

Wie wir die Kosten für Mitel Networks optimiert und das Branding vereinheitlicht haben

Upgrade des Frontend-Stacks auf Angular 2 und Implementierung der Design-Richtlinien von Mitel zur Erstellung eines einheitlichen Angular-UI-Kits, einer Dokumentations-Website und einer Demo-Anwendung für interne Teams.

Automatisierung

Kanada

2 Monate

Webentwicklung

UI/UX-Design

[ Kunde ]

Über den Kunden

Die Mitel Networks Corporation ist ein kanadisches Telekommunikationsunternehmen, das sich fast ausschließlich auf Voice-over-IP-Produkte (VoIP) konzentriert. Sie benötigten ein gemeinsames, auf Angular basierendes UI-Framework, um ein konsistentes Design zu gewährleisten und die Entwicklungskosten über ihre gesamte Produktpalette hinweg zu senken.

2 Mo.

Umgesetzt in 2 Monaten

Einheitliches Angular-UI-Framework

100%

Konsistentes Marken-Design

[ Herausforderung ]

Fragmentierte Benutzeroberflächen als Kostentreiber

Bevor Mitel Networks Kontakt zu Akveo aufnahm, wurden bei der Entwicklung von UI-Anwendungen unterschiedliche Ansätze und Frameworks verwendet. Infolgedessen unterschieden sich einige Produkte optisch deutlich voneinander. Der Kunde wollte einen einheitlichen Unternehmensstil etablieren und entschied sich für Angular 2 als primären Frontend-Stack.

Das Ziel war die Schaffung eines Basis-Frameworks, das von den meisten Teams genutzt werden kann, um Kosten zu optimieren und einen einheitlichen Styleguide für alle Produkte einzuführen.

[ Lösung ]

Entwicklung der Lösung

Mitel stellte Akveo den Styleguide zur Verfügung. Die Aufgabe bestand darin, diese Design-Vorgaben in das Angular 2-Template „ng2-admin“ von Akveo zu integrieren und dabei die bestehenden Animationen beizubehalten.

Es wurden drei Ergebnisse geliefert:

Angular 2-Komponenten-Kit basierend auf den Design-Richtlinien von Mitel: Layout, Seitenleiste, Kopf- und Fußzeile, Formulareingaben, Diagramme, Tabellen, Benachrichtigungen und mehr.
Dokumentations-Website mit Beschreibungen der Komponenten und Anwendungsbeispielen.
Demo-Anwendung als Ausgangspunkt für die internen Teams von Mitel.

Tech-Stack: Angular, TypeScript, HTML/CSS.

[ Ergebnisse ]

Wirkung, die zählt

Mitel Networks erhielt ein einheitliches Angular-UI-Framework, eine Dokumentations-Website und eine Demo-Anwendung, wodurch Teams konsistente und markenkonforme Produkte schneller entwickeln können.

Einheitliche Marke über alle Produkte hinweg

Alle Produktteams von Mitel nutzen nun ein gemeinsames Angular-UI-Framework, das auf konsistenten Stilrichtlinien basiert und visuelle Inkonsistenzen in der gesamten Produktpalette beseitigt.

Höhere Entwicklereffizienz

Eine Dokumentations-Website mit Komponentenbeschreibungen und Anwendungsbeispielen bietet internen Teams eine klare Grundlage für die Entwicklung neuer Anwendungen.

Angular-UI-Kit bereitgestellt

Akveo lieferte innerhalb von nur 2 Monaten ein vollständiges Angular-Komponenten-Kit, eine Dokumentationsseite und eine Demo-Anwendung und schuf damit für Mitel eine wiederverwendbare Basis für alle zukünftigen Entwicklungen.

[ Tech Stack ]