Jenifer Wong Design
GC cover.png

Growing Chefs!

GC header.png

GROWING CHEFS

User Interface (UI) - Responsive Web Design


 

OVERVIEW

Growing Chefs (GC)is a non-profit organization that aims to educate children, families, and community members about healthy eating and healthy food systems. GC teaches kids about healthy food and healthy food systems by putting chef volunteers into elementary schools. Many kids are unaware of where their food comes from and how their food choices affect their health, their community, and the environment. The value of the website to its users is that more kids will receive hands-on education on healthy food and healthy food systems. The current website is quite old and outdated; it needs a fresh redesign and clean up of information architecture.

 

TIMELINE 

3 weeks

PLATFORMS

Mobile Device & Desktop

ROLE

UI Designer

TEAM

UI: Jenifer Wong, Victor Guo

UX: Angel Wen, Eric Li

TOOLS

Sketch, Illustrator, Photoshop, InVision

DESIGN METHODS

Design Inception, Visual Language (Mood, Colour, Shapes, Movement), Moodboard, Art Direction, Style Tiles, Style/Brand Guide, Iconography, Typography, Illustration, Logo Design, Gut Tests

 

I visited one of the elementary school classrooms to see the Growing Chefs mission in action with children.

I visited one of the elementary school classrooms to see the Growing Chefs mission in action with children.

THE CHALLENGE

PROJECT GOALS

  • increase volunteer sign up

  • increase online donations, and

  • promote the Growing Chefs mission (why they do what they do, who they are, and how they do it)

  • The website will be built on Squarespace, so the design will be created with a responsive Squarespace template in mind.

TARGET AUDIENCES

  • Volunteers (chefs and individuals passionate about food)

  • Participating teachers

  • Participating students and their parents

  • Individuals passionate about supporting local food initiatives


THE SOLUTION

 

FINAL STYLE GUIDE

Style Guide.png
 

MOODBOARD

Screen Shot 2018-06-07 at 7.48.30 PM.png
 

COLOUR PALETTE ITERATIONS

 

TYPE PAIRINGS

Screen Shot 2018-06-12 at 3.15.28 PM.png
 
 

WIREFRAMES


 

DESKTOP PROTOTYPE

 
 
 

MOBILE PROTOTYPE