How We Streamlined Costs and Unified Branding for Mitel Networks

Upgrading the frontend stack to Angular 2 and implementing Mitel's design guidelines to create a unified Angular UI kit, documentation site, and demo application for internal teams.

[ Client ]

About the Client

Mitel Networks Corporation is a Canadian telecommunications company that focuses almost entirely on Voice-over-IP (VoIP) products.

2mo
Delivered in 2 Months: 30+
Components with unified styling and different settings: 100%
Brand Style Consistency

[ Challenge ]

Fragmented UI Across Products Driving Up Costs

Before contacting Akveo, Mitel Networks used different approaches and frameworks when building UI applications. As a result, some products looked noticeably different from others. The client wanted to establish a unified corporate style and chose Angular 2 as their main frontend stack.

The goal was to create a base framework used by most teams to optimize costs and bring a unified style guide across all products.

[ Solution ]

Building the Solution

Scope of work

Mitel provided AKVEO with their style guide document. The task was to implement these style guides into AKVEO’s ng2-admin Angular 2 template while saving animations that were already available in ng2-admin.

As a result, the plan was to deliver following:

Angular UI Kit based on the Mitel Style guide.
A documentation website containing component description and usage examples.
A demo application that could be used as a starting point for Mitel teams when building new applications.

Solution

Akveo delivered several projects to satisfy client’s requirements.

Angular 2 -based component kit based on the style guidelines provided by Mitel Networks. It consisted of: Layout, sidebar, header, footer components; Different form inputs; Charts; Login/Signup -related components; Tables; Modals; Custom icon library
A documentation website containing component description and usage examples
ng2-admin based demo application

[ Results ]

Impact that Matters

Mitel Networks gained a unified Angular UI framework, a documentation website, and a demo application, enabling teams to build consistent, on-brand products faster.

Unified brand across products

All Mitel product teams now share a single Angular UI framework based on consistent style guidelines, eliminating visual fragmentation across the company's product lineup.

Developer efficiency improved

A documentation website with component descriptions and usage examples gives internal teams a clear starting point for building new applications.

Angular UI kit delivered

Akveo delivered a complete Angular component kit, documentation site, and demo application in just 2 months, giving Mitel a reusable foundation for all future development.

[ Tech Stack ]