Food donation app and website to help eliminate food waste while helping to feed the hungry. The process involves getting food donations from donors to recipients. The app also allows users to volunteer for transportation of food and other works
Food waste is a huge problem in the world, nearly half the food created, grown & processed goes waste. One in thousand face hunger. Hunger is not a scarcity issue, but rather a logistics.
Design a responsive website for charity that allows users to easily donate, receive & volunteer with easy steps through online.
UX designer designing a responsive website for Charity from conception to donation.
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
● I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was working people.
● This user group confirmed initial assumptions about Charity app’s users, but research also revealed that time was not the only factor limiting users from donating. Other user problems included obligations, interests, or challenges that make it difficult to step out from their house.
Problem statement:
Shivani is a busy working adult who wants to help society by
donating what she can through
fundraiser because they have no time
for going outside their home.
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy donating process to help users save time.
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Using the completed set of digital wireframes, I created a
low-fidelity prototype.
The primary user flow I connected was building and make donations,
so the prototype could be used in a usability study.
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups.
The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Early designs allowed for
some customization,
but after the usability studies,
I added additional options to
navigate through the app menu.
I also revised the design
so users see all the
customization options when
they first land on the screen.
The second usability study
revealed frustration with
the form filling.
To streamline this flow,
I added one simple
form filling screen.
The final high-fidelity
prototype presented
cleaner user flows
for organization
information and
money transfer.
It also meet user
needs for more
customization.
The designs for screen size
variation included mobile,
tablet, and desktop.
I optimized the designs
to fit specific user needs
of each device and
screen size.
