ScreenMe
CLIENT
PROJECT DURATION
February 2023
10 Weeks
SERVICE AND OFFER
Strategy
UX designer
Visual design
Team
Me as design lead
2 UI designers
Product manager
Marketing consultant
PROBLEM
The ScreenMe platform struggles to provide a smooth, personalized experience for each patient. It can't handle key data like nutrition info, test results, and lab statuses, which disrupts the flow of their health journey.
Daily coach-patient interactions also need a dedicated product, as the current system can't support them.
Since ScreenMe focuses on delivering a connected experience across services like e-commerce, nutrition tips, and prescriptions, these issues are holding back its mission of seamless patient care.
SOLUTION
The ScreenMe app provides the needed experience by dividing the patients into various “care types”. Patients will have unique experiences through the application:
The homepage of each patient is an easily interactable card as a daily to-do list; conveying a feeling of diary, to fill in the needed info for their coach or consultant.
The patients can follow and watch their health journey and lab results via visualizations and notes from their consultants.
VALUE DELIVERED
Does our objectives align with what users need?
A diary study was chosen as a method to test our hypothesis which resulted in two user persona as our early adaptors.
Information architecture and wireframing, A/B test and rapid prototyping were done to ensure the ideal user flows, best case of content strategy and to reduce the comebacks and revises from the development team.
Approachable, trustworthy, safe and clean and the brand book compatibility were the objectives we had in mind while building the design system.
RESEARCH
Diary Study Via Semi-closed google forms
Objective:
Understand patient-coach interactions and daily app use.
Research Focus:
How do patients report back and follow their daily plans?
What motivates or frustrates them?
What do they like or dislike about their plans?
Why This Method?
Daily Use Insights: Tracks real-time patient experiences over a week.
Instant Feedback: Captures thoughts and frustrations during app use.
Simple & Quick: Each form takes about 6 minutes with a mix of questions, scales, and timers.
Process:
12 participants were selected.
A Zoom session introduced the study.
Participants completed daily Google Forms (log activities, rate experience, share reflections) for one week.
Post-study interviews provided further insights.
Findings:
RESEARCH
User persona
Objective:
Understanding and hearing from our potential users makes the product more focused.
Molly Weasley
“I can`t imagine going through painful or unnecessary procedures to get pregnant!”
Age
36
Education
PR Bachelor
Status
Married
Occupation
Office coordinator
Location
London
Personality
Detail-oriented
Planner
Family-oriented
Goals
Get pregnant as natural as it can get
Get quality care to solve fertility issues
Frustations
Painful procedures
Costly and long treatments
Needs
Comprehensive plan for all aspects of fertility treatment.
I need to be able to understand, follow and check my progress while in treatment.
I do better when i have a plan for my daily goals.
Rita Skeeter
“I need to take better care of my self!”
Age
24
Education
B.E Engineer
Status
Single
Occupation
Engineer
Location
London
Personality
Thinker
Cautious
Stressed
Goals
Improve overall lifestyle quality
Get quality time with health specialist that fits her needs
Frustations
Busy life makes it hard to follow through all of my health concerns
I don't know what female concerns might be a problematic issue for me!
Needs
Eat healthier according to my own body needs.
I need a check-up to improve my cycle and hormonal levels.
Easy to use testing with a clear report that i can discuss with a specialist.
Keep track of health and life goals during time.
UX DESIGN
Information Architecture
Objective: Structuring Admin Panels for Seamless UX and Functionality
On top of the IA of the application itself, We crafted the admin panels using a well-structured information architecture, ensuring both usability and functionality. This approach allowed us to create wireframes based on a standardized framework, ensuring consistency and ease of use for administrators.
Admin panels play a critical role in the application’s success. For the ScreenMe platform, the client needed board approval to move forward with phase one of the project.
Wireframes
Objective: Ensuring a Seamless Development with Wireframe Prototyping
We aimed for a smooth development phase with least errors or dead-ends frequency.
We used a wireframe prototype to both verify the accuracy of the flow and client’s expectations.
DESIGN SYSTEM
TESTING
Unmoderated usability test
Objective: Measure discoverability of a feature
According to the existing business website, calendar mode or view had more than enough interactions to be considered an important feature of the application.
We wanted the homepage to feel like a diary but also interactive enough for users to feel connected simultaneously.
In order to assure the first access point was usable enough we did a small scale test in Maze.
The first version:
As illustrated as a heatmap structure, users clearly struggled to recognize the calendar button as clickable.
The second version after findings:
Changed > toggle component with enough contrast for better conversions.
Changed > A more satisfactory button was replaced for better conversions.
UI DESIGN
