MasterHUB – Modular control for multi workflows
Duration
2023.12 ~ 2025.02
Project Tag
UI/UX
Design System
Hardware/Software
About Project
MasterHUB is a modular control device developed to streamline complex workflows across multiple user contexts—such as streaming, editing, conferencing, and productivity. Unlike conventional control devices on the market, MasterHUB features a hardware system composed of independently configurable modules.
This allows users to physically rearrange control surfaces based on specific use cases. Complemented by a highly flexible software interface, users can assign dynamic actions, switch profiles, and create personalized layouts for each scenario. Integrated visual feedback enables real-time status updates directly on the keys. Synchronization between hardware and software ensures a consistent experience across devices.
Developed through user-centered iterations including focus group testing and player interviews, MasterHUB delivers an adaptive, unified interaction model. It empowers creators, gamers, and professionals to construct modular, task-driven control environments tailored to real-time needs.
Goal ⚙️
- Integrate multiple workflows in a single control hub.
- Enable fast, intuitive interaction.
- Support deep personalization (per app, per context).
- Maintain consistent branding across hardware & UI.
My Role 💪🏻
Market/Consumer Survey
User Experience
Design System
Design Component
"Adaptive control reimagined for creators, gamers, and professionals"
The Modular Revolution
A revolutionary modular control system tailored for streamers, creators, and PC enthusiasts. If offers precise control, seamless customization, and endless possibilities.
Project Process
Before entering the design and development phase, the project undergoes extensive mirror analysis and specification formulation, encompassing conceptualization, research, and user behavior collection. Beyond continuous product iteration, it must also keep pace with updates to integrated software.
First, Find Market Context & User Pain Points
Fragmented workflows: Modern users often juggle between multiple applications and platforms—streaming software, editing tools, communication apps—each with distinct interfaces and control logic. This fragmentation increases cognitive load and disrupts task flow.
Conventional control devices lack modularity, adaptability, and contextual awareness. Users are constrained by fixed layouts and limited customization options, which restrict their ability to tailor tools to specific tasks or environments.
I constantly switch between different apps and platforms, and it takes time to learn and connect all the tools. It just makes my work feel more complicated and overloaded than it should be.
Traditional control devices lack modular and adaptive capabilities, resulting in rigid functionality and limited flexibility—ultimately reducing ease of use.
SO, Easily switch multiple devices, profiles, interface design & customization is our mission
MasterHUB’s interface is designed to empower users with full customization capabilities through an intuitive desktop application.
The system supports the creation of context-specific profiles—such as for editing, streaming, or video conferencing—which users can easily switch between.
Through a drag-and-drop editor, users can assign actions, icons, or macros to each key, enabling tailored workflows per task.
The modular interface design ensures that both the hardware layout and software configuration can flexibly adapt to different scenarios, providing an efficient, personalized control experience that reduces setup time and maximizes focus.
What We Do ?! ⬇️
Market Readiness & Impact
Driven by extensive user interviews and hands-on testing across multiple user groups. Our design and development teams collaborated closely with streamers, editors, professionals, and gamers to understand their pain points, refine task flows, and test interface improvements in iterative sprints.
Through these cycles of validation—including focus groups, A/B testing, and scenario-based observation—we optimized both hardware interaction and software workflows to reduce friction and increase intuitiveness. Feedback collected during each round directly informed adjustments to key mapping logic, UI/UX hierarchy, visual feedback patterns, and profile switching behavior.
Visual Language & Brand Alignment
Establishing design components, the operational flow becomes smoother, and design system ensure UI consistency, maintaining continuity between product and brand.
Beta Testing & Media Feedback 🗣️
To validate MasterHUB's real-world performance, we initiated a closed beta program involving content creators, streamers, and technology reviewers. Selected participants received early versions of the product and were invited to provide detailed feedback through guided testing protocols and open-ended interviews.
The response was overwhelmingly positive, particularly in areas such as modular hardware flexibility, intuitive profile switching, and the unified software experience. Several media testers praised the product’s ability to adapt across different creative workflows, and some even featured it in preview content or early impressions coverage.
By incorporating insights from this external validation process, we further optimized the onboarding experience, streamlined software navigation, and reinforced performance stability ahead of the final release.
「"Adaptive control reimagined for creators, gamers, and professionals"」
