WeCook is a platform to connect people who love to cook, with hungry customers in their local community.
-- Heroku Link: WeCook
Note: Meal data is available for the date 1/1/2019 and the post code N19 4AH only. Error handling is not in the current version.
We already had an idea of the audience's problem and design week allowed us to:
Defining the user(s) and their problems clarified our thinking about what features were essential for building our MVP. We realised we have two distinct groups of users - cooks and customers.
We decided to focus on the customer user journey and in particular the problem:
I am a busy professional who seeks home cooked food for my family but often don’t have the time to cook myself.
So our MVP journey became:
As a user I want to be able to see the meals available in my area on my chosen delivery date, further information about the meals, add them to my basket and checkout.
We used Dribbble and secondary research to identify a number of designs that inspired us. The clear consensus was that the team wanted:
A clean interface - easy to use, well structured and also gives the user a sense of 'cleanliness'.
Images at the heart of the design - pictures of the meal and the cooks should be central to the design to create trust and a better UX.
The next step was to build greyscale wireframes for the customer journey we identified for our MVP.
For example, for our meal list page:
This allowed us to understand what information should be on a page, what is the most important information and where it should be positioned.
We then took our greyscale wireframes and added a colour scheme to them. Creating the correct colour pallete was essential for our design. We wanted our colours to demonstrate cleanliness (white) and freshness (blue and green)
We used Flat UI Colors, Color Palettes and 0 to 255 in order to find the correct column scheme leading to our Figma prototype
We then took the Figma prototype to the streets of Nazareth for user testing to get feedback on the business concept and the design.
We received some valuable insights, both positive and negative, notably:
Strengths | Weaknesses |
---|---|
Like the community aspect of the idea | Important to build trust between customers and cooks |
The design was received well | Visuals should be even more important in the design |
Most said they would be interested in using the app either as a cook or customer | Allergy & Religious food concerns should be clear in meal tags |
We then iterated on our design to address the concerns highlighted in the user testing:
Trust - Reviews and imagery are key to building trust. Also important to give cook guidelines on how to write their description to build empathy.
Visuals - We added a large gallery component to the original designs for the meal and cook information pages.
Food Concerns - We added clear tagging on the meal information page for allergy and religious information and also functionality to message the cook.
A full overview of the user testing insights can be found here
We used the following technology in our project:
The database for our projects includes the following 7 tables and keys:
With a little bit more time we would add the following to WeCook: