Unified UI & Cost Optimization for Mitel Networks: Case Study

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.

Automation

Canada

2 months

Web Development

UI/UX Design

[ Client ]

About the Client

Mitel Networks Corporation is a Canadian telecommunications company focused almost entirely on Voice-over-IP (VoIP) products. They needed a shared Angular-based UI framework for consistent styling and reduced development costs across their product lineup.

2mo

Delivered in 2 Months

1

Unified Angular UI Framework

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

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 preserving existing animations.

Three deliverables were produced:

Angular 2 component kit based on Mitel's style guidelines: layout, sidebar, header, footer, form inputs, charts, tables, notifications, and more.
Documentation website with component descriptions and usage examples.
Demo application as a starting point for Mitel's internal teams.

Tech stack: Angular, TypeScript, HTML/CSS.

[ 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 ]