User Management System Redesign
User Management System Redesign
Overview
Overview
This project stemmed from an assignment to transform EE’s call center user management system. Thrust into the role of UX/UI designer, I was tasked with breathing life into wireframes, crafting an intuitive and efficient interface that empowers call center managers.
My mission: to navigate the complexities of data, permissions, and workflows, ultimately streamlining operations, boosting team performance, and achieving design alignment with EE’s visual identity for a cohesive brand experience.
Problems
Problems
Navigating a maze of platforms to access employee data was a daily struggle for users, leading to inconsistencies and errors.
Manually adding new employees and assigning them to teams was time-consuming and prone to errors, causing delays and frustration.
Solutions
Solutions
-
Centralized platform housing all employee data, ensuring seamless access, accuracy, and control.
-
A streamlined process would allow for quick and accurate addition of new employees, automatically assigning them to appropriate teams based on pre-defined rules and roles.C
User Persona
User Persona
Building on a provided persona, I delved deeper, creating a guiding star for user-centric design.
Research
Research
I analyzed the wireframe to understand the system’s structure and functionality, Then researched competitors, such as Salesforce, Monday, Salesforce, Microsoft Dynamics 365, Orcale and SAP.
Wireframes
Wireframes
Current Wireframes
Current Wireframes
In this project, I was given the following screens and tasked with enhancing its user experience.
● There are missing details and operations in the following areas: Employee information – usernames and Email, ability to create new teams.
● Personal tasks section requires optimization in the layout for better user experience and workflow efficiency.
These issues may lead to a lack of user efficiency, particularly for individuals handling multiple tasks simultaneously.
● Placeholder for company logo to reinforce branding.
● Two primary input fields: Username and Password.
● Forgot Password link for user assistance.
● Login button for clear call-to-action.
Improved Wireframe
Improved Wireframe
Added usernames and email addresses for each employee.
Positioned the personal tasks area centrally for improved visibility and accessibility.
Added a list refresh option for real-time updates.
Implemented the option to create new teams.
Added a edit option.
● Positioned the personal tasks area centrally for improved visibility and accessibility.
● Added usernames and email addresses for each employee.
● Added a list refresh option for real-time updates.
● Implemented the option to create new teams.
● Added a edit option.
UI Design
UI Design
Inspirations
Inspirations
In the mission, I had to design the interface according to the visual language of the telecom company EE. Here are some inspirations I drew from their official website.
Style guide
Style Guide
User Managment System Screen
User Managment System Screen
Top main menu inspired by the website footer.
Minimalist interface with white backgrounds.
More accurate icons for sorting.
Black text and information in the company's font, with turquoise accents.
More options were added to the personal tasks area.
Page navigation align with the website.
The number of employees displayed per page can be edited.
● Top main menu inspired by the website footer.
● Minimalist interface with white backgrounds.
● More accurate icons for sorting.
● Black text and information in the company’s font, with turquoise accents.
● More options were added to the personal tasks area.
● Page navigation align with the website.
● The number of employees displayed per page can be edited.
Default and Hover
Default and Hover
Search Process Flow
Search Process Flow
Add Empoyees Flow
Add Empoyees Flow
Login Screen
Login Screen
● The Login screen designed to be in line with the company’s visual identity.
● The design is minimalist, with rounded lines and a black and white color scheme with turquoise accents.
● Half of the screen features images of happy and energetic man combined with vector shape that resemble at the company’s logo.
Takeaways
Takeaways
Diving into complex systems like CRMs was a thrill. Designing within a brand’s visual language? Fun and challenging! But the biggest win? Learning to prioritize simplicity and intuition, even in the face of complex features. Less is more, and that’s a lesson I’ll carry forward.