ROOTS is an interactive web guide that indulges you in food history across cultures.

Roots Desktop

ROOTS is inspired by curiosity about my own roots and others’ cultures around food. This guide serves to feed my love for food by bringing people to the ‘table’ to devour information about the origins of food.

The Problem

ROOTS solves the problem of inaccessible access to valuable information about food sources. Having access to data about food origins and their benefits is important to give users control over their choices around the food that they consume.

The Solution

ROOTS serves as an informational guide for users by providing fundamental data that doesn’t exist within the food industry for day-to-day users. ROOTS provides a solution to finding information about food that connects cultures and cuisine.

Apple Research Snippet Potato Research Snippet

Tools & Technology

    Web
  • Html
  • Css
  • JavaScript
  • jQuery
    Print
  • InDesign
  • Illustrator
  • Photoshop
  • Watercolor

Moodboard

moodboard

Typography

Motion OT

The web logo is created with Motion OT.

Aa

Info Correspondence Pro

This font weight is for body copy.

Aa

Info Correspondence Pro Italic

This font weight is used to highlight information.

Aa

Info Correspondence Pro Bold

This font weight is for headlines.

Aa

Colors

The monotone color scheme is used to show the variations of depth within roots in addition to the simplicity in their basic color.

Buttons

The static buttons on ROOTS aim to enclose information in a unified manner. Underlined buttons are an abstraction of roots in their most basic form; these represent the start of a chain of connections while the enclosed boxes are the roots' final product of joined roots.

Static
Hover State
Active Nav
Hover Nav

Wireframes

Apple Origin Wireframe Apple Variety Wireframe Apple Nutrition Wireframe Apple Recipe Wireframe

Target Audience Interviews

  1. What information do you want to know about the foods you consume?
  2. How much time would/do you like to spend reading about food?
  3. What features would you like to see on a website about food origins?
User 1

- User had an experience of buying blueberries from Chile during the winter and found them to be tasteless.

- User wanted to know what items are best to purchase based on their origin.

- User also wanted to know how the food was grown (if it was processed, organic etc.)

User 2

- User wanted to know what they could create with an item.

- They don’t like to spend much time reading and like short recipe videos that are easy to follow.

User 3

- User wanted to know about other purposes for the foods they consume including their health benefits.

- User likes to read but mentioned they prefer to click on a ‘read more’ link instead of being forced to read something in full immediately.

Technical Expert Interview

  1. What questions do you frequently get from consumers/clients regarding nutrition?
  2. What aspects about nutrition are vital to include?
  3. What methods do you use to persuade users into buying into your products?
  4. How do you advertise your products / what seems to be the most effective ways?

Interviews' Summary

Users from my target audience wanted to know where their food was sourced from and when and where it's best to purchase foods that are in season.

Based on feedback from a technical expert, I decided to include a backside on my printed research to elaborate on health benefits for each food item.

Resources

Weekly Documentation

Research Documents

Bibliography

Summary

Food and curiosity were the seeds to start ROOTS. Sharing food with family and friends is an important interaction for sustainable life. I wanted to create a connective piece on information about food for people to share. The development of ROOTS is a growing project for the purpose of educating people about food history, to culminate genealogies of food as a resource. Digital and print mediums serve to provide accessible spaces where ROOTS can live and grow in the design community.