Accessory Hub
All Your Devices. One Hub.
Helped users manage and customize Cisco headsets and cameras on their own—making setup, updates, and controls simple without relying on IT.
About the Project
Cisco offered more than 20 different headsets and cameras—but no single place to set them up or manage them. This created friction for users who needed to adjust audio and video settings quickly.
I designed Accessory Hub, a dedicated app that centralizes device management. It guides users through setup with clear, step-by-step flows, simplifies advanced settings, and gives people confidence to get the most out of their Cisco accessories.
My Role
UX Design Lead
Drove the end-to-end experience, from concept to launch.
Interaction & UI Design
Motion & prototyping
Branding & Design system
Team
1 UX designer, 1 Researcher, 1 Design manager
1 Product manager,
1 Industrial designer.SW & HW engineering team
Simplifying setup and management into a seamless experience.
Problems
Users couldn’t easily confirm if their devices were connected and ready.
Firmware update were confusing, leading to delays and skip.
Managing multiple device required too many steps.
Opportunities
Deliver a smooth first-time setup that builds confidence.
Centralize device management into the place.
Strengthen Cisco's brand with a consistent, intuitive experience.
Research & Key Findings
Through competitive analysis and user feedback, we discovered:
Users valued a clear device status indicator more than advanced controls.
Firmware updates were a top frustration across competitors.
A standalone app was preferred over buried settings within Webex.
Focus areas
Device connection status — quick confirmation, less confusion
Firmware updates — guided, simple, and reliable
Standalone app — independent from Webex, broader adoption
Multi-device support — all Cisco accessories in one place
Tutorials — build user confidence during first setup
Users
Our users include home-office professionals and hybrid workers managing multiple devices across environments. They expect seamless, high-quality audio and video experiences they can rely on for every call and meeting.
Design
I focused on three key areas to create a simple and engaging device-management experience.
[ Onboarding ] – Guiding users through a smooth first-time setup
[ Device Cards ] – Clear, accessible control for each accessory
[ Interactive 3D ] – Bringing devices to life with motion and depth
↓ Go directly to each section [Click]
Design
I explored both single- and dual panel layouts
Single panel - clean and simple, good for tutorials
Dual panel - more scalable, supports multiple products, consistent structure
We chose the dual-panel layout because it balances clarity and flexibility. The left side holds descriptions and controls, while the right side presents visuals and tutorials. This makes it easy to add new products without disrupting the overall experience.
Breakdown
Left panel- Status, Settings, Descriptions, Primary actions
Right panel- product visuals, tutorials, motion content
This structure helps users find key information faster while keeping the interface adaptable for future accessories.
Design
Users needed quick access to essentials—battery, connection, and firmware—without digging through menus. I designed a card-based system that puts these details front and center, making multi-device management fast and consistent.
Breakdown
Each card shows:
Custom device name
Battery & connection status
Firmware updates
This unified format reduces friction and gives administrators and end-users confidence when managing multiple accessories.
Making device cards tactile and responsive
We designed hover-state animations that bring devices to life, giving users instant feedback and a more engaging way to interact with Cisco’s portfolio.
Design
To make the experience feel more premium, I replaced static images with responsive animations. I implemented seamless hover transitions and micro-interactions, giving users immediate feedback and a sense of depth.
Dynamic contents
Although motion design was not a core priority at first, I collaborated with researchers to validate its value and worked closely with engineers to bring it to life. By advocating for high-quality 3D interactions, I successfully elevated the product’s perceived quality and created a more engaging, tactile experience for users.
Collaboration
I partnered with the industrial design team to refine 3D assets and ensure accuracy in every detail. I also produced lighting and animation in Cinema 4D to deliver high-quality renders, and worked closely with software engineers to validate feasibility and integrate the motion seamlessly into the app.
Result
The Accessory Hub created measurable impact on both users and organizations:
For users – simplified setup flows, making it effortless to configure and manage Cisco headsets and cameras.
For organizations – enabled enterprise-level deployment beyond Webex customers, giving partners flexibility to roll out accessories independently.
For Cisco – strengthened the brand by unifying the look and feel of its accessory ecosystem into a more cohesive, intuitive experience.
This project closed a critical gap in Cisco’s portfolio and elevated its product ecosystem with both functional value and a premium brand presence.
All Rights Reserved