Branding Process for The Steam Team

Pictograms, designed by Allan & Hsu Li (Not pictured in two images below):

Screen Shot 2015-04-29 at 1.37.30 pm Screen Shot 2015-04-29 at 1.37.36 pm

Sourcing Recipes:

Recipes were sourced from various sources online, and we took extra care to make sure the dishes we featured had ingredients that provided health benefits that might be particularly beneficial/ relevant to a student lifestyle i.e. Salmon helps one sleep better and is known to reduce incidence of depression and hostility in young adults. These facts are featured as bite-sized fun- facts within the recipes.

Also, we re-worked the recipes to involve just 5 ingredients, and a min. of 3 seasonings, to simplify the cooking process.

Below are links to the original recipes we interpreted from:

1. Toe to Tofu
. Shrimp My Rice
. Quinoa’s Ark
. Something’s Stewin’
. Salmon That I Used To Know
. Get A Shroom: Derek’s own

First draft of recipe cards:

Steamteam recipes12 Steamteam recipes13
Steamteam recipes8 Steamteam recipes9
Steamteam recipes10 Steamteam recipes11
 Steamteam recipes4 Steamteam recipes5
Steamteam recipes6 Steamteam recipes7

Second Draft:

Processed with VSCOcam with f2 preset

The design was further revised to incorporate coloured pictograms.


Screen Shot 2015-04-29 at 2.58.43 pm

Revisions after Session 2 Feedback

Screen Shot 2015-04-29 at 3.07.21 pm Screen Shot 2015-04-29 at 3.07.12 pm
Screen Shot 2015-04-29 at 3.07.04 pm Screen Shot 2015-04-29 at 3.06.55 pm

Issues with hierarchy raised in Session 2 have been looked into and amended accordingly. The ingredients are now framed and contained within a box, visually identifying them as a single unit, and improving the visual hierarchy. More space and slight change in size to the logo also allowed the title of the dish to stand out as the first thing to look at.

Instructions for the prep and cooking process have also been streamlined.

Web versions:

steamteam web3    steamteam web5 steamteam web  steamteam web2

Web versions have also been created, everything centrally aligned, in vertical orientation, to allow ease of scrolling up and down on a virtual interface. The website can be accessed here.

Promotional Posters for putting up around school:

poster-01  poster-02  poster-03

Screen Shot 2015-04-29 at 4.24.17 pm

Poster artwork for Steam Team launch and subsequent sessions. To align with the visual branding of the rest of the material, a similar layout to the recipe cards was used, and a singular graphic indicating the main ingredient of the dish of the next steam-team session used as promotional material.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: