Mitel Networks ng2-admin based demo app

How We Helped the Client to Optimize Costs and Bring a Unified Corporate Style to Their Products

Upgrade of the front-end stack to Angular 2.0 and design guidelines leverage.

Client overview:

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

Challenges 

Before contacting Akveo, the company used to apply different approaches and frameworks when building UI applications. As a result, some company's products looked really different from others. Thus, the client wanted to establish a unified corporate style between different apps.

The Client planned to upgrade their technology and design stack to create a brand new user experience for their applications in the area of telecommunications. Having chosen Angular 2 as their main front-end stack, the client needed professionals to implement all of their ideas.

Mitel wanted to create a base framework that would be used by most of the teams within the organization to optimize costs and bring a unified style guide across their products.

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:
  1. Layout, sidebar, header, footer components
  2. Different form inputs
  3. Charts
  4. Login/Signup -related components
  5. Tables 
  6. Modals
  7. Charts
  8. Custom icon library
  • Documentation website containing component description and usage examples
  • ng2-admin based demo application

Technology Stack: 

  • Angular 2 
  • HTML/CSS 
  • Saas 
  • Webpack
  • Rollup 
  • Typescript 
  • TSLint

Results:

  • 30+ components with unified styling and different settings.
  • A documentation website with examples for Mitel software engineers.
  • 2 Mitel teams are using the framework for developing their apps.



Key Results

Download PDF >

Technology Stack

Angular
TypeScript

What Our Customers Say

Make a project with us?

Get in touch with us. We will carefully guide you through the entire process, from idea generation to product launch.

contact us