YCN - Final YCN Submission

These are the final submission boards we entered into YCN. We altered the final crit presentation boards slightly, adding another page outlining the brief and our solution aswell as a page outlining our contact details.

YCN - Final app designs / Mock ups

YCN - App page development

For the other pages, we decided to focus on deliveries (forming the dashboard / first page on the current Graze website) and a product page in order to give insight how the app would look. I used the yellow and brown colour scheme along with a tone of black for headers / sub headings. As Graze is based on a like / bin etc system, people may go back to old Graze boxes and alter their preference. Using this basis, I decided to feature the 4 products provided in their previous box which would link out to the product page.

As I added a subtle grey to white gradient simply to add emphasis, I needed the product shots featured on the site to be transparent so I erased the background in Photoshop and placed in Illustrator.

I also added our mock up Graze box photograph alongside a 'your next box' header accompanied by a 'Change?' button if the user wishes to change their delivery date. I originally had this bottom but thought it would make sense to have the boxes in reverse order with the newest box at the top.

For the product page, I needed to incorporate the 'bin / try / like / love' system they currently have on the website so users could select what foods they want / want to try for their future boxes. I also designed links out to the ingredients and nutritional information. I used a grid to make sure everything was aligned succinctly.

YCN - App development

I started to design some initial login pages for the Graze application, focusing on simplicity and user navigation. I initially used the yellow spot colour featured throughout our products but we later decided to use brown in order to reference the box itself (this was also to match with our revised app icon design after the crit feedback).

I used the Facebook app design (featured here) as inspiration for the login page. I used a solid background but later altered this to a subtle, radial gradient, adding a highlight to the login fields.

To simplify navigation, I designed a few more icons to indicate profile, boxes / deliveries and nutrition, alongside an apple (graze products). I also ensured the line thickness was consistent throughout.

This is the revised Graze login page using a brown background with a yellow 'login' button. I tried to ensure the text was large enough when viewed on a phone. I also added a subtle shadow underneath the search fields so they seemed more prominent.

YCN - Final crit

feedback sheets

Board corrections

- Flatten the InDesign file and export as an interactive pdf
- Ensure resolution is sufficient
- Dont place large images and scale down, make sure they are the correct size prior to importing
- Include your name and the brief
- Include the concept statement, stock / colour / digital specifications etc

To do list:

- App development and mock ups
- Photograph tubs with products (Monday)
- 1 more presentation board (split board 4 into app and marketing)
- Look at nutrition and notebook contents (vectors on board 3)
- Correct colour issues
 Translate final crit boards into final YCN A2 boards

YCN - Final crit presentation boards

For the presentation boards, we tried to translate the design aesthetic we used for the Graze brief in order to keep it consistent. Aforementioned, the birds eye view photographs allowed us to manipulate our designs onto the existing products whilst showcasing the range itself as clearly and succinct as possible.

1) Background / brief / solution (resolution) - Graze logo and iconography

2) Full product range shot - target audience, colours, print processes / specification

3) Vector versions of designs including stickers

4) Direct mail (teaser box) and iPhone application

YCN - Mock ups

YCN - Photography

We printed off a set of stickers using the iconography we designed to then apply to the existing Graze boxes and photograph. For the teaser box, the sticker would give an insight into the product inside.

For the final crit, we chose to photograph the box and its content to form a basis of our packaging mock-ups. We decided to avoid printing the box itself as it would be too difficult to source the kraft stock. Instead, we chose to manipulate our designs onto the existing packaging.

YCN - Product lid

YCN - Sticker designs

Based on initial design ideas, we decided to print off a set of stickers to act as a visual stimulus throughout our Graze range. These will be applied to the boxes (main Graze box and teaser mailout) to act as a closing mechanism and (with the latter) give insight into the product inside. Using the yellow we selected, we initially looked at various shapes and applied our chosen design to our design idea.

For the inserts, we settled on the idea of using a 'Graze' sticker to be applied onto the notebook and nutrition booklet. However, due to its small scale (around 25mm x 25mm), we could not use the full Graze logo as the '.com' and slogan would otherwise be illegible. 

YCN - Teaser box designs

I experimented with various layout and composition ideas, using the icons we designed as a reference. I used the yellow throughout to ensure brand consistency. The brown is in place of the brown Kraft stock Graze use.

YCN - Colour

In order to keep our visual identity consistent whilst keeping the print production costs low, we wanted to use a limited colour palette. I looked at several colour swatches to see which would be the most effective in terms of:

1) Reflecting the Graze brand
2) Working across a range of deliverables including the kraft stock
3) Appeal to the target audience

I initially looked at relatively 'earthy' colours - greens, browns, oranges etc, using the products as a basis of the colour swatches. We decided that yellow was the most effective, especially against the brown stock and its connotations / associations.

Yellow connotes energy, happiness, optimism and is ultimately attention-grabbing. Since it's always been associated with the sun, yellow has traditionally been considered a cheerful color. Yellow is also the first color most people see in early spring, when the daffodils begin to bloom. 

Pantone

We looked through the Pantone Uncoated swatch booklet to source a spot colour we could propose for the packaging / promotional materials. We chose the colour that most resembled the yellow we chose on screen - Pantone Yellow 012 U.

YCN - Colour iconography

Although we agreed to a limited colour palette, I decided to experiment with applying colour to the iconography, simply to see how it'd look. These could always be used through its online presence but to keep it consistent, we are going to stick with one colour iconography.

I looked at two different fill / highlight processes - one with the fill slightly offset from the stroke and the other, a solid colour with subtle white highlights. As the iconography consisted of outlines, it was easier to do the first as opposed to the latter.

I applied this offset colour technique to the rest of the icons. Although the colours vary quite substantially, I ensured the icons themselves stayed intact in order to keep a sense of consistency throughout.

YCN - Box development

Looking at some initial design ideas, experimenting with colour and layout, scale etc.

I quickly re-created the Royal Mail 'Postage Paid' stamp to give a sense of realism within our initial (and ultimately our final) mock ups - there's still some errors however.

I took some photographs of the Graze box to devise some initial mock up designs. Using the clone tool in Photoshop, I began removing the logo, address sticker and royal mail stamp so I could apply my own design. We also looked at how the Graze box would be seen in a portrait orientation as opposed to the standard landscape format.