UX + UI DESIGN
This was part of an individual school project for my mobile design class. The brief's theme was "design for community."
Backyard gardeners have excess produce going to waste while conscious shoppers are looking to buy locally-grown food. The community needed a platform to connect growers with people interested in getting the freshest produce in their neighborhood—at an amazing price.
A mobile app that makes it easy to find, share, buy, and sell locally-grown produce. The app connects local farmers and gardeners with people looking for healthy, affordable, and fresh fruits and vegetables.
Gain trust though reviews
Contribute to the community
Get product availability alerts
On approaching this problem, it was important to gain a better understanding of farming practices, backyard gardening, and grocery shopping habits in general. I was able to speak in depth with 7 people who shared their experiences with both buying and selling produce.
The combination of interviews and secondary research helped me identify 4 potential users:
- Roland, a backyard gardener who has a surplus of ripe produce and doesn't want it go to waste.
- John, a local farmer who wants to increase sales by setting up an online storefront.
- Sabre, a mother looking to save money on groceries while still feeding her family high-quality organic produce.
- Teresa, is a conscious shopper looking to reduce her environmental impact by consuming eco-friendly farming practices.
Using my user stories, I created a scenario for each to start ideating around I might solve for each of their needs. I then identified key paths of their user journey and mapped out the flow of user steps. Some of the flows I explored included:
- Discover produce
- List an Item to Sell
- Edit profile
- Ask a seller a question
- Send or request money
Mapping the Journey
After scenarios, I “zoomed out” to observe the whole picture. The site map allowed me to design a fluid and intuitive way of navigating the app's content.
For the design process I first started with sketching and then gradually moved up, creating lo-fi wireframes to hi-fi prototypes. Initially, I didn't focus on creating pixel perfect designs as they would change after getting feedback.
I used Invision to create a prototype that could communicate the service as it would be as if it was running like a real app. I tested 7 different paths of the customer journey including:
- purchase an item using the app
- ask a seller a question
- write a review
- change payment methods
- list an item to sell
- view purchase history
- subscribe to a seller
By observing them complete these tasks I was able to uncover things that were confusing, unclear, or needed to be changed.
Feedback + Iterations
As the tests validated or disproved many initial hypotheses, I continued to iterate on the designs. By the end of this process, the app had changed drastically. Through each iteration I honed my visual design skills and learned a lot about information architecture, hierarchy, and typography.
For fun, I decided to go all out and create a logo and app icon. The main design concept was to connect the name of the app “Ripe Here” with the icon. A location pin icon combined with a fruit is used to convey the close proximity of ripe produce.