Header image of Consumption app screens displayed across a green photo of a produce aisle.

Consumption Watch

UX/UI Design
Project Overview
The world is burning, and it is often hard to know the environmental impact caused by the products
we consume. The first step towards consuming more
sustainably is to become aware our consumption habits.


Our Goal: Design & prototype a mobile-first responsive website that helps users see the environmental impact of the ingredients they consume.
Contributions
User Research, Surveys, Ideation, User Persona, Wireframe Sketches, Digital Wireframing, Navigation, Style Guide, Iconography, Visual Design.

Time Frame: Three Weeks

Date: January 2020

Surveys were conducted through social media where we received responses from 47 users.

34%

79%

Percent of users concerned about sustainability when grocery shopping.

Percentage of users who are unaware, or unconcerned with the environmental impact of the beef and dairy industry.

As a team we took the user survey data to create an affinity diagram, and then brainstormed feature prioritization.

From out user data we created a user persona, Orion Fitswilliams. He cares about the environment, but he's worried about coming across too pesstimistic to others. Orion is also struggling to balance his convictions with his busy life.

We analyzed competitors to see what they did well, what could be improved, and UI inspirations.

User Flow outlining the main function for the app, and needed feature for minimum viable product.

For our style guide, we wanted to avoid an overly earthy color scheme that might invoke a 90s healthfood store. Inspiration was taken from deep ocean tones, to invoke nature; while cream was chosen to create a warmth. The mood of the design is meant to balance a calm friendly feeling, with clear minimalism.

Prototype