Harvest Hope
Harvest Hope
Harvest Hope
Designing a mobile app and responsive website to help volunteers engage with a local food rescue organization.
Designing a mobile app and responsive website to help volunteers engage with a local food rescue organization.
Designing a mobile app and responsive website to help volunteers engage with a local food rescue organization.
UX/UI Design User Research
UX/UI Design User Research
UX/UI Design User Research
![Final designs on devices mockup](https://framerusercontent.com/images/hZmzs6CgLtjCo1xl0RwTM4U75I.png?scale-down-to=4096)
Project Context
This project served as the culmination of my Google UX Design Professional Certificate course. The primary objective was to create a versatile tool that fosters social impact and accommodates various devices and user scenarios. I focused on developing a platform that connects volunteers, donors, and individuals facing food insecurity with a local food rescue organization. Specifically, the aim was to simplify the volunteer sign-up process, enable hour tracking, and facilitate timely event updates. Over the course of five weeks, I gained valuable insights into collaborating with local communities and addressing the diverse needs of users.
Design Prompt
Design a tool to help adults get involved in local community service.
Goal
Create an intuitive platform that allows volunteers to sign up for events, track hours, and stay updated on opportunities.
![Image of volunteers sorting food donations](https://framerusercontent.com/images/2eIdeQXr6DPSpWTWykr8Mqb0.jpeg?scale-down-to=4096)
Research
I conducted a competitive analysis of non-profit websites, finding they educate visitors through impact stories, videos, and clear layouts. User research revealed that volunteers value easy event sign-ups and tracking hours, while website visitors are interested in learning about the organization's mission and expect easy navigation. Based on the user research, three personas were created to represent the diverse users.
![User Persona: Alex](https://framerusercontent.com/images/jNEVFVQ3nbUbeMTvivBCGPcQyw.png)
![User Persona: James](https://framerusercontent.com/images/hZQboAymrOKaccn0fsEB9fNJM.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![Image of customer journey map](https://framerusercontent.com/images/hU8vbYYQ31ilQBznenszZIVmbU.png)
Problem
The challenge was to design an intuitive mobile app and website that catered to two different target audiences: volunteers and those interested in learning about Harvest Hope's mission.
![Image of food volunteers](https://framerusercontent.com/images/GwcQZU4HWApSmXwGpdPa5ZGLe4Y.jpeg?scale-down-to=4096)
How might we facilitate connections and empower individuals to address food waste and hunger in their community?
In a society that values social responsibility, many individuals desire to contribute to local causes, but often face challenges in connecting with organizations like Harvest Hope.
Solution
Based on the research, I developed key features and prioritized them for each platform. The mobile app included event sign-up, hours tracking, and notifications, while the website focused on an About Us page, educational infographics, and calls to action. I adopted a mobile-first approach to ensure responsiveness across devices.
![Image of lo-fi wireframes and prototype](https://framerusercontent.com/images/O6IjWFlMYyt01ZC8uqZIGLaUzmQ.png)
Usability Testing
I conducted limited usability testing on a lo-fi prototype, gathering valuable insights: - Users found the home screen cluttered, suggesting a simplified layout. - Users wanted more information on volunteer opportunity timing. - Users liked clear navigation but suggested visual cues for active tabs.
![Image of before and after usability testing](https://framerusercontent.com/images/OU4ldFYk9oLc1uvWZUjkN2l1cw.png)
Final Designs
The hi-fi mockups addressed the usability testing insights, refining the app's interface, navigation, and functionality. Improvements included a simplified layout for better readability, clear details about volunteer shifts, and enhanced navigation cues.
Conclusion
Through this project, I learned the importance of designing for different use cases and target audiences. Prioritizing features based on user needs and conducting usability testing were crucial steps in improving the user experience.
![Final designs on devices mockup](https://framerusercontent.com/images/hZmzs6CgLtjCo1xl0RwTM4U75I.png?scale-down-to=4096)
Project Context
This project served as the culmination of my Google UX Design Professional Certificate course. The primary objective was to create a versatile tool that fosters social impact and accommodates various devices and user scenarios. I focused on developing a platform that connects volunteers, donors, and individuals facing food insecurity with a local food rescue organization. Specifically, the aim was to simplify the volunteer sign-up process, enable hour tracking, and facilitate timely event updates. Over the course of five weeks, I gained valuable insights into collaborating with local communities and addressing the diverse needs of users.
Design Prompt
Design a tool to help adults get involved in local community service.
Goal
Create an intuitive platform that allows volunteers to sign up for events, track hours, and stay updated on opportunities.
![Image of volunteers sorting food donations](https://framerusercontent.com/images/2eIdeQXr6DPSpWTWykr8Mqb0.jpeg?scale-down-to=4096)
Research
I conducted a competitive analysis of non-profit websites, finding they educate visitors through impact stories, videos, and clear layouts. User research revealed that volunteers value easy event sign-ups and tracking hours, while website visitors are interested in learning about the organization's mission and expect easy navigation. Based on the user research, three personas were created to represent the diverse users.
![User Persona: Alex](https://framerusercontent.com/images/jNEVFVQ3nbUbeMTvivBCGPcQyw.png)
![User Persona: James](https://framerusercontent.com/images/hZQboAymrOKaccn0fsEB9fNJM.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![Image of customer journey map](https://framerusercontent.com/images/hU8vbYYQ31ilQBznenszZIVmbU.png)
Problem
The challenge was to design an intuitive mobile app and website that catered to two different target audiences: volunteers and those interested in learning about Harvest Hope's mission.
![Image of food volunteers](https://framerusercontent.com/images/GwcQZU4HWApSmXwGpdPa5ZGLe4Y.jpeg?scale-down-to=4096)
How might we facilitate connections and empower individuals to address food waste and hunger in their community?
In a society that values social responsibility, many individuals desire to contribute to local causes, but often face challenges in connecting with organizations like Harvest Hope.
Solution
Based on the research, I developed key features and prioritized them for each platform. The mobile app included event sign-up, hours tracking, and notifications, while the website focused on an About Us page, educational infographics, and calls to action. I adopted a mobile-first approach to ensure responsiveness across devices.
![Image of lo-fi wireframes and prototype](https://framerusercontent.com/images/O6IjWFlMYyt01ZC8uqZIGLaUzmQ.png)
Usability Testing
I conducted limited usability testing on a lo-fi prototype, gathering valuable insights: - Users found the home screen cluttered, suggesting a simplified layout. - Users wanted more information on volunteer opportunity timing. - Users liked clear navigation but suggested visual cues for active tabs.
![Image of before and after usability testing](https://framerusercontent.com/images/OU4ldFYk9oLc1uvWZUjkN2l1cw.png)
Final Designs
The hi-fi mockups addressed the usability testing insights, refining the app's interface, navigation, and functionality. Improvements included a simplified layout for better readability, clear details about volunteer shifts, and enhanced navigation cues.
Conclusion
Through this project, I learned the importance of designing for different use cases and target audiences. Prioritizing features based on user needs and conducting usability testing were crucial steps in improving the user experience.
![Final designs on devices mockup](https://framerusercontent.com/images/hZmzs6CgLtjCo1xl0RwTM4U75I.png?scale-down-to=4096)
Project Context
This project served as the culmination of my Google UX Design Professional Certificate course. The primary objective was to create a versatile tool that fosters social impact and accommodates various devices and user scenarios. I focused on developing a platform that connects volunteers, donors, and individuals facing food insecurity with a local food rescue organization. Specifically, the aim was to simplify the volunteer sign-up process, enable hour tracking, and facilitate timely event updates. Over the course of five weeks, I gained valuable insights into collaborating with local communities and addressing the diverse needs of users.
Design Prompt
Design a tool to help adults get involved in local community service.
Goal
Create an intuitive platform that allows volunteers to sign up for events, track hours, and stay updated on opportunities.
![Image of volunteers sorting food donations](https://framerusercontent.com/images/2eIdeQXr6DPSpWTWykr8Mqb0.jpeg?scale-down-to=4096)
Research
I conducted a competitive analysis of non-profit websites, finding they educate visitors through impact stories, videos, and clear layouts. User research revealed that volunteers value easy event sign-ups and tracking hours, while website visitors are interested in learning about the organization's mission and expect easy navigation. Based on the user research, three personas were created to represent the diverse users.
![User Persona: Alex](https://framerusercontent.com/images/jNEVFVQ3nbUbeMTvivBCGPcQyw.png)
![User Persona: James](https://framerusercontent.com/images/hZQboAymrOKaccn0fsEB9fNJM.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![User persona: Lisa](https://framerusercontent.com/images/5W9JMXe6Ps6cVmh4IJ6Kl4WK9E.png)
![Image of customer journey map](https://framerusercontent.com/images/hU8vbYYQ31ilQBznenszZIVmbU.png)
Problem
The challenge was to design an intuitive mobile app and website that catered to two different target audiences: volunteers and those interested in learning about Harvest Hope's mission.
![Image of food volunteers](https://framerusercontent.com/images/GwcQZU4HWApSmXwGpdPa5ZGLe4Y.jpeg?scale-down-to=4096)
How might we facilitate connections and empower individuals to address food waste and hunger in their community?
In a society that values social responsibility, many individuals desire to contribute to local causes, but often face challenges in connecting with organizations like Harvest Hope.
Solution
Based on the research, I developed key features and prioritized them for each platform. The mobile app included event sign-up, hours tracking, and notifications, while the website focused on an About Us page, educational infographics, and calls to action. I adopted a mobile-first approach to ensure responsiveness across devices.
![Image of lo-fi wireframes and prototype](https://framerusercontent.com/images/O6IjWFlMYyt01ZC8uqZIGLaUzmQ.png)
Usability Testing
I conducted limited usability testing on a lo-fi prototype, gathering valuable insights: - Users found the home screen cluttered, suggesting a simplified layout. - Users wanted more information on volunteer opportunity timing. - Users liked clear navigation but suggested visual cues for active tabs.
![Image of before and after usability testing](https://framerusercontent.com/images/OU4ldFYk9oLc1uvWZUjkN2l1cw.png)
Final Designs
The hi-fi mockups addressed the usability testing insights, refining the app's interface, navigation, and functionality. Improvements included a simplified layout for better readability, clear details about volunteer shifts, and enhanced navigation cues.
Conclusion
Through this project, I learned the importance of designing for different use cases and target audiences. Prioritizing features based on user needs and conducting usability testing were crucial steps in improving the user experience.