1. cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page: http://www.tntidentity.biz/cipro/cipro.html 26 may 2009 | v1.0 rob@tntidentity.biz live demo | content page: http://www.tntidentity.biz/cipro/cipro_c.html live demo | logged in: http://www.tntidentity.biz/cipro/cipro_l.html

2. content page | user not logged in complete © Copyright Rob Cowie 2009

4. content page elements © Copyright Rob Cowie 2009 element 1 breadcrumb navigation bar description: navigation item which also informs the visitor of their location on the site -visitor always aware of their current location on the site -hyperlinked so that visitor can return to previously visited pages

5. content page elements © Copyright Rob Cowie 2009 element 2 related quicklinks menu description: left-hand navigation bar which is dynamically populated to present links to other areas of the site which contain content related to the current content page -assists visitors by helpfully presenting links to related content -provides CIPRO with the ability to channel visitors to selected areas of the site

6. content page elements © Copyright Rob Cowie 2009 element 3 login or register portlet description: portlet that enables a visitor to log in if already registered, or to register -easy to log in if already registered -if user not registered, clicks ‘register now’ and the fields below change for registration -centralised, prominent area for all visitors – registered or non-registered

7. content page elements © Copyright Rob Cowie 2009 element 4 main content area description: the area of the page that displays the relevant content -mini header clearly displays content header – leading on from the breadcrumb trail -toolbar contains useful functions such as accessibility, download and print tools -text area expands vertically based on amount of content -clear layout with headers and boxes highlighting important content image on next page

8. © Copyright Rob Cowie 2009

9. content page | user logged in complete © Copyright Rob Cowie 2009

11. content page elements © Copyright Rob Cowie 2009 element 5 logged in user control panel description: when logged in, the breadcrumb navigation bar displays extra options for the registered user – a welcome note, access to account settings and a log out button -provides user with easy access to account functions

12. content page elements © Copyright Rob Cowie 2009 element 6 secure messaging inbox portlet description: the portlet displays the latest messages from CIPRO to the user with a link to display all messages -prominently displays important messages to the user

13. content page elements © Copyright Rob Cowie 2009 element 7 logged in content example description: the following example shows the flow and visual elements of a four step company registration process. elements include: prominent buttons including the functionality to go back one step informational rollovers display useful information for various fields on mouse-over a visual progress bar clearly displaying the steps involved and progress made - previous steps can be clicked to return

14. content page elements | element 7 step 01 © Copyright Rob Cowie 2009

15. content page elements | element 7 step 02 © Copyright Rob Cowie 2009

16. content page elements | element 7 step 03 © Copyright Rob Cowie 2009

17. content page elements | element 7 step 04 © Copyright Rob Cowie 2009