Graphic

Re-design

Project

Designer: Marina Georgieva February 2015

The Project

The task:

Re-design an ugly homepage of a website

Create 2 completely different designs

Keep all the textual content

Add as many graphic elements as needed

Observe the major graphic design principles to achieve aesthetically pleasing designs

Use Adobe graphic design software

Adobe Illustrator

Adobe Photoshop

The ugly website

URL to the website https://pantherfile.uwm.edu/rjhall/685/

content/21-1/nightmarepage.html

Re-design # 1

https://lh3.googleusercontent.com/-Pnpyty31GCw/VZIJTNoBwOI/AAAAAAAAAB0/phuekRkhIKk/s640/Interface_Re-design01.jpg

Re-design # 1

Very appropriate for

high school audience

Well-balanced, very

explicit and eye-

catching design

Easy to navigate once it

becomes a webpage

Design highlights Asymmetrical balance with

geometric forms Unity is achieved by repetition of

color and graphics Typography (sans-serif) is used

consistently throughout the design

The graphics with the kids’ marching band is very appropriate and makes the

design lively and non-traditional The organic semi-transparent

graphic element with the music notes highlights the main idea and turns the design into a dynamic one

Re-design # 2

https://lh3.googleusercontent.com/-j_pwZzE3cmg/VZIJoDMuH2I/AAAAAAAAACM/t32m0NgbwGw/s640/Interface_Re-design02.jpg

Re-design # 2

Stylish well-balanced

design Not as explicit as the first

one, but the music motifs evoke the expectation of the coming music event

Easy to navigate once it

becomes a webpage

Design highlights Approximate horizontal symmetry Unity is achieved by repetition of

the orange color and the music motifs

Typography (sans-serif) is used consistently throughout the design

More conservative design in grey-orange color scheme as the orange color makes it vibrant, remarkable and memorable

The organic semi-transparent floral graphic element with the music notes makes the design dynamic, more fluid and less traditional

Special thanks to: http://www.slsd.org/community.cfm?subpage=707198

http://st.houzz.com/simgs/2e910b1002eae1c6_4-5216/contemporary-decals.jpg

http://ncptt.nps.gov/articles/disasters/wildland-structural-fire/

http://imgkid.com/musical-notes-images.shtml

https://www.pinterest.com/pin/305118943475472275/

http://mobile.tattootribes.com/index.php?newlang=English&idinfo=717

http://4vector.com/free-vector/french-horn-clip-art-114318

for providing the beautiful graphics used throughout the designs.

Copyright 2015 Marina Georgieva