Industry

Transportation

Client

Zoox

Client

Locked

Project Type

Internal

Status

Launched

Date

Sep 14, 2025

My Role

UI Design, UX Design, Art Direction, Front-end Prototyping

Core Team

1 Design Manager, 1 3D Designer, 1 UX Designer (Self), 6 Stakeholders

Project Directory: A Centralized Prototype Hub for Cross-Functional Review

Context & Problem

As the number of design explorations and prototypes grew across the team, managers and cross-functional partners struggled to access and review work. Prototypes lived in disconnected places—Figma files, local builds, or outdated links—which made demos, usability testing, and design reviews unreliable and hard to scale. We needed a single, designer-led solution that could reliably host interactive prototypes, support both coded and design-driven work, and make it easy for stakeholders to explore and compare ideas.

My Role

I identified the gap, proposed the solution, and led the end-to-end design and implementation. This included defining the structure, building the prototype infrastructure, and partnering with designers and engineers to onboard and validate use cases.

Constraints & Key Decisions

Prototypes needed to be easily shareable, up-to-date, and interactive, including support for 3D vehicle models and complex behaviors. Rather than relying solely on static design files or ad hoc builds, I chose to create a centralized, code-based directory that designers could own and maintain. I built the system using Replit and Cursor to lower the barrier for designers to contribute working prototypes without needing full production environments.

Dazzle Logo with sign vertical
Dazzle Logo with sign horizontal

Why These Decisions?

Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #2

Relying on Figma alone limited interaction fidelity, while engineer-owned prototypes were difficult to maintain and frequently broke. A designer-led codebase created a middle ground—high-fidelity, reliable prototypes that stayed current and could be used consistently for demos, reviews, and usability testing.

Designs

Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1

Solutions & Impacts

The launch of the tool led to an 80% reduction in duplicate issues, reducing noise and accelerating operational decision-making.

I built a centralized “Project Directory” that hosted interactive prototypes from across the team. Stakeholders could explore 3D vehicle models, test interactions, toggle visual states like color, and review multiple internal tools in one place. The directory also enabled designers to compare patterns and interactions across projects, improving consistency and collaboration.

Key Learnings & Next Steps

Lowering the technical barrier for designers to build and share working prototypes significantly improved alignment and decision-making. Treating prototypes as a shared, living system—not one-off artifacts—helped scale design quality across the team.

  • The image featured in the carousel #1
  • The image featured in the carousel #2
  • The image featured in the carousel #3
  • The image featured in the carousel #4
  • The image featured in the carousel #1
  • The image featured in the carousel #2
  • The image featured in the carousel #3
  • The image featured in the carousel #4
  • The image featured in the carousel #1
  • The image featured in the carousel #2
  • The image featured in the carousel #3
  • The image featured in the carousel #4

Create a free website with Framer, the website builder loved by startups, designers and agencies.