top of page
Neville Johnson Website Redesign-Header

Neville Johnson

I pitched a full website redesign to senior stakeholders after identifying key issues with the existing site: it was cluttered, slow, lacked accessibility, and didn’t reflect the brand’s luxury identity. My concept proposed a clean split between Furniture and Staircases, paired with a modern, interactive design aimed at a younger, affluent audience. The result is a sleek, intuitive site that enhances usability and aligns with Neville Johnson’s premium brand image.

Pain points before

The old Neville Johnson homepage was cluttered, with inconsistent fonts, random colors, and an unbalanced split between furniture and staircases. Imagery lacked impact, videos slowed the page, and buttons offered little guidance. Engagement was low, with most users clicking the top CTA before exploring further, a clear opportunity for a more cohesive, user-focused redesign.

Neville Johnson Old Website Part 1
Neville Johnson Old Website Part 2

The strategic fix

The redesigned homepage makes navigation effortless with a clear Furniture / Staircases split, guiding users to dedicated landing pages. TV adverts play smoothly on hover, optimised for speed and low file size. Interactive sections expand on hover, with a dark overlay highlighting the active video, resulting in a clean, engaging, and user-focused homepage.

Neville Johnson Website Homepage

Wireframe & mockup

I developed wireframes and high-fidelity mockups for the homepage and main landing pages to showcase how the redesign would upscale the brand identity. Presenting these to stakeholders helped secure full approval to move forward. From there, I collaborated closely with the web developer, testing and refining the designs to ensure they translated seamlessly into a functional, real-world experience.

Neville Johnson Homepage Furniture Video Expand
Neville Johnson Homepage Staircase Video Expand

UI highlights

On the landing pages, interactive elements guide exploration: the header video expands to full width on hover, sections snap into a clean grid layout, and images respond with subtle hover effects. Snap scrolling encourages users to browse seamlessly through the content, creating an engaging and dynamic experience.

Neville Johnson Website Furniture Landing page Non-Hover
Neville Johnson Website Furniture Landing page Hover

The prototype

Once the wireframe was sorted, I created a prototype to visualise the new and improved website design.

The impact

Accessibility

Significantly improved usability and inclusivity.

Site speed

Faster experience, lower bounce rate.

Visual consistency

Stronger brand identity, luxury appeal.

Navigation

Improved user journey, lower drop-off rates.

The final product

The new website is now live, though some pages are still being updated. You can explore it at the link below.

bottom of page