Biotech Cell Sorting Application

NanoCellect’s product integrates advanced image-guidance technology with cell sorting, enhancing precision and efficiency. The system captures images of individual cells, providing spatial information such as cell morphology and marker localization.

The goal of this project was to develop a new, task-focused product that streamlined the user experience for setting up complex cell sorting experiments. We began by mapping out the application hierarchy and user workflows to understand the product’s requirements. Our primary user pain point was simplifying the process of setting up an experiment to capture cell images, which involved multiple, complex steps. After conducting user and competitor research, we decided to break the process into smaller, clearly guided sections, with pass/fail feedback at each stage.

We then moved to wireframing, visualizing the layout, structure, and flow of the system. Several rounds of user testing, client feedback and prototyping helped refine the wireframes based on feedback. Next, we created a comprehensive Design System, including a component library, layout guides, colors, fonts, buttons, and other elements, ensuring a consistent and scalable design. Using the Design System and wireframes, we were able to design the full hi-res visual design screens that defined the look and feel of the system.

Once the design was finalized, we collaborated with developers to implement the design in the software, maintaining consistency across all specifications. This end-to-end process—from research and testing to visual design, prototyping, and development—resulted in a refined user experience that simplified the setup and operation of the cell sorting system.