go4awalk makeover

Homepage redesign + project presentation

Project context

What the audit identified

  • Two competing navigation systems created confusion and made the IA feel overloaded.
  • Mixed colours, weak hierarchy, limited whitespace, and inconsistent fonts diluted the outdoor brand.
  • The homepage was not responsive and key utilities like search were not prominent enough.
1

Single clear navigation

3

Columns retained for familiarity

2

Core font roles

100%

Consistent banner styling goal

The proposed redesign keeps familiar structure while modernising clarity, responsiveness, and visual cohesion.

Brand direction

Visual system refresh

🌿

Outdoors-first palette

Greens, black, and white create a more natural identity and remove the distracting colour noise from old banners.

🔤

Clear type hierarchy

A rugged display style for major headlines pairs with a readable sans-serif body font for content, labels, and navigation.

🧭

Refined logo direction

The compass motif stays, but the identity becomes simpler, more compact, and easier to scale across homepage and supporting views.

IA changes

Navigation and layout decisions

What changed

  • One sticky left navigation replaces the dual menu model.
  • Search moves to the top and becomes a primary utility.
  • User account actions move out of the nav list into utility controls.
  • Three-column layout is preserved for familiarity and ad placement.

Why it matters

  • Less cognitive load for first-time visitors.
  • Better crawl clarity through one primary menu.
  • Stronger visual rhythm with a fluid middle column and disciplined right rail.
  • Improved usability on mobile through simpler responsive collapse.

Feature prioritisation

Homepage content upgrades

🖼️

Photo gallery moved up

Gallery content is folded into the homepage so the experience feels richer earlier and more visually engaging.

💬

Forum highlights surfaced

Live discussion teasers help community participation become part of the homepage value proposition.

⬆️

Scroll-to-top action

A floating jump control reduces friction when long-form route content extends far down the page.

Improvement impact

Change areas by value

IA92
Search88
Branding84
Responsive81
Engagement76

The concept prioritises the highest-friction issues first: simplify the structure, spotlight search, unify the brand language, then add richer homepage engagement blocks.

🥾

Delivered assets

HTML homepage concept

A static responsive homepage mockup translating the audit recommendations into a cleaner, more modern interface.

Presentation deck

A project walkthrough that highlights the makeover rationale, design choices, and key structural upgrades for the redesign.