Role
Product Designer
Timeline
2023–2024
Tools
Figma
Description
A redesigned user experience supporting users' workflows instead of a tool-specific approach.
Context
MetaSim was transitioning from a tool-centric platform to a unified, workflow-driven experience that connects data producers and consumers in a cohesive, end-to-end experience. The goal was to streamline navigation, support self-serve use cases, and improve overall usability.
Fragmented tools and broken workflows
A disjointed set of tools made it hard for internal users to simulate, inspect, and analyze test data. Each tool had its own UX conventions, which led to repetitive tasks, inconsistent patterns, and a steep learning curve.
🕵️
of test debugging time spent locating the right tool / data stream
📉
reported bugs that were misinterpretations of the UI
🧭
user who relied on peer guidance or documentation to navigate
Defining the user experience with VRS Webplayer
Our team introduced a new simulation viewer (VRS Web Player) to test and validate the updated UI/UX direction.
✅
Defined core interaction patterns
✅
Unified layout and component structure
✅
Designed around real usage flows
✅
Mapped workflows to user behavior, not toolsets
Designing the VRS Webplayer allowed us to get stakeholder buy-in on new features without disrupting existing workflows.
The success of the VRS Web Player design led to the adoption of its UX patterns across the broader MetaSim platform.
✅
Converted key internal tools to the new system
✅
Reduced onboarding friction
✅
Increased tooling clarity and performance
UI Highlights
Unified top nav for seamless tool switching
Reusable component library aligned with Meta XDS tokens
The Pipelines Overview tool was redesigned to improve the visual hierarchy and improve scanability and content organization.
The Pipelines detail page was redesigned to support tabbed navigation giving users more flexibility in how they access data,
Stage Contents received a complete overhaul bringing it in-line with the other tools in the MetaSim suite.
Explore the Figma file to see how design decisions were made.
Cross-platform outcomes
Addressing user needs through intentional alerts and interactions and developing these within a scalable design system drove our success.
⏱
faster workflow completion
💻
of engineers preferred the new UX
📈
improved PM-engineer collaboration
This project highlighted the importance of designing with engineers, not just for them—especially when building complex internal tools.
It also showed how unifying design decisions early on can have compounding benefits across a product suite.
✅
Creating a visual and interaction language grounded in real workflows
✅
Starting small with one tool (VRS) before scaling to the rest of the platform
✅
Building trust through frequent internal reviews and live demos
✅
Collaborating closely with engineering on edge cases and performance constraints
⚠️
Involve QA and hardware testing teams earlier to catch usability edge cases faster
⚠️
Document component usage more rigorously to better support future contributors
⚠️
Advocate for dedicated time to measure long-term impact and adoption metrics beyond launch
