WellesleyPartners.com Wireframes 2.0
Thursday, July 14, 2011
Initial view upon opening browser.
Diagram 1 - Layout 1 Thursday, July 14, 2011
1
3
1
Logo
2
Tagline
3
Navigation
4
Content Slider *(Image/Video/Text)
5
Slider Navigation, default: autoscroll
6
Slide text
7
Content Boxes (3)
2
4
5 6
7
Initial view upon opening browser.
Diagram 1 - Layout 1 Thursday, July 14, 2011
Scroll down to see page footer with contact info.
Diagram 2 - Layout 1 Thursday, July 14, 2011
Layout of current content, highlighted in blue.
Diagram 3 - Layout 1 Thursday, July 14, 2011
‘Contact’ moves from footer to nav bar as a lightbox.
Diagram 1 - Layout 2 Thursday, July 14, 2011
Example of ‘Contact’ content displayed in lightbox.
Diagram 2 - Layout 2 Thursday, July 14, 2011
Nav bar changes:
•‘About’ => ‘Introduction’ •Add ‘Approach’ page •‘Home’ link becomes logo •‘Contact’ moves from footer to lightbox
Content boxes change to brief of WP’s 3 core services which then link to a respective page with a complete description on each. Former content is added to content slider and ‘Approach’ page
Content placement suggestions.
Diagram 3 - Layout 2 Thursday, July 14, 2011
Examples for Photography Assets
Thursday, July 14, 2011
Thursday, July 14, 2011
Thursday, July 14, 2011
Examples of Content Sliders
Thursday, July 14, 2011
Color palette example Thursday, July 14, 2011