Jak zoptymalizowaliśmy koszty i ujednoliciliśmy wizerunek marki Mitel Networks

Migracja stacku frontendowego na Angular 2 i wdrożenie wytycznych projektowych Mitel w celu stworzenia zunifikowanego zestawu UI w Angularze, serwisu z dokumentacją i aplikacji demonstracyjnej dla zespołów wewnętrznych.

[ Klient ]

O kliencie

Mitel Networks Corporation to kanadyjska firma telekomunikacyjna, która koncentruje się niemal wyłącznie na produktach do komunikacji głosowej przez IP (VoIP).

2 miesiące
Realizacja w 2 miesiące: 30+
Komponentów o ujednoliconym stylu i różnych konfiguracjach: 100%
Spójności ze stylem marki

[ Wyzwanie ]

Rozproszone interfejsy, które podnosiły koszty

Zanim Mitel Networks nawiązało współpracę z Akveo, firma korzystała z różnych podejść i frameworków do tworzenia aplikacji frontendowych. W efekcie niektóre produkty wyraźnie różniły się wyglądem od pozostałych. Klient chciał wprowadzić jednolity styl korporacyjny i wybrał Angular 2 jako główny stack frontendowy.

Celem było stworzenie bazowego frameworka, z którego korzystałaby większość zespołów, aby zoptymalizować koszty i stosować jeden przewodnik stylu we wszystkich produktach.

[ Rozwiązanie ]

Tworzenie rozwiązania

Zakres prac

Mitel przekazało AKVEO swój przewodnik stylu. Zadanie polegało na wdrożeniu tego przewodnika w ng2-admin, szablonie Angular 2 od AKVEO, z zachowaniem animacji dostępnych już w ng2-admin.

Plan zakładał więc dostarczenie:

Zestawu UI w Angularze opartego na przewodniku stylu Mitel.
Serwisu z dokumentacją zawierającego opis komponentów i przykłady użycia.
Aplikacji demonstracyjnej, którą zespoły Mitel mogłyby wykorzystać jako punkt wyjścia do tworzenia nowych aplikacji.

Rozwiązanie

Akveo zrealizowało kilka projektów, aby spełnić wymagania klienta.

Zestaw komponentów opartych na Angular 2, zgodny z wytycznymi stylu Mitel Networks. Obejmował: komponenty układu, pasek boczny, nagłówek i stopkę; różne pola formularzy; wykresy; komponenty logowania i rejestracji; tabele; okna modalne; własną bibliotekę ikon
Serwis z dokumentacją zawierający opis komponentów i przykłady użycia
Aplikację demonstracyjną opartą na ng2-admin

[ Rezultaty ]

Realny wpływ na biznes

Mitel Networks zyskało zunifikowany framework UI w Angularze, serwis z dokumentacją i aplikację demonstracyjną, dzięki czemu zespoły firmy szybciej tworzą spójne produkty zgodne z identyfikacją marki.

Jednolita marka we wszystkich produktach

Wszystkie zespoły produktowe Mitel korzystają teraz z jednego frameworka UI w Angularze opartego na spójnych wytycznych stylu, co eliminuje wizualne rozbieżności w całej ofercie produktowej firmy.

Większa efektywność programistów

Serwis z dokumentacją zawierający opis komponentów i przykłady użycia daje zespołom wewnętrznym jasny punkt wyjścia do tworzenia nowych aplikacji.

Dostarczony zestaw UI w Angularze

W zaledwie 2 miesiące Akveo dostarczyło kompletny zestaw komponentów Angular, serwis z dokumentacją i aplikację demonstracyjną, dając Mitel bazę wielokrotnego użytku dla wszystkich przyszłych projektów.

[ Stack technologiczny ]