CytoSoar

CytoSoar

Hero Image
Hero Image
Hero Image
Timeline
Timeline

Jan 2025 - May 2025

Jan 2025 - May 2025

Role
Role

UI Extern

UI Extern

Platform
Platform

Desktop

Desktop

Tools
Tools

Figma, Miro, VSCode

Figma, Miro, VSCode

Problem Statement

Problem Statement

Problem Statement

Talon Biomarkers aims to redesign Cytosoar into a more intuitive, cohesive platform that helps flow cytometry researchers easily analyze and quality-check their data, while strengthening the product’s visual design, messaging, and market positioning.

Pictured is the old CytoSoar Home Page

Project Timeline

Project Timeline

Our team focused on the early stages of product design and development.

Our team focused on the early stages of product design and development.

Project Goals

Project Goals

Develop CytoSoar, a user-friendly software hub for flow cytometry researchers.

Enable researchers to review and perform quality control on flow cytometry data efficiently.

Design and organize a professional, data-focused dashboard that integrates complex analytical tools.

Create intuitive UI elements to enhance usability on the current flow cytometry platform.

Improve the platform’s visual design for clarity and accessibility.

Transform the platform into a cohesive, efficient, and researcher-friendly workspace.

Host multiple analytical tools within the platform, supporting a variety of research projects.

Organizational Structure

Organizational Structure

Organizational Structure

As our team entered the early stages, establishing a clear organizational structure became a priority. Talon Biomarkers aimed to create a centralized hub that integrated various tools and processes while remaining intuitive and easy to navigate. Our team worked with the creators to define and structure the platform’s pages and files for clarity and efficiency.

Pictured are two flows our team created upon defining terms and purpose.

As our team entered the early stages, establishing a clear organizational structure became a priority. Talon Biomarkers aimed to create a centralized hub that integrated various tools and processes while remaining intuitive and easy to navigate. Our team worked with the creators to define and structure the platform’s pages and files for clarity and efficiency.

Pictured are two flows our team created upon defining terms and purpose.

As our team entered the early stages, establishing a clear organizational structure became a priority. Talon Biomarkers aimed to create a centralized hub that integrated various tools and processes while remaining intuitive and easy to navigate. Our team worked with the creators to define and structure the platform’s pages and files for clarity and efficiency.

Pictured are two flows our team created upon defining terms and purpose.

Design Results

Design Results

Design Results

While our team primarily focused on the organizational structure of CytoSoar, we also created various wireframes implementing our new informational flow. Our focus points included the Home Page and Projects Pages.

Home Page Solutions

Home Page Solutions

Displayed recent and starred projects, tools, and reports on the home page.

Highlighted tool names and colors with tags to reinforce identification.

Added two search bars to test optimal placement and engagement.

Implemented a collapsible side navigation bar for flexibility and future expansion.

Included a removable a Quick Guide for first-time users, highlighting tutorial videos.

When "Quick Guide" is removed, it is recommended to test whether it is preferred to expand "Recent Tools" or include a "summary section" of finished and unfinished projects of the month.

Potential addition of "Reports" to navigation.

Project Page Solutions

Project Page Solutions

These wireframes keep the original dashboard’s visual look and feel.

New Project page does not allow user to move forward unless all necessary inputs are filled.

Pre-classified tags will be available as well as the ability to create unique tags.

Designed to show the name of the most recent editor when hovering over a project and also display it when opening the project.

Status made available for better organization. It is possible to filter by status.

To integrate tool tag colors, we use them in the project pages as well. The section will signify which tools were used in the project. When hovering, it will expand to have the color with name.

Project Definitions

Project Definitions

These wireframes keep the original dashboard’s visual look and feel.

Projects organize folders as "general" and the three types of tools: "experimental design", "quality control", and "analysis".

Within the organization of folders, TalonBiomarkers emphasized the preference of including subfolders of each tool used for the project.

Not all projects will use each tool. However, all projects aim to create a report.

Within each folder, input and output subfolders will be automatically created. The user has the choice of moving files after the autocreation.

Takeaways & Skills

Takeaways & Skills

Through the Cytosoar project, I developed a range of UX skills while learning the importance of structured processes and user-centered design. From organizing information architecture and defining platform terminology to conducting user research, wireframing, prototyping, and iterating based on feedback, I gained hands-on experience in creating intuitive, cohesive, and effective design solutions.

Through the Cytosoar project, I developed a range of UX skills while learning the importance of structured processes and user-centered design. From organizing information architecture and defining platform terminology to conducting user research, wireframing, prototyping, and iterating based on feedback, I gained hands-on experience in creating intuitive, cohesive, and effective design solutions.

Connect

Your next interaction starts here!

Connect

Your next interaction starts here!

Connect

Your next interaction starts here!