Redesigning Lawsons: A fresh, user-centric experience

Redesigning Lawsons: A fresh, user-centric experience

  • Streamlined navigation and improved product ordering for a smoother user experience.

  • Introduced new features to better serve diverse customer needs.

  • Enhanced functionality and aesthetics to strengthen the brand’s digital presence.

Company

Lawsons

Role

UI Designer

Timeline

3 weeks

Status

Live

Team

UI Designers, Devs, PMs

Tools

Adobe XD

Methods

Style guide, UI Design

Company

Lawsons

Role

UI Designer

Timeline

3 weeks

Status

Live

Team

UI Designers, Devs, PMs

Tools

Adobe XD

Methods

Style guide, UI Design

The redesigned Lawsons building-supplies website on desktop and mobile — a green and yellow storefront with a clearance banner, a natural stone paving promotion, and a grid of popular product categories.
The redesigned Lawsons building-supplies website on desktop and mobile — a green and yellow storefront with a clearance banner, a natural stone paving promotion, and a grid of popular product categories.

01

The challenge

Giving a new lease of life to an outdated design, bringing in useful features for different user bases and ensuring multiple journeys including ordering items is an efficient and intuitive procedure.

02

The solution

Working closely with UX researchers to give a user-focused and meaningful experience to customers. Created a design system to give a more coherent look and feel sitewide. Took a modern approach to the design to fit in but also stand out from competitors.

03

The design

The Lawsons design system in Adobe XD: a Document Assets panel of yellow, green and grey colour tokens and Helvetica Neue character styles, beside a canvas of style-guide and component boards.

View design system

A sitemap-style collage of the redesigned Lawsons site: homepage, category, product, search, cart, account, 404, info and blog pages laid out as connected screen thumbnails.

View designs

MESSAGE ME

© 2026 Adam Maulvi

MESSAGE ME

© 2026 Adam Maulvi

MESSAGE ME

© 2026 Adam Maulvi