Farm to Table E-Commerce Fresh Produce Store
Project Overview
Farm to Table is an e-commerce store that allows users to get farm fresh produce, from local farmers, delivered straight to their door.
It links families with local producers, to ensure fresh, delicious and nutritious produce is delivered quickly. This easy link helps to promote healthier eating for the community.
The Problem
With the ever changing, fast paced landscape of today, it is becoming harder to spend time at the market picking out the freshest fruit and veg.
Farm to Table aims to reduce the time taken to shop for healthy options for your family, by delivering hand picked produce, from the farmers themselves, straight to your door!
The Solution
Design an app that simplifies fresh produce shopping, by offering users the following key features:
- Shop from local farms for the freshest ingredients
- Fresh produce that is delivered straight to your door quickly
- Autofill search options for a more streamlined shopping experience
- Ability to add multiple items to your cart before checkout
- Ability to use a variety of payment methods that suit you
- Providing you with coupons to save on future shops
The Design Process
Ideate
User Stories
We started off by integrating three user stories within our app, to include features that would be essential for its success.
User Flows
We then moved on to develop user flows, from our user stories, to ensure our e-commerce store would have smooth transitions for our users. We utilised Miro for the final result below.
Prototyping
Once our user flows were finalised, we went on to create low fidelity digital sketches of our screens, using the Mockup app.
Design
Mid Fidelity Wireframes
We went on to create an initial set of mid fidelity wireframes for our designs, in order to implement valuable testing in the next phase of development.
Testing
Usability Testing
Usability testing was undertaken with four users, to help refine design choices, as well as, the functionality of our app.
- From our results, we removed the plus icon in the bottom navigation menu, that confused users.
- We changed our CTA buttons so they were all round and consistent.
- We added an extra screen to show increased quantities for more clickable options, on our prototype.
Preference Testing
We also undertook preference testing of a light versus dark design, with 12 participants, using Lyssna (formerly Usability Hub).
The majority of our users (seven in total), favoured our light screen design.
High Fidelity Wireframes
After many rounds of testing and iteration, these were our final screen designs.
Responsive Design
We then went on create a desktop design for Farm to Table, as we felt a lot of people would be accessing the fresh produce e-commerce store, from home.
Style Guide
Reflection
Early testing post mid fidelity creation, worked well and allowed us to refine our design to exceed user's needs.
Feedback during preference testing was also invaluable in locking in our final design
Next time, we would like to create more interactivity within the app, so that users can view other shoppers' lists for inspiration.
We would also like to implement a recipe section within the app to promote nutritious meals for our users.
Overall, we think Farm to Table was a great success for users and we would all love to start using it soon.
