Nutrivore is an educational web application created during my time at Staffordshire University as part of my final year project. The goal of the project was to encourage people of all ages to grow their own food at home by teaching them how to do so, along with the health and environmental benefits.
Users are able to search a variety of foods to choose what they would like to learn to grow, as well as view the health benefits of each item.
- UX & Usability Research
- Interface Design
- Icon Design
- Responsive Web Design
- Front-End Development
Responses from over 500 participants helped to create project requirements, personas, and user scenarios.
Personas created using the survey results helped to prioritise features and understand the target audience.
User stories derived from survey results and personas were defined to form the basis of the design phase.
As the core message of this project was health and sustainability, the colour palette had to capture and reinforce it.
For this reason, Greenery, the 2017 Pantone colour of the year was chosen as the primary colour.
Varela Round was chosen as the typeface for this project and was used for both heading and body text. Its rounded corners provide a soft, friendly feel ideal for users of all ages.
Once all wireframes had been created and all style selection (colours, type, icon design) was complete, all elements were used to design high-fidelity mockups.
This project and its accompanying dissertation achieved a first class grade from Staffordshire University.
Check out the finished product in more detail by visiting the live site using the demo login credentials provided.
Demo Login Info
Username: Demo Password: DemoPassword123View Live Site