Here Be Dragons

For our web homework we were required to add videos to our site and our theme was dragons! Yesssss.

The video was added in html and then a JQuery script was added to fit the video within columns. The site is also mobile responsive, done through CSS @media. The placeholder text is DnD.

Here’s my page and the link for it: http://www.lufatest.com/humber/gdpw/klaudia/dragons/

Dragons_screenshot

Advertisements

Corporate Identity: Hydra Logo

The product

Hydra sells reusable, collapsible water bottles.

Target market

The owners’ background are in outdoor sports, so it’s no surprise that’s where the target market is initially aimed at: active outdoorsy types who rely on hydration. However, the products are also available for anyone with an environmentally conscious mind. There’s also a kids series featuring children friendly designs.

Benefits of the product

The water bottle is collapsible, which is a great feature for anyone on the go. As well, by using a reusable water bottle the consumer is helping eliminate waste since plastic water bottles have a negative environmental impact.

Creative considerations

How to successfully include a water element and incorporate that this is environmentally friendly product.

Five words to describe the logo

Eco-friendly, hydration, active, modern, and approachable

Logo design

I’m trying to incorporate the water element into the design. The “hydra” logos (designs 1—4) would be drawn as extended water droplets. I haven’t decided on the exact font, but it will most likely be all lowercase and sans serif. Click on the image for a closer look.

GSI Outdoors, Eco-Highway, and MEC are three competitors. The logos vary in design, mostly since other companies specialize in other products than water bottles.

I was playing around with Option 8, but the overall design style will include three droplets within the logo. Leave a comment for further input!

hydra-logo-01 hydra-logo-02 hydra-logo-03

Feature image source: http://amartam.com/logo-design.html

Mobile Responsive Site

For our web development class we were tasked to create a responsive site for both desktop and mobile on the theme of tea or coffee. I chose to do mine on tea.

First, I sourced images from stock images. Then I drew out a few sketches for each page so I could figure out how to resize the images to the appropriate size for each column. The logos for Facebook, Instagram, and Twitter are available for free for web use from the company sites. (I’ll probably resize these logos at a later date.) I got my lorem impsum from here. Both heading and main text fonts are from Google. The background is a pattern that repeats, so the file size is nice and small. The other images were reduced in image and file size in Photoshop.

For mobile screens, I hid most of the images because they only served an aesthetic purpose.

Teatopia

Full site link: http://www.lufatest.com/humber/gdpw/klaudia/tea/

Ad Campaign

I did my ad campaign for Foodland Ontario, which is a provincial organization that aims to bring awareness to Ontario grown food while supporting local farmers and businesses.

The target audience is essentially anyone who buys groceries in Ontario, those interested in tasty food, and those interested in incorporating fresh food in their meals. The main reader audience for Food and Drink, my chosen magazine, is middle class women in their 40s.

Food and Drink is a seasonally published magazine available in LCBO stores for FREE.

DESIGN STRATEGY

I took my inspiration from other food ad designs and decided on a minimal approach. I looked at ads on Pinterest and created a board to collect ideas. My board can be viewed here. Then I started to sketch my ideas out on paper. I started with smaller thumbnails, playing with design and mixed imagery.

EPSON MFP image

EPSON MFP image

I wanted to create a balance between the food and the recipes within the ad. The more I tried to incorporate the recipes, the more I realized I was moving further away from the message of Foodland Ontario and complicating the design. The design was supposed to feature three seasonal recipes underneath the fruit/vegetable.

EPSON MFP image

EPSON MFP image

Final Product

All three ads are identical in layout. The colour theme changes based on seasonal colours: summer, autumn, and winter. As well, the featured fruit also change to highlight what’s available: apricots in summer, squashes in autumn, and apples in winter.

ad_composite

The true focal point of the ads are the food, which are the largest and most central item on the page, moving the viewer’s eye first to that area then to the rest of the page based on hierarchy. The type reflects an organic design. Something fun and inviting for the logo while the tagline’s typeface isn’t too serious or silly.

ad_composite2

Overall, the design is minimalist in order to focus the attention on Foodland’s mission to bring awareness to Ontario’s seasonally grown food. The colours and images catch the viewer’s eye, while the text provides further information on the campaign.

ad_composite3


THE PITCH

My campaign would be successful because it draws the reader’s eye through the use of colour and imagery, and makes them stop to think about seasonally available foods. If you’ve ever eaten a tomato, or an orange, or a strawberry out of its season you know how disappointing the taste can be. However, taste isn’t the only factor involved. By choosing to buy local we as buyers are supporting local businesses, ensuring these places can continue to thrive and provide us with locally farmed food.