CISCO

CLIENT

Cisco

YEAR

2019

SERVICE

UX, UI, Motion Design

OVERVIEW

Cisco is an American multinational technology conglomerate that develops, manufactures and sells high-technology services and products.Our team was approached to analyze the state of their certification tool app that keeps track of the agents’ progress of becoming certified, and design a future state concept to pitch to their senior board members and stakeholders.

I was to assist UX with the navigational architecture and app's function, and was in charge of developing the visual language for the tool and the UI of its core screens.

PROCESS

Heuristic Review
Site Maps
Wireframes
Visual Research
Design & Prototype
Final Presentation

BUSINESS CHALLENGES

With constantly changing tools and techniques in their field, it is an ongoing struggle for agents to stay up to date and certified. The existing app's outdated design and function was resulting in slower rates of learning and lower levels of performance.

RESEARCH FINDINGS

Heuristic review findings showed a strong lack of hierarchy with global navigation, lack of visual content hierarchy and poor display of information. The visual system also showed to be weak and outdated.

PROJECT GALLERY:

No items found.

PROJECT GALLERY:

ARTIFACTS & DELIVERABLES

Moodboards & Style Tiles:
Once the visual gathering was completed, I created moodboards and style tiles to define the new visual direction.

Sitemap & Wireframes:
After prioritizing our findings and further defining the scope of the project, we created site maps and wireframe sketches to redefine the IA and key screens for the pitch.

Core Screens:
With the developed UX architecture and visual direction, I created UI screens for the core navigational pages of the tool.

Prototype:
A simple prototype was created with Principal for internal user tesing.

SOLUTIONS

‍

Scaling to tablet for increased user access.
Global navbar for easy navigation.
Use of color to communicate progress status.
Infographs for stronger and clearer visual communication of information.
Modern and minimalistic UI to reduce informational clutter and attract new users.

OUTCOME & INSIGHTS

Agent employees participated in internal testing of the prototype. Users reported the new navigation to be clear and easy, enabling them to quickly find the needed information. The new interface was also reported to be visually pleasing, with increased interest from new and current users.

Although the pitch for the app redesign and internal testing of the prototype went well, the plans for overhauling the certification system were deprioritized from current scope of work. Nevertheless, the project proved to be a valuable lesson on how to turn dense data content into an engaging visual experience through infographical design solutions.

(MORE WORK)