CytoSoar
CytoSoar
Timeline
Jan 2025 - May 2025
Role
Product Extern
Platform & Tools
Desktop || Figma, Miro, VSCode
Skills
Product Design, Data Analytics
What is CytoSoar?
Talon Biomarkers is dedicated to advancing the understanding of immune system dynamics through comprehensive solutions that accelerate the development of targeted therapeutics and diagnostics. Talon Biomarkers aims to develop Cytosoar, a user-friendly software hub designed to help flow cytometrists easily review & perform quality control on their data.
Please note: due to our NDA, specific information,
names, or tools have been omitted.
What is CytoSoar?
LXRInsights is an AI-powered e-commerce data & customer experimentation platform by NetElixir that helps mid-to-large brands drive growth by predicting customer behavior, identifying high-value segments, and running targeted micro-experiments across channels like Google Ads and Meta.
Please note: due to our NDA, specific information, names, or sections have been omitted.
What is CytoSoar?
Talon Biomarkers is dedicated to advancing the understanding of immune system dynamics through comprehensive solutions that accelerate the development of targeted therapeutics and diagnostics. Talon Biomarkers aims to develop Cytosoar, a user-friendly software hub designed to help flow cytometrists easily review & perform quality control on their data.
Please note: due to our NDA, specific information,
names, or tools have been omitted.
Overview
Problem Statement
Problem Statement
CytoSoar lacks an intuitive, user-friendly interface, limiting accessibility for non-technical users and hindering broader adoption and collaboration across research teams.
CytoSoar lacks an intuitive, user-friendly interface, limiting accessibility for non-technical users and hindering broader adoption and collaboration across research teams.
CytoSoar lacks an intuitive, user-friendly interface, limiting accessibility for non-technical users and hindering broader adoption and collaboration across research teams.
Objectives
Objectives
With CytoSoar still in early development, our team aimed to structure seamless and organized content organization. In addition, we plan to develop UI elements for the current hub for flow cytometry, and create a standardized flow for Talon Biomarkers employees.
With CytoSoar still in early development, our team aimed to structure seamless and organized content organization. In addition, we plan to develop UI elements for the current hub for flow cytometry, and create a standardized flow for Talon Biomarkers employees.
Usability testing revealed a 37% decrease in task completion on the experiments page from ~8 minutes to ~5 after our changes, in addition to higher ratings of user confidence in the other tools and pages.
Main Solutions
Main Solutions
Determined the data hierarchy for tool input, output, organization, and overall flow.
Established various components and features of the home page, giving a layout to the overall platform.
Designed a straightforward and easy to learn prototype to set up a project and organize within.
The Process
Step 1.
Background Research
Flow Cytometry Tools
User Persona
Journey Mapping
Researched flow cytometry to understand how the process works, what kind of data is generated, and how that data is typically used in research and clinical contexts.
Looked into existing tools used by flow cytometrists to analyze data and manage workflows, identifying limitations & areas where a more unified platform could add value.
Developed a user persona representing a typical flow cytometrist, including their goals, daily tasks, and challenges, to inform more user-centered design decisions.
Created a journey map outlining the end-to-end workflow of a flow cytometrist, from data acquisition to analysis and reporting, highlighting pain points and opportunities.
Background Research
Researched flow cytometry to understand how the process works, what kind of data is generated, and how that data is typically used in research and clinical contexts.
Flow Cytometry Tools
Looked into existing tools used by flow cytometrists to analyze data and manage workflows, identifying limitations & areas where a more unified platform could add value.
User Persona
Developed a user persona representing a typical flow cytometrist, including their goals, daily tasks, and challenges, to inform more user-centered design decisions.
Journey Mapping
Created a journey map outlining the end-to-end workflow of a flow cytometrist, from data acquisition to analysis and reporting, highlighting pain points and opportunities.
Background Research
Flow Cytometry Tools
User Persona
Journey Mapping
Researched flow cytometry to understand how the process works, what kind of data is generated, and how that data is typically used in research and clinical contexts.
Looked into existing tools used by flow cytometrists to analyze data and manage workflows, identifying limitations & areas where a more unified platform could add value.
Developed a user persona representing a typical flow cytometrist, including their goals, daily tasks, and challenges, to inform more user-centered design decisions.
Created a journey map outlining the end-to-end workflow of a flow cytometrist, from data acquisition to analysis and reporting, highlighting pain points and opportunities.
Needs & Expectations
Faster and efficient way to generate reports.
Reliable security and data privacy.
Centralized hub for all or primary tools used.
Data precision and accuracy.
Collaborative spaces for a team or company.
Reduction in tedious manual processes where possible.
Visual organization easy on the eyes.
Needs & Expectations
Faster and efficient way to generate reports.
Reliable security and data privacy.
Centralized hub for all or primary tools used.
Data precision and accuracy.
Collaborative spaces for a team or company.
Reduction in tedious manual processes where possible.
Visual organization easy on the eyes.
Needs & Expectations
Faster and efficient way to generate reports.
Reliable security and data privacy.
Centralized hub for all or primary tools used.
Data precision and accuracy.
Collaborative spaces for a team or company.
Reduction in tedious manual processes where possible.
Visual organization easy on the eyes.
Step 2.
Defining
Information Architecture
User Flow
Product Features
Worked with the founder to define core elements like projects, files, and folders, and clarify how they relate within the platform to ensure a clear structure.
Created an information architecture map to organize content hierarchy and relationships, ensuring a consistent and scalable system.
Mapped user flows to outline how users move through key tasks, ensuring all steps and interactions were logically connected.
Translated findings from structure and flow work into key product features aligned with user needs and the overall system design.
Defining
Worked with the founder to define core elements like projects, files, and folders, and clarify how they relate within the platform to ensure a clear structure.
Information Architecture
Created an information architecture map to organize content hierarchy and relationships, ensuring a consistent and scalable system.
User Flow
Mapped user flows to outline how users move through key tasks, ensuring all steps and interactions were logically connected.
Product Features
Translated findings from structure and flow work into key product features aligned with user needs and the overall system design.
Defining
Information Architecture
User Flow
Product Features
Worked with the founder to define core elements like projects, files, and folders, and clarify how they relate within the platform to ensure a clear structure.
Created an information architecture map to organize content hierarchy and relationships, ensuring a consistent and scalable system.
Mapped user flows to outline how users move through key tasks, ensuring all steps and interactions were logically connected.
Translated findings from structure and flow work into key product features aligned with user needs and the overall system design.
Affinity Diagram
User Journey Map
Simplified IA Map
Please note: due to our NDA, specific charts or sections have been omitted or blurred.
Affinity Diagram
User Journey Map
Simplified IA Map
Please note: due to our NDA, specific charts or sections have been omitted or blurred.
Affinity Diagram
User Journey Map
Simplified IA Map
Please note: due to our NDA, specific charts or sections have been omitted or blurred.
Step 3.
Wireframing
Unifying Layout
Iterations
Created low-fidelity wireframes to explore different layout and structure options for the platform’s core pages and tools, focusing on foundational usability and flow.
Combined feedback and design explorations into a single, cohesive layout that connected all pages and tools into a consistent and navigable system.
Refined wireframes and the overall site map through continuous feedback loops, making iterative improvements to strengthen usability, structure, and clarity across the platform.
Wireframing
Created low-fidelity wireframes to explore different layout and structure options for the platform’s core pages and tools, focusing on foundational usability & flow.
Unifying Layout
Combined feedback and design explorations into a single, cohesive layout that connected all pages and tools into a consistent and navigable system.
Iterations
Refined wireframes and the overall site map through continuous feedback loops, making iterative improvements to strengthen usability, structure, and clarity across the platform.
Wireframing
Unifying Layout
Iterations
Created low-fidelity wireframes to explore different layout and structure options for the platform’s core pages and tools, focusing on foundational usability and flow.
Combined feedback and design explorations into a single, cohesive layout that connected all pages and tools into a consistent and navigable system.
Refined wireframes and the overall site map through continuous feedback loops, making iterative improvements to strengthen usability, structure, and clarity across the platform.
Home Page & Navigation
Old Home Page
Revised Home Page
Old Home Page
Revised Home Page
Old Home Page
Revised Home Page
Create New Project
Old "New Project" Page
Revised "New Project" Page
Design Choices
Defined what would be allowed file formats and made clear which information fields need to be completed before proceeding.
Created a second option of format, in which users are able to add manual tags to the project when starting.
Redesigned line charts and overall interface for a cleaner experience.
Created a working prototype for users to navigate from the "Create New Project" button, through the steps of the process, and to the project creation where folders and files could be set up to continue.
Old "New Project" Page
Revised "New Project" Page
Design Choices
Defined what would be allowed file formats and made clear which information fields need to be completed before proceeding.
Created a second option of format, in which users are able to add manual tags to the project when starting.
Redesigned line charts and overall interface for a cleaner experience.
Created a working prototype for users to navigate from the "Create New Project" button, through the steps of the process, and to the project creation where folders and files could be set up to continue.
Old "New Project" Page
Revised "New Project" Page
Design Choices
Defined what would be allowed file formats and made clear which information fields need to be completed before proceeding.
Created a second option of format, in which users are able to add manual tags to the project when starting.
Redesigned line charts and overall interface for a cleaner experience.
Created a working prototype for users to navigate from the "Create New Project" button, through the steps of the process, and to the project creation where folders and files could be set up to continue.
Project Organization
Old Project Page
Revised Project Pages
Old Project Page
Revised Project Pages
Old Project Page
Revised Project Pages
Step 4.
Iterations & Next Steps
Established finalized foundational structures to support future iterations, enabling the next team to continue research and refine the platform’s visual layout, design system, and high-fidelity prototypes.
Iterations & Next Steps
Established finalized foundational structures to support future iterations, enabling the next team to continue research and refine the platform’s visual layout, design system, and high-fidelity prototypes.
Iterations & Next Steps
Established finalized foundational structures to support future iterations, enabling the next team to continue research and refine the platform’s visual layout, design system, and high-fidelity prototypes.
Check out my other work!