Overview
Duration
Duration: March 2024 - July 2024
Role
Product Designer - UX Research, Wireframes, Prototypes, Visuals, Webflow development
User Testing Impact
1. 83% of users were able to learn about the quality of the meat in under 32 seconds.
2. 67% of users were able to locate the meat product they wanted in under 24 seconds.
Highlights
1.1
Impact From Donations
Donors will be shown the impact that their donation will make to the local community.
1.1 | Hero Section
1.2
Encourage Involvement
Users will be informed on the need for the local youth.
1.2 | Meat Quality
1.3
Impact Through Images
Donors and the youth's parents will be able to view images from previous events.
1.3 | Meat Quality
Prototypes
Problem Statement
Self Improvement
Users want to lose weight and keep it off, so they can have a positive view of themselves and feel better physically.
Opportunity 1
Easy Way To Start
The splash screen prompts the user to create a goal. This helps the user start as soon as possible.
1
Opportunity 2
Start With Others
Users are asked if they want to invite others when they choose a goal. Research shows this helps build habits.
2
Opportunity 3
Show Completed Habits
Habits take time to build. Showing the users how many goal they've completed shows their wins and current momentum.
3
Business Goal
Business Goal
The goal of the prototype is for users to be able to complete tasks and learn new concepts related to nutrition with ease.
Research Takeaways
1
Locally Sourced Meat
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius.
"Buying meat that is locally sourced is the most important thing for me."
2
Nothing Added
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius.
"Knowing the diet of the animal is important to me because of certain health conditions I have."
3
Adding Recipes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius.
"I think it would be really helpful for recipes to be on the website so I can cook family meals with the meat that I buy weekly."
design artifacts
3.1 | Information Architecture
3.2 | Affinity Map
3.3 | Design System Part 1
3.4 | Design System Part 2
3.5 | Sketches
user testing
Analyzing With Hotjar
I developed deeper insights by analyzing 5 users interacting with the website.
1
Where The Money Is Going
The screen shot should focus on the image about the user testing.
4.1 | Home Heat Maps
2
Where The Money Is Going
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius.
5.2 | Sketches
3
Where The Money Is Going
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius.
5.2 | Sketches
conclusion
Fusce Amet Himenaeos Elit
Lorem ipsum odor amet, consectetuer adipiscing elit. Metus natoque lorem himenaeos fringilla egestas lobortis curabitur fusce.
