Visual Communications Breif 2

We have been given our new brief for Visual Communications. It’s called the iWonder Brief.

Basically We’ve been given the task to create a magazine cover, double page spread and 4 add shells for the new BBC iWonder programme that will be airing in January 2015.
You can visit the website here:

There are many different topics on the iWonder website, so I shall be choosing one for the magazine and a single add-shell, then maybe three other categories / topics for the rest of the adds.

These advertisements can be anything from posters to billboards.

Keep reading this blog to see my response to this new project! ^^


Planning for iWonder

To start off I decided to do lots of brainstorms and sketches (these make sense to me, they may just seem messy to you) – I began by doodling as I always do, then annotating these doodles before altering them to fit into the vision I have in mind.
You can click on these images to enlarge them, they are my own work and thoughts.

image1 image2 image3 (1) image3 image4image5The topic I decided to go with was “How did your family live in WW1?” I decided to choose this project because I already had the appropriate photographs for this subject and felt I could utilise them well. These sketches were the beginnings of my magazine layout (and the add shells) which I shall show you in the next post!

iWonder Magazine Layout

Here is the beginnings of my magazine spread, I started to play around with the question mark of the iWonder because it really emphasises that the TV show is based upon common questions that people may have in everyday life. I decided to use the photograph of my sister’s face because it really portrays pure emotion, the kind of expression I’d imagine a victim of war to have after a bombing had finished. The fact that the girl in the image is young and crying will effect the audience in such a way that they will almost feel like they want to know why she’s crying and want to help – much like a family member would. This curiosity also links to the ‘wonder’ in iWonder. I hope to engage people and make them want to know what really did happen to their family in the war.

Screen Shot 2014-11-12 at 14.25.04Screen Shot 2014-11-12 at 14.25.34 Screen Shot 2014-11-12 at 14.25.36 Screen Shot 2014-11-12 at 14.40.59Screen Shot 2014-11-12 at 14.41.09 Screen Shot 2014-11-12 at 14.42.47 Screen Shot 2014-11-12 at 14.55.48 Screen Shot 2014-11-12 at 14.55.50 Screen Shot 2014-11-12 at 16.12.45 Screen Shot 2014-11-12 at 16.12.51 Screen Shot 2014-11-12 at 16.15.10

Screen Shot 2014-11-12 at 16.17.00

This is the photograph I decided to use as the main image for my first draft: (THIS PHOTOGRAPH IS MINE)


As for the design so far, I have decided to choose one colour per spread, this colour shall change for every spread that’s published – the colour shall definitely be shown in the logo, though I may change it. I plan to have the colour shown throughout the spread elsewhere too. The text is cut on a horizontal line to fit next to the cut of the image where the text comes out. See below.
Screen Shot 2014-11-24 at 15.26.19

Poster Layouts

After playing around with the layouts for my magazine spread I had gained some inspiration for what I wanted the adshel advertisements to look like. I wanted to make sure both of my designs keeps within the same style guidelines of each other not only to make it look more professional, but also so people will recognise iWonder as a brand instantly. Below I have included many screenshots of me creating the posters – I figure this is an easier way of showing you my design process as a pose to explaining with words.
I used Adobe Photoshop to create these, you can click on the images to enlarge them. ALL IMAGES ARE MINE.

Screen Shot 2014-11-26 at 13.50.43 Screen Shot 2014-11-26 at 09.15.22 Screen Shot 2014-11-26 at 10.17.34 Screen Shot 2014-11-26 at 10.36.15 Screen Shot 2014-11-26 at 12.49.35 Screen Shot 2014-11-26 at 12.51.55 Screen Shot 2014-11-26 at 12.52.49 Screen Shot 2014-11-26 at 12.53.25 Screen Shot 2014-11-26 at 13.06.27 Screen Shot 2014-11-26 at 14.00.41 Screen Shot 2014-11-26 at 14.01.43 Screen Shot 2014-11-26 at 15.47.44 Screen Shot 2014-11-26 at 15.47.46 Screen Shot 2014-11-27 at 12.38.27 Screen Shot 2014-11-27 at 12.38.31 Screen Shot 2014-11-27 at 13.11.11 Screen Shot 2014-11-27 at 14.48.05 Screen Shot 2014-11-27 at 15.05.22 Screen Shot 2014-12-01 at 09.41.30 Screen Shot 2014-12-01 at 09.57.20 Screen Shot 2014-12-01 at 09.59.28 Screen Shot 2014-12-01 at 10.02.19 Screen Shot 2014-12-01 at 10.02.37 Screen Shot 2014-12-01 at 10.04.03 Screen Shot 2014-12-01 at 10.04.09 Screen Shot 2014-12-01 at 11.48.33 Screen Shot 2014-12-01 at 11.52.11 Screen Shot 2014-12-01 at 18.19.02 Screen Shot 2014-12-01 at 19.46.59

I origionally planned to do something creative with the question mark of the iWonder logo, but the reason I created my own circle logo from the question mark instead is because I think just using the question mark as it is would’ve been not only a little obvious, but I would’ve felt like I cheated haha.

Below I have included examples of my progress so far, click to enlarge.
Adshell 1 Adshell 2 Adshell 3 Untitled-3

I am not sure these ads entirely fit the ‘one glance explains it all’ criteria for adshells – I have already shortened the original iWonder phrases so that they are easier to read from a distance and in a short space of time. To try and address this issue (though it isn’t particualy an issue as they will be a lot bigger and easier to read anyways) I have played around with a couple of other designs, see these below:

6 8 as dasd moson sas

The final two designs are the ones I like the best because of their simplicity and because they are really easy to read and grasp while still making people ‘wonder’ because of the picture. The photos I have used are below: THESE ARE MY OWN PHOTOS, STYLING, HAIR, MAKEUP ECT
IMG_8389 IMG_0809.EDIT2 IMG_1s082 copy IMG_5h175a
I shall be designing the rest of my project in the same style

Final Superimpositions

Here are the final superimposed versions of my BBC iWonder designs. I have kept the screenshots from Adobe Photoshop in this post so you can visually see how I warped the two flat images together to look like they are one image.

Screen Shot 2015-01-04 at 10.41.37Screen Shot 2015-01-04 at 10.41.32Screen Shot 2015-01-04 at 11.04.58 Screen Shot 2015-01-04 at 11.05.11 Screen Shot 2015-01-04 at 11.05.15Screen Shot 2015-01-04 at 12.02.32

On to the second magazine layout:
Screen Shot 2015-01-04 at 12.14.16 Screen Shot 2015-01-04 at 12.17.40 Screen Shot 2015-01-04 at 12.17.51

Third is the inside of the magazine:

Screen Shot 2015-01-04 at 12.35.57 Screen Shot 2015-01-04 at 12.40.44 Screen Shot 2015-01-04 at 12.45.24 Screen Shot 2015-01-04 at 12.46.05 Screen Shot 2015-01-04 at 13.04.17 Screen Shot 2015-01-04 at 13.21.12???????????????????????????????????????????????????????????????

I found it difficult finding a magazine online for free that was of a high enough resolution to superimpose my image so I ended up buying two separate images (for £10 each no less -.-)

Below are the impositions for my adshels, I have used the same photoshop techniques as the images above so I haven’t included any screenshots of the photoshopping process:

Adshel 3 copy Adshel Super-Imposed 1