"Some images in this case study may appear blurred 🔍 due to confidentiality requirements 🔒. Since this project involves sensitive internal data, certain details have been intentionally obscured to comply with Cisco's privacy and security policies ✅. However, I will walk you through the design decisions 🎨 and key insights 💡 while maintaining confidentiality."
Embedded Files
Role: Sr UX Designer
Tools: Figma, Miro, and Jira
Project: Internal Web Application & Analytics
Focus Areas: Team Communication, Data Management, Project Performance Tracking, B2B Vendor Portal
Role: Lead UX Designer
Description:
I Drove design initiatives and guided application development for TRON, CDOS & TACT Internal applications from conceptualization to Minimum Viable Product (MVP), along with employing comprehensive product strategy, design methodology, UX/UI expertise, and interactive design techniques throughout the product design and development lifecycle.
Understanding the Requirements
Understanding the Requirements
Held meetings with key stakeholders to gather detailed requirements for the application.
Identified specific needs for improving team communication, data management, tracking project performance, and developing a B2B vendor portal.
To ensure that the project aligns with business goals and user needs from the start.
Conducted User Research
Conducted User Research
Conducted interviews and surveys with team members to understand their current workflows and pain points.
Engaged with B2B vendors to learn about their interaction with the company and their portal needs.
Why It Mattered:
Provides insights into user needs and behaviors, which informs design decisions and helps create a user-centered application.
Problem Statement
Problem Statement
The original interface, while functionally rich, presented usability challenges especially when interpreting real-time traffic data, device health status, and managing configurations across distributed offices. Users found it difficult to:
Quickly assess device health and traffic anomalies
Monitor switch-level metrics like CPU utilization and uptime
Navigate between different network segments intuitively
Mapping User Journeys
Mapping User Journeys
Created user journey maps for each persona to outline their interactions with the application.
Identified key tasks like sending messages, managing data, tracking project progress, and accessing the B2B portal.
Highlighted the steps users took and any potential pain points, allowing us to design smoother, more intuitive workflows.
Designed Wireframes and Prototypes
Designed Wireframes and Prototypes
Designed wireframes to establish the layout for communication tools, data management dashboards, and project tracking features.
Built interactive prototypes to visualize and test user flows and functionalities.
Provided a tangible representation of the design, enabling early testing and feedback to refine the user experience.
Conducted Usability Testing
Conducted Usability Testing
Performed usability testing sessions with real users to evaluate the prototypes.
Collected feedback on usability issues and how well the application met user needs.
Ensured that the design is intuitive and effective, identifying areas for improvement before final development.
Key Design Improvements (Reflected in Screenshot)
Key Design Improvements (Reflected in Screenshot)
Introduced real-time traffic graphs (Input/Output in kbps) with clearer time series comparison
Highlighted device health parameters (CPU, Uptime, and Latency) with colored status indicators for quick scan
Enhanced connectivity and interface responsiveness, especially for remote office environments
Streamlined left-side panel to show essential metadata like device type, model, firmware, and last sync time
Developing and Integrating
Developing and Integrating
Collaborated with developers to implement the final design.
Ensured seamless integration of the application with existing systems and validated that all features functioned as intended.
Ensured that the design is accurately translated into a working product and integrates smoothly with other systems.
Iterated and Refinined
Iterated and Refinined
Analyzed feedback from usability testing and made necessary adjustments to the design.
Focused on improving communication features, data management systems, project tracking, and the B2B vendor portal.
Iterative improvements enhanced the overall user experience and address any identified issues.
Business Impact
Business Impact
Improved task efficiency by 28% for common diagnostic actions
Reduced time to detect issues via improved visual prioritization
Increased satisfaction scores from 3.1 to 4.6/5 in user surveys
Provided Training and Support
Provided Training and Support
Developed training materials and conducted training sessions for users.
Set up a support system to assist users with any questions or issues related to the new application.
Made sure users are well-equipped to use the application effectively and addresses any issues they may encounter.
Page updated
Google Sites
Report abuse