Design Concepts for www.erikarosenberg.com

1. Designs Concepts for
www.erikarosenberg.com
By Retro-futuristic
June 11, 2012
Copyright © Ann Bui 2012 All Rights Reserved

2. Designs Concepts
Three Design Concepts with focus on:
Layout
Navigation
Graphical representation of ideas
Copyright © Ann Bui 2012 All Rights Reserved

3. Designs Concepts (cont.)
All concepts have the following same elements
in common. We will determine what these
elements will be in the next phase.
Color Scheme (grey tones with orange and
blue accents)
Font
Icons
Images
Text
Copyright © Ann Bui 2012 All Rights Reserved

4. Concept 1
 Color blocking to create distinct content areas
 Stark color contrast
 No shadowing for a “flat” effect
Copyright © Ann Bui 2012 All Rights Reserved

5. Concept 1 (cont.)
 Secondary pages use additional button navigation at the top
 Secondary pages use gradients sparingly
 Minimal use of ornaments and icons
Copyright © Ann Bui 2012 All Rights Reserved

6. Concept 2
 Open and spacious layout with textured background
 Rounded corners and subtle gradient shadowing
 Ideas are marked and delineated by floating islands with a strong use
of icons
Copyright © Ann Bui 2012 All Rights Reserved

7. Concept 2 (cont.)
 Icons used to aid in navigation
 Secondary pages have third floating island
Copyright © Ann Bui 2012 All Rights Reserved

8. Concept 3
 Miminal layout with emphasis on slogan
 Accent color and lines to mark main content section
Copyright © Ann Bui 2012 All Rights Reserved

9. Concept 3 (cont.)
 Textured background and floating islands used to delineate space in secondary and
tertiary pages
 Bread crumbs make navigation easier when drilling down to tertiary pages
Copyright © Ann Bui 2012 All Rights Reserved

10. Detailed Step Through
Now we will step through each concept in
detail to discuss:
 Navigation
Secondary pages
Contact forms
Copyright © Ann Bui 2012 All Rights Reserved