React App Prototype
In this project case study, I will be sharing my experience helping design an interactive sandbox app used during user testing of customizable layouts.
The goal was to create a safe, Figma-driven prototype environment where users could explore layout ideas without impacting live data.
Client
LexisNexis Risk Solutions
Type
Product Design
Year
2025
Process
Building a Test-Ready Figma Prototype
I created an interactive prototype in Figma to simulate drag-and-drop dashboard layouts. This allowed users to test layout ideas in moderated sessions without touching production data, giving the team a safe and flexible testing environment.
Rapid Iteration Based on User Feedback
Working closely with the UX team, I delivered three rounds of prototype updates over two weeks. Each version incorporated direct user feedback, which helped clarify layout behavior, improve template usability, and reduce onboarding friction.
Design System Integration for Visual Consistency
To keep the prototype visually aligned with our production UI, I reused design tokens and spacing rules developed in our design-to-code pipeline. This ensured that what users saw in testing accurately reflected the real product’s look and feel.
Outcome
The prototype became a key tool in our Custom Layouts user testing sessions, allowing PMs to gather feedback in a controlled, hands-on environment.
Its integration with the design system ensured visual accuracy, while the reusable framework made it easy to update between tests.
This experience deepened my understanding of iterative prototyping and collaboration with engineers.
