Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
Role UX/UI Designer (Individual Design Exercise)
Tool Figma
Photoshop
Procreate
overvIew
overvIew
overvIew
overvIew
The Blood Donor App puts the power to save lives in the palm of your hand. Donating blood, will now be easier than ever. I conducted research on the view and imagined the experience to address some existing pain points.
Many people are looking for blood donations via social media platforms. The message is asking for help from anyone with a match blood type to donate blood. Most of them need immediate blood transfusions for family or relations. Why isn’t there a platform for connections between patients and donors to make finding blood easier?
overvIew
The Blood Donor App puts the power to save lives in the palm of your hand. Donating blood, will now be easier than ever. I conducted research on the view and imagined the experience to address some existing pain points.
Many people are looking for blood donations via social media platforms. The message is asking for help from anyone with a match blood type to donate blood. Most of them need immediate blood transfusions for family or relations. Why isn’t there a platform for connections between patients and donors to make finding blood easier?
01
An Overview of the Homepage
01
An Overview of the Homepage
02
I defined some of the main interactions through motion design. I made sure the motion conveys the transitions with swiftness.
Project Timeline
Project Timeline
Project Timeline
Project Timeline
understanding
understanding
understanding
understanding
understanding
Before diving into ideating the experience, I took some time understanding the user goal and pain points.
Before diving into ideating the experience, I took some time understanding the user goal and pain points.
User Goal and Tasks
The first task is to find a donor that s/he has a matching blood type on the homepage screen,
The second task is to be a donor for donation requests with matching blood types.
The first task is to find a donor that s/he has a matching blood type on the homepage screen,
The second task is to be a donor for donation requests with matching blood types.
Competitive Audit
I got some knowledge on competitor benchmarking regarding Blood Donation mobile apps. so, I investigated those competitors
I got some knowledge on competitor benchmarking regarding Blood Donation mobile apps. so, I investigated those competitors
Simply Blood
Simply Blood
An app that connects blood donors and blood seekers in real-time, as a blood donor can directly donate blood, and can share blood requests to all potential blood donors within 5kms from the location it's needed.
An app that connects blood donors and blood seekers in real-time, as a blood donor can directly donate blood, and can share blood requests to all potential blood donors within 5kms from the location it's needed.
Reblood
Reblood
An app that helps blood donors to get information date of last to donate, total donate, the Information place to donor, and the information blood donation schedule.
An app that helps blood donors to get information date of last to donate, total donate, the Information place to donor, and the information blood donation schedule.
Ideation
Ideation
Ideation
Ideation
Ideation
User Stories and Personas
To inquire the pain points and current solutions, I interviewed 5 participants and created two personas
To inquire the pain points and current solutions, I interviewed 5 participants and created two personas
Jay Tomson
Age: 24
Occupation: Work as staff
Hometown: London, UK
Goals
To set goals and make a positive impact on people's lives
Find places to donate blood
Connect with people who needs blood
Frustrations
Not being able to find someone with the same blood type
Lack of information about blood donation events
Jay is a staff at a private company who likes to donate blood every 6-12 months and wishes to have an app that will tell show him a nearby place to donate his blood. He currently lives in London. He works as a staff at a private organization. He gets the information about blood donation from a hospital close to his home. He does blood donation for his health and to help other people. He uses social media to get schedule information for blood donation. He wishes to have an app to tell him that nearby places to do donation.
Jay Tomson
Age: 24
Occupation: Work as staff
Hometown: London, UK
Goals
To set goals and make a positive impact on people's lives
Find places to donate blood
Connect with people who needs blood
Frustrations
Not being able to find someone with the same blood type
Lack of information about blood donation events
Jay gets the information about blood donation from a hospital close to his home. He does blood donation for his health and to help other people. He uses social media to get schedule information for blood donation. He wishes to have an app to tell him that nearby places to do donation.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Kelly Manson
Age: 27
Occupation: Doctor
Hometown: London, UK
Goals
To be able to save more lives by giving blood
Help family and relatives
Get a blood donor when needed
Frustrations
Hard to find donors with matching blood type
Sometimes the location of the blood donor is away
Lack of blood stock availability at the nearest hospital
Kelly is a 27-year-old doctor, The obstacles she faced when her family needed blood made her realize how difficult it is to find a donor. she believes an app can help solve the problem.
Wireframing
Wireframing
User Flow
After understanding how an application should work in general, I must understand how an application should work specifically. I create user flow which allows me to look at the decision a user would have to make and gain.
Wireframing
User Flow
After understanding how an application should work in general, I must understand how an application should work specifically. I create user flow which allows me to look at the decision a user would have to make and gain.
Wireframing
User Flow
After understanding how an application should work in general, I must understand how an application should work specifically. I create user flow which allows me to look at the decision a user would have to make and gain.
Wireframing
User Flow
After understanding how an application should work in general, I must understand how an application should work specifically. I create user flow which allows me to look at the decision a user would have to make and gain.
Paper Wireframes
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on easily finding donor and patient while keeping in mind the user tasks and pain points I had collected so far
I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on easily finding donor and patient while keeping in mind the user tasks and pain points I had collected so far
Digital Wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Blood Donation app
After ideating and drafting some paper wireframes, I created the initial designs for the Blood Donation app
Usability Test and Findings
By going through the survey results and personas, I found that the following are some of the main pain points we can tackle to elevate the whole blood donation experience.
I defined three most common themes according to the user testings. The main user needs are:
01
Usability study as Blood Donors
01
Usability study as Blood Donors
Awareness
Users lack education about blood donations and need to get information about blood donation places and schedules.
Informatıon
Users only get information
on social media
Health problems become a problem to do blood donation
02
Usability study as Recipient
02
Usability study as Recipient
Awareness
Users need to do it manually to get
bloodstocks (ask their relatives, make a campaign on social media, and hospitals.
Informatıon
It’s hard to get bloodstocks because of the unavailability of blood stocks, unmatched blood type, and faraway place to get blood stocks
DESIGN PROPOSAL
DESIGN PROPOSAL
DESIGN PROPOSAL
DESIGN PROPOSAL
DESIGN PROPOSAL
Deliverables
When designing the high-fidelity interface, I focused on the visual appearance and transition fluency while making sure to keep the interface very easy to use in an emergency
When designing the high-fidelity interface, I focused on the visual appearance and transition fluency while making sure to keep the interface very easy to use in an emergency
01
Overview of the Donating Flow
01
Overview of the Donating Flow
01
Overview of the Donating Flow
01
Overview of the Donating Flow
02
Using filters to find the correct donor
02
Using filters to find the correct donor
02
Using filters to find the correct donor
02
Using filters to find the correct donor
03
Connecting live assistant in an emergency
03
Connecting live assistant in an emergency
03
Connecting live assistant in an emergency
03
Connecting live assistant in an emergency
04
Activating receiving blood donation requests
04
Activating receiving blood donation requests
04
Activating receiving blood donation requests
04
Activating receiving blood donation requests
05
Scrolling in List View
05
Scrolling in List View
05
Scrolling in List View
05
Scrolling in List View
PROTOTYPE
PROTOTYPE
PROTOTYPE
PROTOTYPE
PROTOTYPE
If you want to try the interactive prototype of the app, you can click the link below to reach the Figma prototype
If you want to try the interactive prototype of the app, you can click the link below to reach the Figma prototype
If you want to try the interactive prototype of the app, you can click the link below to reach the Figma prototype
If you want to try the interactive prototype of the app, you can click the link below to reach the Figma prototype
DESIGN DETAILS
DESIGN DETAILS
DESIGN DETAILS
DESIGN DETAILS
DESIGN DETAILS
Color Palette
Components
Accessibility Considerations
Clear labels for interactive elements that can be read by screen readers.
Clear labels for interactive elements that can be read by screen readers.
Clear labels for interactive elements that can be read by screen readers.
Clear labels for interactive elements that can be read by screen readers.
Initial focus of the home screen on personalized recommendations help define the primary task or action for the user.
Initial focus of the home screen on personalized recommendations help define the primary task or action for the user.
Responsive
reflectios
reflectios
reflectios
reflectios
reflectios
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs to be helped me come up with solutions that were both feasible and useful.
Users shared that the app made donating
blood more accessible and more fun. One quote from peer feedback was that “I am sure that this app will
help save many lives”
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs to be helped me come up with solutions that were both feasible and useful.
Users shared that the app made donating
blood more accessible and more fun. One quote from peer feedback was that “I am sure that this app will
help save many lives”
AR Shopping App
AR Shopping App
AR Shopping App
AR Shopping App
AR Shopping App
sHOPPING aPP WITH
AUGMENTED REALITY
Furnitıre Shopping with AR
UX research
UX/UI design
Rapid prototyping
Visual design
Re-design Feature
Re-design Feature
Re-design Feature
Re-design Feature
Redesign a Feature
Market Research
UX/UI design
Prototyping
User testing
NFT Website
NFT Website
NFT Website
NFT Website
NFT Website
NFT Minting website
Responsive web design
Web3 integration
UX research
UX/UI design
Interaction design
Prototyping