PROJECT 2 Interface Design

moodboard

CREATING BRUSHES
brushes

SKATEBOARD SUSSEX WEBSITE REDESIGN FROM SCRATCH (NO PUN INTENDED)

skateboard-sussex


BAD WEBSITES

This slideshow requires JavaScript.


FLAT GRAPHICS I DESIGNED IN ILLUSTRATOR

vegetables

fruitillustration


IMAGE OPTIMISATION

image-optimisation

Too low res

image-optimisation-2

The image now looks identical after optimising 
image-optimisation-3
Saved as a PNG 24 to retain high quality transparency
image-optimisation-4

DREAMWEAVER TEMPLATE RE-DESIGNED
Name of website added, recipes option in navigation put in, color of band changed 

the-cookery

Parallax Hero image uploaded and background image fitted so it creates a seamless background image through out the website.

the-cookery2

Teaser images added and headers changed

the-cookery-3

Subscribers type added in and color of band changed to match color palette

the-cookery-4



BAD WEBSITE REDESIGN IN
FLAT & TEXTURED: THE COOKERY

A GOOD WEBSITE
This is a good website because everything is very easy on the eye and clear to navigate around. A strong hero image with the logo and text to the right size, limited color palette and images that work to the colors all amplify the well designed and layed out website. Teaser images are gorgeous and in rows of three, which is renowned on websites for a solid number of functionality. The website loads quickly and functions as it should when clicking through into pages. This is a great example of simplicity being key.
cereal-magazine
A BAD WEBSITE
Everything about this site is bad. No hero image, to many navigation options, weak logo, too much white space, poor quality images with inconsistencies of image style and shape, sloppy click through pages which leads into badly layed out pages leaving you scanning everywhere to make sense of anything. For a food website you aren’t left with much confidence when shopping around or purchasing products. I was left feeling annoyed, not what the user experience should be left with.

the-cookery


COMPETITION OUT THERE IN THE MARKET

TYPEFACE AND LOGOS RESEARCH

DOODLES AND SKETCH’S FOR INTERFACE IDEAS…

img_0197

img_0198

img_0200

img_0201

img_0202

img_0203


REDESIGNED IN A TEXTURED STYLE OF WEBSITE

HOME PAGE

textured-website

SECOND PAGE

textured-website2

textured-iphone

textured-pg-2-iphone


REDESIGNED IN A FLAT GRAPHIC STYLE OF WEBSITE

HOME PAGE

flat-website

SECOND PAGE

flat-website2

flat-iphone

flat-pg-2-iphone

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s