Role
2+ years
Turn a technically complex comparison task into a clear, guided workflow that helps engineers understand what changed and act with confidence.
Making Telecom Configuration Easier to Compare
Key UX Challenges
Tools
Figma, Axure RP
Timeline
Lead UX Designer / UX Design Manager
Network administrators needed to:
Find → Inspect → Compare → Understand → Report
Too many systems. Too much configuration.
Design opportunity
Overview
Client wanted to simplify how engineers manage complex network configurations
As telecom networks grow across applications, sites, tenants and system instances, engineers need to continuously verify that configurations remain consistent and identify changes between systems.
The goal was to create a single, structured experience that could help engineers discover applications, inspect configurations, compare instances and understand changes without navigating across multiple disconnected workflows.
High information density | Multiple instances | Complex technical data | Sensitive information | Operational efficiency
UX Design Process
Discover
High-fidelity UI specifications
Developer handoff
Design QA
User personas
Task analysis
Journey mapping
Pain point identification
Information architecture
Wireframes
Interaction design
Navigation redesign
Define
Design
Validate
Deliver
Stakeholder interviews
Business requirement workshops
Existing workflow analysis
Prototype reviews
Usability testing
Stakeholder feedback sessions
Persona
From navigation-heavy investigation → structured comparison
DESIGNED EXPERIENCE (Guided comparison)
Select application
Choose baseline
Select instances
Compare side-by-side
Identify differences
Export findings
Solution Delivered
BEFORE — Manual investigation
Open application
Navigate to configuration
Switch to another instance
Remember values
Compare manually
Comparison Header: Displays side-by-side configuration analysis.
Instance Summary: Shows baseline and comparison instances.
Sync Timestamp: Indicates when comparison data was last refreshed.
Export Report: Downloads comparison results for sharing or audit.
Results Count: Shows the number of detected configuration differences.
Comparison Matrix: Compares parameter values across instances.
Change Type Tags: Categorize the type of configuration difference.
View Data Link: Reveals detailed configuration values on demand.
Application Comparison Section: Displays detailed app-level differences.
Pagination Controls: Browse through additional comparison results.
Breadcrumb: Shows current location within the platform hierarchy.
Page Header: Identifies the Applications management workspace.
Action Buttons: Provide sync, comparison, and change-tracking capabilities.
Activity Log: Opens the audit history of user and system actions.
Search Bar: Quickly find applications by name.
Filter Control: Refine application results using criteria.
Column Selector: Customize visible table columns.
Applications Table: Displays application details and deployment information.
Version Badge: Indicates the current deployed application version.
Row Actions Menu: Access application-specific operations.
Pagination Controls: Navigate through large application datasets.
Configuration Comparison Screen
Applications Screen
Key Features
Business Impact
Although exact production metrics are confidential, the redesign focused on measurable improvements such as:
Reduced task completion time for network configuration
Improved first-time task success rate
Reduced user navigation steps
Reduced configuration errors through guided workflows
Improved usability and learnability for new engineers
Increased efficiency for daily operational tasks
Improved productivity for network engineers
Faster network configuration and deployment
Reduced operational risks caused by manual errors
Lower training effort through intuitive workflows
Better consistency across enterprise applications
Enhanced user satisfaction and operational efficiency
UX Metrics
Got a partnership idea, or a project you need help with? Shoot me a line and let's talk.