WittGen Biotechnologies
WittGen Biotechnologies
Objective
Build a demo MVP web portal
Team
3 UX/UI designers, 8 developers
Timeline
Aug 2022 - Dec 2023
Contribution
Ideation, user research, user flow, competitive analysis, wireframing, interactive prototyping
Process
From 0 to 1: Turning an Idea into a Working Prototype
Literature Analysis
In-Depth Interviews
User Personas
Prototyping &
Iteration
Competitive Analysis
Design System
Dev Handoff
UX Research
Design
The problem
High Potential, Slow Adoption: Bringing Single-Cell Cancer Analysis to Clinicians
The ultimate goal in cancer care is personalized treatment, but has been notoriously difficult to achieve. Advances like single-cell RNA sequencing now make it possible to identify and analyze cancer cells with far greater precision. Despite its potential, clinical adoption has been slow due to complexity, cost, and limited clinician familiarity.
The problem
The ultimate goal in cancer care is personalized treatment, but has been notoriously difficult to achieve. Advances like single-cell RNA sequencing now make it possible to identify and analyze cancer cells with far greater precision. Despite its potential, clinical adoption has been slow due to complexity, cost, and limited clinician familiarity.
Goal
Transforming Complex Data to Actionable Cancer Insights
WittGen Biotechnologies aims to provide a web portal where clinicians and researchers can easily request and receive clinical reports based on single-cell RNA sequencing data.
Business Goal
To have as many users onboard the product and see high
Customer loyalty
Customer satisfaction
Customer retention
User Goal
To find a reliable source to use as a reference for cancer research and treatment
Project Goal
To launch an MVP demo successfully, showcasing the main features of applying for and receiving a clinical report
Research
Understanding Users: Medical Professionals with Specialized Expertise
I conducted literature reviews and held sessions with WittGen researchers, which revealed that our users are experts in scRNA-sequencing. Based on this, I designed the experience to include advanced features, efficient workflows, and detailed reports without basic explanations.
hypothesis
Proposed Approach: Instant, User-Friendly Updates
Based on our research findings, we hypothesize that users need instant access to important updates, delivered through a fast, intuitive, and easy-to-use experience.
Competitive Analysis
Identifying Our Edge in the Market
One key consideration was identifying existing major players in the field. After analyzing WittGen’s competitors, we found no direct competitors addressing the same methodology or problem we aim to solve. This gap highlighted a clear opportunity for us to deliver a unique solution.
User flow
Bringing scRNA-seq into Clinical Workflows
Using scRNA-seq would be a new experience for most users, so this product especially carried the risk of the user falling into cognitive overload. It thus became our objective to first create a fast and intuitive user flow.
User submits data
AI-powered analysis
User receives clinical report
Rapid Prototyping and Iteration
Fast Iteration, Focused Feedback
After completing the user flow, I led rapid prototyping and iteration due to tight timelines. I created high-fidelity prototypes, continuously iterated on them, and collaborated closely with UX/UI, development teams, and stakeholders.
01 Simplifying Files
1
Weak distinction between My Files and Applications
2
Most applicants won't have rows and rows of applications
3
View only mode is unnecessary
01 Simplifying Files
1
Weak distinction between My Files and Applications
2
Most applicants won't have rows and rows of applications
3
View only mode is unnecessary
02 Improving data upload efficiency
1
Users have to restart the whole application process if they have 2 or more file formats to upload
02 Improving data upload efficiency
1
Users have to restart the whole application process if they have 2 or more file formats to upload
03 verifying before payment
1
Users must go back each step if they want to check their data input
03 verifying before payment
1
Users must go back each step if they want to check their data input
The Final Product
MVP WittGen Portal
01 Dashboard
Upon portal login, the user is led to the dashboard, where an overview glance of recent file updates is shown.
The Final Product
MVP WittGen Portal
01 Dashboard
Upon portal login, the user is led to the dashboard, where an overview glance of recent file updates is shown.
reflections
Moving Forward as a UX/UI Designer
My first industry project had been a transformative experience for me. There was lots to be curious about, and thankfully with such amazing and encouraging designers to guide me, I feel I have grown exponentially as a UX/UI designer. With that said, here are some of my reflections:
Reflecting on Research and Process
In hindsight, deeper user research with interviews and user testing could have uncovered more valuable insights. With more time, following a traditional design process with detailed wireframes might have led to more refined and creative solutions.
Rethinking the Data Input Experience
The Excel upload feature aimed to simplify input but wasn’t inclusive for all users. In future iterations, integrating a vision API to extract text from photos could offer a more flexible and user-friendly approach.
User submits data
AI-powered analysis
User receives clinical report
User flow
Bringing scRNA-seq into Clinical Workflows
Using scRNA-seq would be a new experience for most users, so this product especially carried the risk of the user falling into cognitive overload. It thus became our objective to first create a fast and intuitive user flow.
Rapid Prototyping and Iteration
Fast Iteration, Focused Feedback
02 Improving data upload efficiency
1
1
Users have to restart the whole application process if they have 2 or more file formats to upload
02 Improving data upload efficiency
1
1
Users have to restart the whole application process if they have 2 or more file formats to upload
03 verifying before payment
1
1
Users must go back each step if they want to check their data input
03 verifying before payment
1
1
Users must go back each step if they want to check their data input
03 Simplifying Files
1
2
3
1
Weak distinction between My Files and Applications
2
Most applicants won't have rows and rows of applications
3
View only mode is unnecessary
03 Simplifying Files
1
2
3
1
Weak distinction between My Files and Applications
2
Most applicants won't have rows and rows of applications
3
View only mode is unnecessary
The Final Product
MVP WittGen Portal
01 Dashboard
Upon portal login, the user is led to the dashboard, where an overview glance of recent file updates is shown.
02 Matching columns
Once the user uploads their excel file, they undergo a process of ensuring that their excel file's header matches the system's header.
03 Validating data
In case of errors in the file or during the import process, the user can edit their data to ensure all fields are complete and valid.
04 Review before payment
Reviewing helps prevent errors and reduces the need to contact support.
reflections
Moving Forward as a UX/UI Designer
My first industry project had been a transformative experience for me. There was lots to be curious about, and thankfully with such amazing and encouraging designers to guide me, I feel I have grown exponentially as a UX/UI designer. With that said, here are some of my reflections:
Reflecting on Research and Process
In hindsight, deeper user research with interviews and user testing could have uncovered more valuable insights. With more time, following a traditional design process with detailed wireframes might have led to more refined and creative solutions.
Rethinking the Data Input Experience
The Excel upload feature aimed to simplify input but wasn’t inclusive for all users. In future iterations, integrating a vision API to extract text from photos could offer a more flexible and user-friendly approach.
Goal
Transforming Complex Data to Actionable Cancer Insights
WittGen Biotechnologies aims to provide a web portal where clinicians and researchers can easily request and receive clinical reports based on single-cell RNA sequencing data.
Business Goal
To have as many users onboard the product and see high
Customer loyalty
Customer satisfaction
Customer retention
User Goal
To find a reliable source to use as a reference for cancer research and treatment
Project Goal
To launch an MVP demo successfully, showcasing the main features of applying for and receiving a clinical report
Research
Understanding Users: Medical Professionals with Specialized Expertise
I conducted literature reviews and held sessions with WittGen researchers, which revealed that our users are experts in scRNA-sequencing. Based on this, I designed the experience to include advanced features, efficient workflows, and detailed reports without basic explanations.
hypothesis
Proposed Approach: Instant, User-Friendly Updates
Based on our research findings, we hypothesize that users need instant access to important updates, delivered through a fast, intuitive, and easy-to-use experience.
Competitive Analysis
Identifying Our Edge in the Market
One key consideration was identifying existing major players in the field. After analyzing WittGen’s competitors, we found no direct competitors addressing the same methodology or problem we aim to solve. This gap highlighted a clear opportunity for us to deliver a unique solution.