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

Role

Timeline

Status

Team

Tools

Methods

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

[Placeholder — hero caption]

1 The problem

[Placeholder — section headline]

[Placeholder — problem statement to be added]

[Placeholder — figure caption]

2 Research

[Placeholder — section headline]

[Placeholder — research summary to be added]

00%

[Placeholder — metric detail]

00%

[Placeholder — metric detail]

00%

[Placeholder — metric detail]

[Placeholder — data source]

[Placeholder — hypothesis]

1

[Placeholder — process step]

2

[Placeholder — process step]

3

[Placeholder — process step]

4

[Placeholder — process step]

5

[Placeholder — process step]

6

[Placeholder — process step]

7

[Placeholder — process step]

8

[Placeholder — process step]

[Placeholder — caption]

3 Wireframes

[Placeholder — section headline]

[Placeholder — wireframes summary]

Wireframe

[Placeholder — caption]

Early visual design

[Placeholder — caption]

4 Usability testing

[Placeholder — section headline]

[Placeholder — testing summary]

[Placeholder — caption]

[Placeholder — finding]

[Placeholder — finding detail]

[Placeholder — finding]

[Placeholder — finding detail]

[Placeholder — caption]

[Placeholder — finding]

[Placeholder — finding detail]

[Placeholder — finding]

[Placeholder — finding detail]

[Placeholder — label]

00%

00%

[Placeholder — label]

00%

00%

[Placeholder — note]

[Placeholder — participant quote]

5 The design

[Placeholder — section headline]

[Placeholder — design summary]

1

[Placeholder — step]

2

[Placeholder — step]

3

[Placeholder — step]

4

[Placeholder — step]

5

[Placeholder — step]

6

[Placeholder — step]

[Placeholder — note]

[Placeholder — note]

Before

[Placeholder — before-state notes]

After

[Placeholder — after-state notes]

6 Coded prototype

[Placeholder — section headline]

[Placeholder — prototype summary]

[Placeholder — note]

[Placeholder — open question]

[Placeholder — resolution]

[Placeholder — open question]

[Placeholder — resolution]

7 Impact

[Placeholder — section headline]

[Placeholder — impact summary]

00%

[Placeholder — metric detail]

00%

[Placeholder — metric detail]

00%

[Placeholder — metric detail]

00%

[Placeholder — metric detail]

[Placeholder — note]

8 Reflection

[Placeholder — section headline]

[Placeholder — reflection]

More projects

MESSAGE ME

© 2026 Adam Maulvi

MESSAGE ME

© 2026 Adam Maulvi

MESSAGE ME

© 2026 Adam Maulvi