Understanding Integrated Marketing Communication by creating my own web ad

Disclaimer: This blog and its author are not affiliated with Epicurious in any way. Designs featuring their likeness are for educational use only. 


This week, we discussed integrated marketing communication (IMC), a brand’s development and execution of a cohesive multi-channel identity campaign that immerses the target consumer in a consistent experience every time they encounter the brand. In this week’s assignment, I am highlighting the new visual IMC campaign launched this week by Epicurious, a recipe website owned by Condé Nast.

I really like using Epicurious to help find new recipes and I always enjoy the expert cooking tips they provide for those trickier dishes. Their previous website was pretty cluttered, a little bit too much for the user to focus on at one time. This week, Epicurious relaunched their entire brand, including a new, better website, promoting it across multiple platforms including social media and magazine advertising. Instead of just being a recipe website, Epicurious wants to be known as a “food utility” — an invaluable tool for home cooks to not only find new recipes, but to be inspired to push themselves to try even more.

Logos

Epicurious’s visual IMC campaign features this message and refreshed new logo. For consistency purposes, the brand chose to keep with their same color palette of red and white. Not only did they post a detailed article on their rebranding on their website, Epicurious also posted the announcement and new logo to their Facebook, Twitter, and Instagram pages. 

Screen Shot 2015-02-06 at 10.02.34 AM

Screen Shot 2015-02-06 at 10.03.00 AMScreen Shot 2015-02-06 at 10.03.31 AM

The inspiration for my own Epicurious web advertisement came from a print ad they placed in Glamour magazine and a promotional video they created for the rebrand posted to their social media.

magazinead

Full-page ad in February 2015 Glamour magazine

 

 

In my own web advertisement, I wanted to play off the branded message that Epicurious is more than just a recipe website, they are a valuable all-in-one resource – a “food utility.” When I thought of the word ‘utility,’ I thought of another all-in-one tool, a swiss army knife. This image became the basis of my design.

I started with a red background, sampled with the eye dropper from the Epicurious logo. To make my version of a swiss army knife, I created the custom shape in Illustrator for the handle. I then copied this shape into Photoshop. For its tools, I used a free cooking themed set of wingdings called Cocinitas (from dafont.com). I placed each cooking icon on its own layer and rotated and resized accordingly. I also converted each letter layer into a shape layer so they could be resized without having to adjust font size. Because I could not find a good high-resolution image of the Epicurious “epi” logo, I traced it in Illustrator before placing it into Photoshop. I then added two circles to form the handle screws. I selected all of the layers involved in the swiss army knife and linked the layers so I can resize them all at the same time. Finally, I added drop shadows to the handle and tools to add depth. I kept the shapes white, to keep consistent with the print ad.

Screen Shot 2015-02-06 at 10.44.06 AM

Free wingdings from Dafont.com

I then began to place the text. For the top message (“Introducing the first ever FOOD UTILITY”) I used Helvetica, the same font used in the original ad, in order to keep visual consistency. I took the bottom slogan (“Get Inspired. #NewEpi”) from their video. I was also able to use the same typography here, Helvetica and a free font, Southpaw, from dafont.com.

For the footer text, the full Epicurious logo, I found a larger image that I placed into Photoshop, however I had to select the background of this logo with the magic wand tool and discard it since the color did not exactly match my existing background. I then tried to clean up the white lettering of the logo by using the Sharpen Filter, and by using the paint bucket tool to fill in the lettering with more white. For all of the actual text in my advertisement, I added a slight Outer Glow effect so it appeared brighter against the red background.

Finally, I wanted to add some texture to the background. I started with a high resolution wood background image from Flickr and placed this behind my red background. I then added a layer mask to the red background layer and shaded in grey so to appear opaque, revealing the texture of the wood below.

Backgrounds

Background images used

To make the footer appear more interesting, I added another layer between the red and wood backgrounds with an image of berries (from Flickr) and added a mask with a black/white gradient so the berries would appear to fade into the wood. To improve the blending of the wood and the berries, I applied a Desaturate style to the berry layer and adjusted the opacity of the mask on the red background where the berries show through.

By keeping the messaging, color scheme, typography and general design consistent, I believe my advertisement would fit in well with the current Epicurious integrated marketing campaign. In my opinion, it may even better illustrate the message that their website is meant to be an invaluable tool to all home cooks, not just another recipe website.

Grunewald_DesignShowcase5

A Valentine’s Day chalkboard sign using layer styles & typography

Screen Shot 2015-01-28 at 8.04.37 PMThis week, I created a chalkboard sign in Photoshop using free downloadable layer styles and various typography. For my design, I chose to create a sign for local Seattle coffee chain (and a personal favorite), Caffe Vita for an upcoming fictitious Valentine’s Day special.

Before I started my project, I added the already-created layer styles simulating a chalk pattern provided by my instructor to my layer styles. I went to my Styles panel and selected “Load Styles.” I then chose one of the instructor-provided chalkboard backgrounds, set at 600 px by 800 px, as the base layer of my sign.

I wanted to use a variety of fun fonts in my design in order to replicate popular chalkboard sign styles, so I canvased my favorite free font website, dafont.com, for new typography. For my text, I chose GrutchShaded (a hip serif for the name of the coffee shop), Moon Flower (a skinny hand-drawn type for that homemade flare), and Handy Handy (an obviously handwritten font to add to the realism of the sign). For consistency, I chose to only use two fonts for the majority of the design.

Project Fonts

Typography used in this project

After I typed out my text, I added the chalk pattern layer styles I added to my panel earlier. I went to Window —> Styles to open my panel and went through each layer of text and added a colored chalk pattern. In order to vary the roughness of the chalk, I opened up the Pattern Overlay layer style menu and adjusted the scale of the pattern to fit my desired appearance for some layers.

Adjusting the scale of the chalk pattern overlay

Adjusting the scale of the chalk pattern overlay

I wanted to add some pictorial elements to my sign as well. Per my assignment instructions, I was only allowed to introduce pictures by way of wingding fonts. Again, I scoured dafont.com to find wingdings of coffee cups and hearts, to go along with the Valentine’s Day theme. I found New York, New York 2 (‘Z’ is a coffee cup), and heart-themed My Valentine’s Love.

When placing the coffee cups, I did so in two separate layers and flipped one cup horizontally (Edit —> Transform —> Flip Horizontal) in order for them to appear facing one another. I then joined these two layers so I could move and resize both cups at the same time. I also adjusted the scale of the pattern overlay.

When placing the hearts (in this case, “M”) I rotated the pictorial text about 45 degrees and adjusted the scale of the pattern overlay in order to appear like steam rising from the coffee cups.

I placed my instructor-provided decorative ornaments last by going to File —> Place Embedded and resizing the images (and my text) accordingly. I added the chalk pattern layer styles to these layers as well.

Finally, because I had so many different layers of text, I decided to group relevant layers into folders to improve my file organization.

See my final sign below! I really like the overall effect the chalk pattern layer style gave the typography and I think with the right choice of fun and handwritten fonts, the effect comes across fairly realistically. Now to crack how those baristas actually hand-draw those cool signs without any help from Photoshop!

Grunewald_DesignShowcase4