The document summarizes a graphic design project to redesign an ugly website homepage. The designer, Marina Georgieva, was tasked with creating two completely different design concepts while keeping all textual content. Both concepts observed graphic design principles and utilized Adobe software. The first design was very explicit and eye-catching with asymmetrical balance and repetition of color and graphics. It featured a marching band graphic. The second design had approximate horizontal symmetry and a more conservative grey-orange color scheme, but still included dynamic music note graphics. Both designs were intended to be easy to navigate once implemented as webpages.

1. Graphic
Re-design
Project
Designer: Marina Georgieva
February 2015

2. 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

3. Re-design # 1
https://lh3.googleusercontent.com/-Pnpyty31GCw/VZIJTNoBwOI/AAAAAAAAAB0/phuekRkhIKk/s640/Interface_Re-design01.jpg

4. 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

5. Re-design # 2
https://lh3.googleusercontent.com/-j_pwZzE3cmg/VZIJoDMuH2I/AAAAAAAAACM/t32m0NgbwGw/s640/Interface_Re-design02.jpg

6. 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

7. 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