the map

this is the map that i worked on. it started of as plain piece of paper which i put through the printer putting the map i had drawn in photoshop on it. i then scrunnched it up into a ball several times then spilt tea and wine on to the map and teared it a bit to create the worn look. i then made some blood splats and put them on the map. they are our link buttons to the scenarios in the site

Sian

Final Illustrationssss

these are the final illustrations for the scenarios pages

i worked on my inital drawings to produce more collage style illustrations

images below also show more detail on how the final screen will look - including buttons, typography etc

laura

screen shots from the website

illustrations

been working on the scenario illustrations


decided to work in the style of quite quick, simple, rough line drawings which i feel fits the theme of our website


sketch examples of fight situations





































Laura

just an idea for the links on the map

Sian

these are some photos of how the map is looking . i was experimenting with making the map look old and used
Sian

this is the map closer and a better shape. i have also changed it to grey scaleSian

this is the early stage of making the map. it is simply the outline of the roads in city cetre and the tram line

sian

3 Categories..

Here are some of the illustrations i've played around with for 'accidently bump into someone on the dance floor' scenario..

the 3 options are ; flirt with their girlfriend, grab them by the neck, or (the obviously) right one, walk away..

(click the image to see the full screen shot)

adam

Wrong answer..

the viewers choice of action reflects on what illustration is shown next..

some colour will be added and the illustration will be improved

but you get the idea..

adam

Failed Front Page..

I tried playing around with the front page a bit more, this time without using real mud & scrapes and trying to do it all on photoshop..

it looks too artificial and that's not the theme we're going for

(click image to see entire screen shot)

adam

First Site Map

here is the first draft of our site map..

(click image to see entire screen shot)

we will have a front page (shown in previous post) - which is the 'enter page' for the site.

following that will be a map of notts hot spots where fights take place..

depending on what area you click will depend  on the next page you see..

for instance, if you click a bar - the 'spilt drink' scenario will appear..

an illustration of a drink being spilt on someone will show, followed underneath by the 3 options..

1) blame the spilt drink on them.

2) offer to buy them a new drink.

or 

3)ignore them and walk off.

you have the option to pick one of the above choices. Again, depending on what one you pick, will determine if you successfully avoid the fight, or... if you get a punch.

adam

Front Page Design!

here are a couple screen shots of the design process of the front page.

the final image will be a link which enables you to enter the site.

created in illustrator, photoshop & a bit of diy in a muddy garden.

it is based on 'the worst-case scenario survival handbook' cover - shown here..

but edited to include a 'fight' vibe..

click the image to see the entire screen shot.

adam

Welcome

we're going to do some illutrations.
of fighting.

our original idea was to have several ideas of how to do certain things in nottingham.. 

for instance..

(click the image to see the entire screen shot)

after reviewing our work we decided to focus purely on fights & how to avoid them..

we are going to put the viewer in charge of potential fight situation(s), that they have unfortunately landed themselves in. This will be followed by a list of  3 options they have the ability to pick from.. Depending on what one they pick, depends on whether they escape the confrontation or not..

adam