Twist began to use of parallel attempts in gene production to improve quality and increase production efficiency. This created the need for better visibility into product progress. Existing systems contained valuable information, but there was no centralized application where teams could easily understand the status of client orders, lab results, and production workflows. The Supervisor application was created to provide a single source of truth for high-level order information, bringing together data from multiple systems and APIs into one centralized experience.
As the UI/UX Designer on this project, I led the user research, experience design, component development, and frontend implementation using AI-assisted development tools. The project team included one full-stack engineer who focused on backend development and collaborated with me on expanding our React component library. Throughout the project, we partnered with leaders across the company to understand business needs and held bi-weekly design reviews to gather feedback, validate decisions, and iterate on functionality. The project took place from November 2025 to June 2026.
UX/UI Design
User Research
Design Systems
Frontend Development
Process:
To understand the full workflow and information needs, I conducted research with multiple teams involved in the product lifecycle. I began by observing lab technicians to understand how products move through the production process and what information they rely on throughout each stage. I then interviewed lab supervisors to understand what visibility they needed into technician workflows and product status. Additionally, I partnered with the customer support team to understand the information they communicate to clients, identify gaps in the current process, and determine how easily they could access the data needed to answer customer questions.
Insights:
The research revealed several key opportunities for improvement:
1. Lack of Product Visibility: Teams needed a clearer understanding of where each product was within the production process and what stage each attempt had reached.
2. Disconnected Data Sources: Important information existed across multiple systems, making it difficult to create a complete picture of an order’s progress.
3. Need for Historical Context: Users needed a timeline of events to understand what actions occurred, which attempts moved forward, and where previous attempts stopped.
4. Improved Communication: Customer support teams needed faster access to accurate information to better communicate updates to clients and internal teams.
Because the Supervisor application contained a large amount of complex data, I approached the design one section at a time. Each page was designed with the goal of making information easy to find, understand, and act on. During bi-weekly design reviews, I presented concepts ranging from early sketches to high-fidelity mockups. These sessions allowed stakeholders across different areas of the business to provide feedback, identify missing functionality, and align on priorities before development began. As designs progressed, I documented user flows, component requirements, and interaction patterns to create a shared reference for both design and development.
To support a faster development process, I partnered closely with the full-stack engineer to build the application frontend and expand our React component library. Using AI-assisted development tools, including Cursor, I translated Figma designs into functional frontend components while leveraging my knowledge of HTML, CSS, and React to refine implementation details and maintain consistency with our design system. Throughout development, we continuously reviewed functionality, tested workflows, and made adjustments based on stakeholder feedback. Once the application reached a stable state, we conducted additional reviews to ensure the experience supported the needs of all users.
The final Supervisor application created a centralized, data-rich experience that consolidated information from multiple systems and APIs into one accessible platform. Users can now quickly understand product status, review historical events, track workflow progress, and access the information needed to support both internal teams and client communication. Feedback from users highlighted improved efficiency when finding information and increased confidence when communicating updates to lab teams and customers.
This project was a unique design challenge because the goal was not only to bring data from multiple systems into one application, but also to create an experience where users with different roles could quickly understand and act on that information. Working on Supervisor strengthened my ability to design for complex enterprise workflows and balance the needs of multiple user groups. It also allowed me to continue refining the AI-assisted development process established in previous projects, helping bridge the gap between design and engineering and accelerate the path from concept to functional product. This project reinforced the importance of thoughtful information architecture, collaboration, and designing experiences that make complex systems easier for people to understand.
I’m a UI/UX designer with a passion for creating user-centered experiences and a knack for solving problems. When I’m not designing, you’ll find me illustrating, reading, or chasing my Corgi, Buttercup, around the beach. Let’s make something awesome together!
