Website homepage refresh

In 2006, the Homepage design and standard navigation design of CommunityNet Aotearoa was revised to make finding information easier, especially for new visitors, and to incorporate suggestions and feedback. The site architecture and content was not altered. This page shows the progression of the redesign work.

 

NOTES:  All these mockups are in JPG format, and filesizes are large - mostly 4-500 KB.  When implemented, the actual pages will load around 10 times faster.

Use Browser Back button to return after viewing each one.

If the image is not showing full size in Internet Explorer, go to Tools/Internet Options/Advanced/Multimedia and unclick 'Enable Automatic Image resizing'.

Screen shots from test versions

Homepage  11 August 2006

Below is a screenshot from the version under test, and some screenshots of an alternative colour scheme.

Current design (JPG Image 478 KB)

Alternative lighter colour scheme, with improved 'arrow' buttons (JPG, 467KB) 

Lighter version with border around yellow section header (JPG 462 KB)  With two icons added (Low resolution JPG, 89KB)

 

 

Third versions 14th June

Homepage

This version has colours changed for increased readability. As we are using Cascading Style Sheets (CSS) it will be very easy to modify the colours if we decide these are too stark.

Home page 800x600 screen  Home page 800x600 screen, with dropdown navigation

  
The dotted redline shows the bottom of a small (600x800) screen before scrolling. 

Inside page

Inner page - 2nd level navigation

Second versions 2nd June

Homepage

Home page 800x600 screen Home page 800x600 screen, with dropdown navigation 
The dotted redline shows the bottom of a small (600x800) screen before scrolling. 

 

Homepage - wide Homepage - wide, with dropdown  
The Home page will resize automatically for wider screens.

Inside page

Inner page Inside page with dropdown  

Dropdown navigation - step by step (PDF file, 475 KB)

First versions 16th May - for comparison only

Homepage option 1 - designed for fast load

Home page - small window 
The redline shows the bottom of a small (600x800) screen before scrolling. 

The Home page will resize automatically for wider screens.

Home page - large window 

Inner page - 1st level 

Inner page - 2nd level navigation 

Homepage option 2 - more graphics

Slower but more interesting

Homepage (small window/screen)

The Home page will resize automatically for wider screens.

Homepage (wider window/screen)  Inner page -1st level 

 

Optional dropdown navigation

The dropdown navigation supplements (and does not replace or remove) existing navigation methods. Although shown on Design option 2, it can be applied to either.  It is a single level dropdown, as multiple level dropdown/flyouts are less easy to use.

Homepage with dropdown Inside page with dropdown

If you'd like to comment on the redesign work send an email to information@community.net.nz