Website Audit + Redesign Concept

A quick UX and content audit of a small business website.

Overview

This is a review and redesign concept for an existing business website. The goal is to identify UX issues and propose clean, modern, responsive solutions that improve usability, consistency and brand presentation.

Existing website (URL omitted intentionally). Screenshots used for critique and educational purposes.

The Issues

1. Navigation & Responsiveness

  • On smaller screens, several navigation items overflow and disappear off the right side.
  • This creates usability issues and makes key pages inaccessible.
  • The current menu structure is too wide for the available space.

2. Conflicting Messaging

  • The homepage features an urgent recruitment banner that suggests staffing instability.
  • This directly contradicts messaging elsewhere on the site that emphasises long‑term, experienced installers.
  • The inconsistency weakens trust and disrupts the brand narrative.

3. Visual Quality: Logo

  • The company logo appears blurry and pixelated.
  • This reduces visual professionalism and brand credibility.

Why It Happens

1. Navigation & Responsiveness

  • Too many top‑level menu items.
  • No responsive breakpoint for collapsing into a hamburger menu.
  • No wrapping or overflow handling.

2. Conflicting Messaging

  • The recruitment banner communicates urgency and high turnover.
  • This conflicts with claims of a stable, long‑standing installation team.

3. Visual Quality: Logo

  • The logo is likely a low‑resolution raster image (PNG/JPEG) that has been scaled up beyond its original size.
  • Raster images lose clarity when enlarged; vector formats remain crisp at any size.

Proposed Fixes

1. Navigation & Responsiveness

  • Consolidate menu items to reduce cognitive load and improve clarity.
  • Introduce a responsive hamburger menu at appropriate breakpoints.
  • Alternatively, use a flexbox layout with proper wrapping to prevent overflow.

2. Conflicting Messaging

  • Remove or relocate the recruitment banner to a dedicated Careers page.
  • Align tone and placement with the brand’s professional positioning.

3. Visual Quality: Logo

  • Replace the raster logo with a vector format (SVG) to ensure sharp rendering across all devices.