PU-FSC-Title-Cropped-LogoPU-FSC-Title-Cropped-Logo

A redesign of an overloaded homepage in to a simple 'usable billboard'.

Brief

> Find a website that needs improving.

> Analyse what needs changing and why.

> Deliver a mockup to remedy problems.

 

Role

> Sketched business objectives and user needs.

> Designed a much improved user flow.

> Mocked up a brutally simple landing page that carries far less cognitive load.

 

Outcome

> Business objectives and user needs are front and centre.

> Visitors feel encouraged to explore rather than turned away.

User flow is smoother, experience more consistent, and design more contemporary.

 

PU-Mockup-1APU-Mockup-1A

Project Note:  This was not paid work, but an idea I've used to demonstrate my UXD process and skills.

PU-Pic-01PU-Pic-01

The current pitchup.com homepage.

Homepage Review

The current homepage is a busy overload of information, choices, actions and immediate cognitive load for the user upon landing.

A quick breakdown of the homepage reveals just how much there is going on...

PU-Pic-02bPU-Pic-02b

Quantifying just how much there is going on.

Sketching to the rescue...

Even quick sketching over simple things such as user needs and business objectives gave me some ideas for how to change the homepage from a place of bewilderment to encouragement.

PU-Sketch1PU-Sketch1

Starting with what makes the business different.

PU-Sketch2PU-Sketch2

And what the user really, mainly, primarily wants to do.

These needs can now be put front and centre on the homepage

PU-Sketch3PU-Sketch3

Focusing on the important things.

And the complexity of refining searches can be introduced gradually in later pages

PU-Sketch4PU-Sketch4

Delaying the full complexity and site nav.

PU-Sketch5PU-Sketch5

Sketching the 'billboard'.

PU-Sketch6PU-Sketch6
PU-Sketch7PU-Sketch7

Options for site nav and layout.

With a brutally simple homepage leading to growing complexity, mockups can now be made...

PU-Mock1PU-Mock1
PU-Mock2PU-Mock2
PU-Mock3PU-Mock3

A simple reassuring landing page leads to an initial search, which encourages the user to continue to the full breadth and depth of the site's complexity.

From 101 bewildering options for action upon landing...

...to a simple direction that unites users' needs with core business objectives.

PU-Final MockupPU-Final Mockup

Want to see more?  

Go back to see how I captured my childhood imagination to keep kids engaged and interacting with long car journeys.

JT-backJT-back

Or go forward to see how I remedied users' frustrations with HSBC's Business Internet Banking website through a much needed redesign.

HSBC-continueHSBC-continue

Use the menu to explore more, or feel free to get in touch:

Email  /  pdf Folio  /  My CV  /  LinkedIn  /  Twitter