MTN - Goal Management Employee Self Service - UI/UX Case Study

Project Detail

Overview

MTN is Africa’s Largest mobile network operator, sharing the benefits of modern connected life with 272m customers across Africa and Middle East.

Goal

The Goal is to consolidate MTN’s applications into a single suite of products providing MTN with a more coherent process of carrying out back-office operations.

Pain Point

• Complex Navigation:

System is overly complex, mostly using Excel then copy paste to the system, Users find it difficult to navigate through the project, get frustrated and abandon it. Unclear labelling, lack of intuitive navigation paths.

• Inconsistent Design:

User getting frustrate to complete the task in the same UI.

• Goal Period Time

The Line manager get very frustrated at the time of goal period, he has to pick several calls from

the top and lower management to check the process

• Lack of Customization:

it can hinder their ability to work efficiently.

Super users may require a high level of customization to tailor the system to their specific needs and workflows. If the system lacks flexibility in terms of customization options,

Solution

My Role and Responsibilities

Project Timeline

Design Process

Discovery

As Is Process

Current Designs

Goal Achievements Flow

Empathy Mapping

Strategy

User Journey

Information Architect

Wireframe

Given MTN's desire to visualize the end product early in the process, we opted for higher-fidelity wireframes. This allowed us to effectively communicate the proposed design and gather more specific feedback.

The client expressed a need to quickly grasp the visual direction of the system. Therefore, we used wireframes that incorporated more visual elements, enabling them to 'feel' the final design.

Design

Design System

We created a design system to ensures a unified and consistent user experience across all modules and functionalities of the new MTN system, reducing user confusion and improving usability."

"It creates a cohesive visual language, making the system feel like a single, integrated product."

High Fidelity Design

The high-fidelity design for MTN's new system transitioned the foundational wireframes into a visually refined and user-centric interface. We focused on:

• Refined Visual Hierarchy: Utilizing clear typography, color palettes aligned with MTN's brand, and intuitive layouts to guide user attention.
• Detailed UI Components: Creating pixel-perfect representations of buttons, forms, and data visualizations, ensuring a polished and professional aesthetic.
• Interactive Prototypes: Developing interactive prototypes that simulated real user flows, allowing for thorough usability testing and stakeholder feedback.
• Data Visualization Clarity: Designing clear and concise data visualizations that transformed complex information into actionable insights.
• Accessibility Considerations: Implementing accessibility best practices to ensure inclusivity for all users.

This high-fidelity approach provided MTN with a realistic preview of the final product, facilitating informed decision-making and ensuring a seamless user experience.

"We would like to express our deepest appreciation to MTN for their trust and collaboration throughout this project. Their dedication to innovation and commitment to enhancing their operational efficiency made this a truly rewarding experience. We are proud to have played a role in simplifying their complex systems and contributing to their continued success."