Hoe we de kosten optimaliseerden en de branding van Mitel Networks uniformeerden

Migratie van de frontendstack naar Angular 2 en implementatie van de ontwerprichtlijnen van Mitel om een uniforme Angular-UI-kit, een documentatiewebsite en een demo-app voor interne teams te bouwen.

[ Klant ]

Over de klant

Mitel Networks Corporation is een Canadees telecombedrijf dat zich vrijwel volledig richt op voice-over-IP-producten (VoIP).

2 maanden
Opgeleverd in 2 maanden: 30+
Componenten met een uniforme stijl en verschillende configuraties: 100%
Consistentie met de huisstijl

[ Uitdaging ]

Versnipperde interfaces die de kosten opdreven

Voordat Mitel Networks contact opnam met Akveo, gebruikte het bedrijf verschillende benaderingen en frameworks om zijn interfaceapplicaties te ontwikkelen. Daardoor zagen sommige producten er duidelijk anders uit dan andere. De klant wilde een uniforme huisstijl neerzetten en koos Angular 2 als belangrijkste frontendstack.

Het doel was een basisframework te bouwen dat door de meeste teams zou worden gebruikt, om kosten te optimaliseren en één stijlgids voor alle producten toe te passen.

[ Oplossing ]

De oplossing ontwikkelen

Reikwijdte van het werk

Mitel leverde AKVEO zijn stijlgids aan. De opdracht was die stijlgids te implementeren in ng2-admin, de Angular 2-template van AKVEO, met behoud van de animaties die al in ng2-admin beschikbaar waren.

Het plan was dus het volgende op te leveren:

Een Angular-UI-kit op basis van de stijlgids van Mitel.
Een documentatiewebsite met een beschrijving van de componenten en gebruiksvoorbeelden.
Een demo-app die de teams van Mitel als startpunt konden gebruiken voor de ontwikkeling van nieuwe applicaties.

Oplossing

Akveo voerde meerdere projecten uit om aan de eisen van de klant te voldoen.

Een componentenkit op basis van Angular 2, conform de stijlrichtlijnen van Mitel Networks. Deze bevatte: layoutcomponenten, zijbalk, header en footer; diverse formuliervelden; grafieken; componenten voor inloggen en registreren; tabellen; modale vensters; een eigen iconenbibliotheek
Een documentatiewebsite met een beschrijving van de componenten en gebruiksvoorbeelden
Een demo-app op basis van ng2-admin

[ Resultaten ]

Impact die ertoe doet

Mitel Networks kreeg een uniform Angular-UI-framework, een documentatiewebsite en een demo-app, waarmee zijn teams sneller consistente producten in lijn met het merk bouwen.

Eén uniform merk voor alle producten

Alle productteams van Mitel delen nu één Angular-UI-framework op basis van consistente stijlrichtlijnen, waardoor de visuele versnippering in het hele productaanbod van het bedrijf verdwijnt.

Efficiëntere ontwikkelaars

Een documentatiewebsite met een beschrijving van de componenten en gebruiksvoorbeelden biedt interne teams een helder startpunt voor de ontwikkeling van nieuwe applicaties.

Angular-UI-kit opgeleverd

In slechts 2 maanden leverde Akveo een complete kit met Angular-componenten, een documentatiewebsite en een demo-app op, waarmee Mitel een herbruikbare basis kreeg voor al zijn toekomstige ontwikkelingen.

[ Techstack ]