Overview
Qi Tissue is a powerful app by Qi Biotech, created by President and CEO Michel Nederlof. It provides 3D visualizations of cancer cell tissue, helping researchers and doctors examine tissues and identify malignant areas for more personalized treatment plans.
Background
Qi Biotech sought UX Cabin's help to improve the user experience of Qi Tissue. The app needed better usability and visual appeal. The goal was to create a tool that allows practitioners to compare patient tissues with a large database for personalized treatment options.
Goals and Objectives
- Create a user-friendly interface for displaying large rich data sets.
- Improve navigation and accessibility in the app.
- Enable quick access to patient data and efficient data handling.
- Strengthen the app's overall modern visual appeal and brand presence.
Design Process
UX Cabin collaborated with the Qi Tissue team to identify problems and key requirements, creating wireframes and high-fidelity mockups that emphasized a clean, modern design. This iterative process resulted in a more effective and user-friendly app before handing off to developers.
Onboarding
The onboarding process guides new users through the software’s features, ensuring a smooth introduction and reducing the learning curve for effective use.
Help & Support Video Tutorial
We developed an engaging video tutorial to assist users in navigating the platform, showcasing key functionalities and providing step-by-step guidance for troubleshooting and maximizing software use.
Biomarker Data Table
We redesigned the Biomarker Data Table to organize and display critical biomarker data, including identification, sample information, quantitative measurements, and statistical analyses, which facilitated a systematic approach to managing biological insights and clinical outcomes.
Export Sequencer Media Settings
To streamline sharing and documentation, we added export settings for images and videos generated by the Sequencer Widget, enabling users to save and share their findings with ease.
Sequencer Widget
The sequencer widget enhances data visualization, enabling users to interact with sequencing data through keyframes, 3D views, smooth transitions, and layered color perspectives.
Personal MACSima Control Window
Our team reimagined the Personal MACSima Control Window to make 3D imaging, live-cell capture, and multi-dye scanning more intuitive and efficient for lab biologists.
Design System
To maintain consistency and scalability across the Qi Tissue platform, we built a comprehensive design system. This included standardized components, color schemes, typography, and interactive elements to ensure a cohesive experience and streamline future development.
Foundational Style Guide
We created a foundational style guide with consistent colors, typography, and others, unifying Qi Tissue's visual identity.
UI Component Library
We developed a UI component library of reusable elements like buttons and forms, enabling faster, consistent design across the platform.
Design Handoff
In preparation for the development phase, we have finalized the design assets and ensured all UI components, user flows, and visual elements are ready for handoff.
Results
The Qi Tissue platform now offers an immersive, efficient user experience that empowers researchers to handle large datasets, perform complex tissue analyses, and collaborate effectively. The redesign has led to significant gains in research efficiency, driving progress in personalized cancer diagnostics.
