ScreenMe
ScreenMe
ScreenMe
Health Solutions: Clinical testing for all stages of life.
Supporting period, fertility, menopausal and vagina wellness
Tailored nutrition and lifestyle advice from experts
"Case study redacted for privacy. Contact for full version, tailored to your recruitment needs."
Health Solutions: Clinical testing for all stages of life.
Supporting period, fertility, menopausal and vagina wellness
Tailored nutrition and lifestyle advice from experts
"Case study redacted for privacy. Contact for full version, tailored to your recruitment needs."
Health Solutions: Clinical testing for all stages of life.
Supporting period, fertility, menopausal and vagina wellness
Tailored nutrition and lifestyle advice from experts
"Case study redacted for privacy. Contact for full version, tailored to your recruitment needs."
Team
Lina Zarkar
Design Lead & Product designer
and 2 UI designers
Skills
UX Research
Data visualization
Sketching
Wireframing
Design system
Usability testing
Rapid Prototyping
Tools
Figma
FigJam
Maze
Adobe Illustrator
Google sheets
Time frame
February 2023
10 Weeks
Team
Lina Zarkar
Design Lead & Product designer
and 2 UI designers
Skills
UX Research
Data visualization
Sketching
Wireframing
Design system
Usability testing
Rapid Prototyping
Tools
Figma
FigJam
Maze
Adobe Illustrator
Google sheets
Time frame
February 2023
10 Weeks
Executive Summary
Problem
Problem
Problem
The ScreenMe website has technical limitations regarding each patient's customized journey. It cannot process the database of nutrition, test and lab statutes.
The needed daily interactions between coaches and patients require their own product and cannot be implemented into the current website backend.
The ScreenMe business is focused on a whole integral and connected user journey for each of their patients connected to all the areas of their services; meaning E-commerce, Nutrition recommendations, blog posts, prescriptions, to-do lists etc.
The ScreenMe website has technical limitations regarding each patient's customized journey. It cannot process the database of nutrition, test and lab statutes.
The needed daily interactions between coaches and patients require their own product and cannot be implemented into the current website backend.
The ScreenMe business is focused on a whole integral and connected user journey for each of their patients connected to all the areas of their services; meaning E-commerce, Nutrition recommendations, blog posts, prescriptions, to-do lists etc.
The ScreenMe website has technical limitations regarding each patient's customized journey. It cannot process the database of nutrition, test and lab statutes.
The needed daily interactions between coaches and patients require their own product and cannot be implemented into the current website backend.
The ScreenMe business is focused on a whole integral and connected user journey for each of their patients connected to all the areas of their services; meaning E-commerce, Nutrition recommendations, blog posts, prescriptions, to-do lists etc.
Solution
Solution
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.
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.
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.
Approach
Approach
Approach
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.
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.
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.
Project brief
Personalized Healthcare for Effective Wellness
Personalized Healthcare for Effective Wellness
Everyone's healthcare journey is unique, driven by their individual needs, lifestyle, and goals.
To reach optimal well-being, patients need personalized plans that reflect their preferences and aspirations.
This tailored approach ensures practical, adaptable healthcare that empowers individuals to achieve their health goals.
Everyone's healthcare journey is unique, driven by their individual needs, lifestyle, and goals.
To reach optimal well-being, patients need personalized plans that reflect their preferences and aspirations.
This tailored approach ensures practical, adaptable healthcare that empowers individuals to achieve their health goals.
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.
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.
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.
Define: user persona
Information architecture
Information architecture
Admin panels are crucial for the application
The client required the board’s approval for the development of phase one
We designed the panels based on the information architecture to ensure UX and functionality so we could base the wireframes based on a standard framework.
Admin panels are crucial for the application
The client required the board’s approval for the development of phase one
We designed the panels based on the information architecture to ensure UX and functionality so we could base the wireframes based on a standard framework.
Admin panels are crucial for the application
The client required the board’s approval for the development of phase one
We designed the panels based on the information architecture to ensure UX and functionality so we could base the wireframes based on a standard framework.
Sketching ,wireframing and rapid 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.
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.
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
The clients already had a brand book as our source .
...But it needed a bit of tinkering to fit the standards of a mobile applications.
Approachable, trustworthy, safe and clean were the objectives we had in mind while building the design system.
Font Used
Font Used
Nunito
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Nunito Bold
Nunito Bold
Nunito Regular
Nunito Regular
Nunito Medium
Nunito Medium
Nunito Light
Nunito Light
Nunito is a well balanced, highly-readable sans-serif typeface. The characters have thin, unifrom stroke widths that work well for both body and display copy.
Nunito is a well balanced, highly-readable sans-serif typeface. The characters have thin, unifrom stroke widths that work well for both body and display copy.
Color Used
Color Used
Primary 1 Color
#314B50
Primary 1 Color
#314B50
Primary 1 Color
#314B50
Accent 1
#C5B677
Accent 1
#C5B677
Accent 1
#C5B677
BG Color
#F3F3F3
BG Color
#F3F3F3
BG Color
#F3F3F3
Accent 2
F3EAFF
Accent 2
F3EAFF
Accent 2
F3EAFF
Primary 2 Color
#F36D3D
Primary 2 Color
#F36D3D
Primary 2 Color
#F36D3D
Testing
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.
Before testing
Obviously users didnt find the calendar button, clickable
Changed > The date and left and right icons next to it, are recognized faster by users
After testing
After testing
Changed > The date and left and right icons next to it, are recognized faster by users
Changed > toggle component with enough contrast for better conversions.
Changed >A more satisfactory button was replaced for better conversions.
Key takeaway
How did I de-risk a vital product decision?
How did I de-risk a vital product decision?
Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.
Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.
My solution:
Streamlined workflow for health coaches (easier to flag ingredients).
Improved search accuracy for patients (recipes reflect ingredient restrictions).
Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.
Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.
Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.
My solution:
Streamlined workflow for health coaches (easier to flag ingredients).
Improved search accuracy for patients (recipes reflect ingredient restrictions).
Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.
Have I helped my team overcome business problems?
Have I helped my team overcome business problems?
Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.
Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.
Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.
Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.
Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.
Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.
What would I improve I could do it over again?
What would I improve If I could do it over again?
Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.
Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.
Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.
Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.
Key takeaway
How did I de-risk a vital product decision?
Client's existing website offered basic search, but lacked advanced filtering for specific dietary needs or health concerns.
Proposed Solution: Implemented a "child-parent" hierarchy in the app's database.
My solution:
Streamlined workflow for health coaches (easier to flag ingredients).
Improved search accuracy for patients (recipes reflect ingredient restrictions).
Outcome: Enhanced user experience for both coaches and patients, potentially leading to better health results.
Have I helped my team overcome business problems?
Personalized User Journey: Proposed a Health Shop linked to prescriptions, enabling targeted product recommendations within daily guidance.
Enhanced User Experience: Streamlined access to recommended products, improving patient convenience and satisfaction.
Improved Outcomes & Revenue: Increased conversion rates and basket size, potentially leading to better health results and financial gains for the client.
What would I improve I could do it over again?
Tight deadlines and limited design experience on my team: Balancing strict timelines with my own revision of team's work due to inexperience stretched the development process.
Recommendation: Earlier client feedback and more team reviews through agile UI sessions would streamline revisions and optimize workflow.
THE END
THE END
THE END
Thank you for viewing
Thank you for viewing
Thank you for viewing