Domain: Food

We started with the domain of food. Within this domain, we wanted to explore the ways in which people experience eating, or how they may go about choosing what food to eat.

As a result, we started ideating by identifying step-by-step goals for a typical user. We created an experience map to help lay out the steps, moods, and frustrations an example user would go through while navigating our app.

Inspiration

After looking at various food application such as Yelp and Open Table. We realized that a majority of the food applications presumed people who were interested in food would prefer to eat alone, or had pre-existing company.

However, through research we realized that often people prefer not to go out and eat if they cannot find someone to go along with them. As a result, we have introduced Humango, and application targeted towards foodies who would like to try various foods, without the hassle of finding friends to attend with.

During our wireframing phase, our team also looked at these apps for inspiration and precendence, and drew out basic wireframes for these apps to try to identify the hierarchy and importance of their features, and to try to find any significant trends.

Style guide & Platform

We chose our design platform to be iOS, which could take advantage of a primarily monochromatic color scheme and focus on flat design and a clean interface.

Our use of the orange colour palette (center) stemmed from our desire to showcase the app with an adventurous and warm tone to get users in that mindset of discovering new food and meeting new people.

Sketches

We began the design with sketching out grey-box wireframes to layout the general architecture of our app and the menus, icons, and features we were thinking of implementing.

Our team then tried to replicate this digitally and refine parts of the design over several iterations.

User Research

Through user research we realized the need to simplify certain features, or completely redesign how the user interacts with them.

Changing the way in which users were able to create and access their joined groups has clarified our overall design and has since created a simpler interface the user can understand.

Final Iterations

Over multiple stages of brainstorming, sketching, wireframing, and user testing, we refined Humango's interactions as well as its look and feel, improving upon the early mockups and grey-box wireframes that were used a foundation for our app development.

Some of the before and after results are shown below, for our final iterations of
Humango's login, discover, and meetups pages.