Humble Lights

Humble Lights

Redesigned the Humble Lights webshop to emphasise trust, clarity, and storytelling while preserving a luxurious brand feel.

Redesigned the Humble Lights webshop to emphasise trust, clarity, and storytelling while preserving a luxurious brand feel.

Overview & Context

Overview & Context

Humble Lights is a premium cordless lighting brand. I redesigned their e-commerce experience to improve clarity, trust, and conversions while maintaining a luxurious visual identity.

The previous site felt more like a static product catalogue than a modern webshop. Users struggled to understand product differences, trust signals were weak, and homepage content was often missed due to poor structure and low scroll depth.

Stack

Humble Lights

Stack

Humble Lights

Stack

Humble Lights

Tools

Figma, FigJam, Useberry

Tools

Figma, FigJam, Useberry

Tools

Figma, FigJam, Useberry

Role

UX/UI Designer & Brand Strategist

Role

UX/UI Designer & Brand Strategist

Role

UX/UI Designer & Brand Strategist

Timeline

May 2022

Timeline

May 2022

Timeline

May 2022

Insights & constraints

Insights & constraints

The previous site felt more like a static product catalogue than a modern webshop. Users struggled to understand product differences, trust signals were weak, and homepage content was often missed due to poor structure and low scroll depth.

  1. Users lacked trust signals such as reviews and clear policies.

  2. Product naming and information hierarchy confused first-time buyers.

  3. Sustainability messaging mattered to the target audience.

  4. Much of the homepage content was ineffective because users rarely scrolled far enough to see it.

Vendor persona
Vendor persona
Vendor persona

Buyer persona
Buyer persona
Buyer persona

Design Principles & Interaction Model

Design Principles & Interaction Model

  • Prioritise clarity over decoration.

  • Shorten the homepage while improving storytelling.

  • Design for trust first through reviews, policies, and sustainability content.

  • Rename and group products by use-case rather than internal model names.

  • Maintain a consistent luxury visual tone.

I redesigned the core flow from landing on the site through selecting meaningful categories, into product detail pages with clear information and transparent policies, and then on to conversion. The information architecture was simplified around use-case-based categories.

Buyer happy flow
Buyer happy flow
Buyer happy flow

Vendor happy flow
Vendor happy flow
Vendor happy flow

High-fidelity designs included a new homepage with a hero focused on strong imagery and concise storytelling, simplified navigation, refined product listing grids, and product detail pages with tabbed content, thumbnails, and prominent trust elements like reviews and return information.

The redesign shifted the website from catalogue-like browsing to a more conversion-oriented experience, clarified the product range, and strengthened the brand narrative. The client’s Head of Growth praised the thought process, alignment with the brand, and the way the redesign made the site feel more like a proper web shop without losing its luxury character.

29%

29%

29%

Increase in click-through to product pages

35%

35%

35%

Improvement in usability score

1.8x

1.8x

1.8x

More products viewed per session

Mid-fidelity product page lacked adequate product information
Mid-fidelity product page lacked adequate product information
Mid-fidelity product page lacked adequate product information

This was solved in the hifi through the addition of accordion sections
This was solved in the hifi through the addition of accordion sections
This was solved in the hifi through the addition of accordion sections

Mid-fidelity wireframe of the Shop page
Mid-fidelity wireframe of the Shop page
Mid-fidelity wireframe of the Shop page

User testing was positive towards our design so no major changes were implemented
User testing was positive towards our design so no major changes were implemented
User testing was positive towards our design so no major changes were implemented

A minimalistic design for the homepage hero section
A minimalistic design for the homepage hero section
A minimalistic design for the homepage hero section

Black Friday promotion for the Hero section
Black Friday promotion for the Hero section
Black Friday promotion for the Hero section

High Fidelity & Outcomes

High Fidelity & Outcomes

Challenges & Learnings

Challenges & Learnings

  • Balancing luxury positioning with practical conversion needs.

  • Simplifying complex product information without dumbing it down.

  • Working within existing WooCommerce theme constraints and imagery limitations.

I refined my approach to e-commerce UX, especially around trust-building, visual hierarchy, and translating abstract brand attributes into concrete interaction patterns and page structures.