Old home page - Not my design, before reboot
       
     
Style guide for content driven section
       
     
Content driven pages
       
     
Web 1920 – 29.png
       
     
Web 1920 – 24.png
       
     
Web 1920 – 5.png
       
     
Web 1920 – 12.png
       
     
Web 1920 – 11.png
       
     
Web 1920 – 22.png
       
     
Web 1920 – 26.png
       
     
Web 1920 – 28.png
       
     
Web 1920 – 32.png
       
     
New home page - above the fold
       
     
New home page - above the fold
       
     
New home page - above the fold
       
     
New home page - pathway 1
       
     
New home page - option 2
       
     
       
     
Mid fidelity prototype - funnel page
       
     
       
     
Product page
       
     
direct call to action
       
     
Old home page - Not my design, before reboot
       
     
Old home page - Not my design, before reboot

The old website was very noisy and difficult to navigate. A no design and styling approach with a content dump strategy created chaos that put a very negative spin on any perceivable branding or marketing messages. The problem in my opinion was that the messages and content were not clarified to begin with which had a knock on effect.

Style guide for content driven section
       
     
Style guide for content driven section

Colours and typography treatment for content driven section of website, We worked on a vertical alignment of content in a pinterest style newsfeed of content

Content driven pages
       
     
Content driven pages

Hero image, layout and colour pattern for content pages

Web 1920 – 29.png
       
     
Web 1920 – 24.png
       
     
Web 1920 – 5.png
       
     
Web 1920 – 12.png
       
     
Web 1920 – 11.png
       
     
Web 1920 – 22.png
       
     
Web 1920 – 26.png
       
     
Web 1920 – 28.png
       
     
Web 1920 – 32.png
       
     
New home page - above the fold
       
     
New home page - above the fold

WIP - cleaner, modern visual design with a flat design influence. Two pathways for the user to explore. Mid to high fidelity prototype.

New home page - above the fold
       
     
New home page - above the fold

WIP - cleaner, modern visual design with a flat design influence. Two pathways to explore for the user to explore.

New home page - above the fold
       
     
New home page - above the fold

WIP - three pathways for the user. This is a mid to hi fidelity prototype.

New home page - pathway 1
       
     
New home page - pathway 1

WIP - visual design for the first pathway, navigation becomes more visual.

New home page - option 2
       
     
New home page - option 2

WIP, the second path.

       
     
Home page dev

Mid to high fidelity prototype of new home page and user journeys

Mid fidelity prototype - funnel page
       
     
Mid fidelity prototype - funnel page

WIP, choosing between systems

       
     
software page - creating narrative

The goal for this page was to reformat the content into an easily accessible format, reduce cognitive load and create a flow as the user scrolls down through the page which is visually led.

Product page
       
     
Product page

WIP, product page at the end of the ‘stack’

direct call to action
       
     
direct call to action

Work in Progress. The assignment required a call to action mechanism to be created to be placed on the product page after enough information had been communicated for users to be able to make a decision on whether the product met their requirements. This break allows for reflection and an opportunity for action.