Official Partner of

Laravel

Vue

Nuxt

vaahcms

We create remarkable e-commerce experience

A Scalable and User-Centric E-commerce Transformation

Project Focus

D2C + Ecommerce , Mobile 1st approach

236,000

VISITS PER DAY

50,000

ORDER PER DAY

04

REGIONS CODEBASE

toolstation-detail

Overview

WebReinvent delivered a standout e-commerce transformation for Toolstation, emphasizing scalability and usability across both professional and DIY user segments. The platform—positioned as D2C with a mobile-first mindset—now effortlessly handles an impressive 236,000 daily visits and 50,000 orders per day, across four localized regions (UK, NL, BE) from a single codebase, complete with dynamic translations and flawless UI/UX performance

{Problem}

  • Enhancing user experience for both professionals and DIYers
  • Managing a vast product catalog efficiently
  • Implementing a seamless Click & Collect system
  • Optimizing website speed and performance

Industry

Retail & E-commerce

Platform

Services

Ui & UX Strategy |
Visual design | Techstack |
Frontend and
Backend Development

Website/App

Link

Tech stack

A Seamless, Scalable & Smart E-commerce Transformation

Transformation of Toolstation

The process we followed

Our approach to the Toolstation project was structured, collaborative, and transparent. We began with a discovery phase, where our team conducted in-depth research to understand Toolstation’s business goals, target audiences, and existing pain points. This laid the foundation for a clear Software Requirement Specification (SRS) document, ensuring alignment with stakeholders from the start.

Next, we moved into design and planning, building wireframes and a reusable atomic design system. This allowed us to maintain consistency, accelerate UI development, and ensure scalability across multiple regions. The UI/UX phase focused on crafting a visually striking, user-friendly interface with improved navigation and accessibility.

Once validated, our developers implemented the solution with a mobile-first, multi-region architecture capable of supporting large traffic volumes. We integrated continuous integration and delivery (CI/CD) pipelines, enabling rapid, reliable deployments.

To guarantee performance and stability, we executed automation testing alongside manual QA, ensuring every feature worked seamlessly across devices and markets. Finally, we delivered detailed documentation and training, empowering Toolstation’s internal team to manage and scale the platform confidently.

This end-to-end process ensured a robust, scalable, and customer-centric e-commerce solution.

01.

Discovery Phase

02.

SRS Documentation

03.

Atomic Design System

04.

Wireframes Creation

05.

Final Design Direction

06.

Development

07.

Automation Testing

08.

Documentation

Colors

Color is defined as the aspect of things that is caused by differing qualities of light being reflected or emitted by them.

Primary Color

Name:

Primary

RBG Hex:

#065CAB

CMYK:

100/70/0/0

HSL:

209/93%/35%

Name:

Primary Yellow

RBG Hex:

#FEE200

CMYK:

0/8/100/0

HSL:

53/100%/50%

Secondary Color

Name:

Secondary

RBG Hex:

#E52228

CMYK:

5/100/100/0

HSL:

358/79%/52%

Name:

Secondary Black

RBG Hex:

#000000

CMYK:

0/0/0/100

HSL:

0/0%/0%

Font Usage

Font Family : Gilroy

Weight

Black, Bold, semi Bold Medium, Regular, Thin

Gilroy

By combining clean sans-serif typography with generous line spacing, our UI/UX overhaul significantly enhances readability. The carefully selected typefaces reflect the brand's essence—modern, engaging, and user-centric—crafting a seamless and immersive digital experience.

Bigger Heading

Gilroy Bold

Life is an event. Make it Memorable

Smaller Heading

Gilroy Semi-Bold

Exclusive Events, Priceless Memories

Paragraph

Gilroy Regular

Make Any Occasion Unforgettable

We Make Websites That Are Data-Driven, User-Centered, and Insight-Powered.

$36

Save your cost, save time,
and elevate the user UI experience.

80%

Increase in conversions driven by a user-first design approach that made the experience more intuitive.

Key Insights & Opportunities

01

Tailoring Experiences for Diverse Customer Segments

Designing personalized shopping journeys for different user types—first-time buyers, loyal customers, and high-value shoppers—to drive relevance and satisfaction.

02

Building Trust
and Loyalty
Through Design

Highlighting product authenticity, secure transactions, and customer support through UI elements that instill confidence and encourage repeat purchases.

03

Crafting a
Premium, Distinct
Visual Identity

Need to check quality of your app urgently? Augment your staff with a few QA engineers.

04

Improving Product Discovery and Navigation

Optimizing category structures, filters, and search functionality to help users find what they need quickly—leading to higher engagement and better conversion rates.

Results

  • Website receives an estimated 236,000 visits per day
  • Website receives an estimated 50,000 order per day including online and offline store.
  • Single codebase but still works for 4 regions with region specific code (UK,NL,FR,BE)
  • Dynamic translations
  • An incredible UI/UX with no page refresh issues.
  • Fully automated testing and CI/ CD.

Our client are saying...

Stuart McGrogan

WebReinvent’s ability to deliver exceptional results under pressure is commendable. The elite, uber premium language that was incorporated into the design was an instant hit with our team, and perfectly encapsulates the luxury & sophistication we aim to portray. I look forward to seeing more of their innovative work in the future.

Stuart.Mcgrogan
Director of Tech at Toolstation

See what the number says

4.6K

6%

User Retention Increase

3.6K

24%

Better Engagement Increase

17M

2025

Revenue Raised

Let’s Collaborate to turn your vision into reality!

Check Out Related Projects

Toolstation (ECommerce)
Toolstation (ECommerce)

Customized eCommerce. Most powerful open source eCommerce software ever.

Institute for Jewish Spirituality (LMS)
Institute for Jewish Spirituality (LMS)

Learning Management System. Most popular online teaching platforms.

InnovarRx Global (ECommerce)
InnovarRx Global (ECommerce)

Telehealth Solutions. Gateway to value-driven healthcare solutions.

Print For Brands (ECommerce)
Print For Brands (ECommerce)

Customized eCommerce. Most powerful open source eCommerce software ever.

WebReinvent Team (Project Management)
WebReinvent Team (Project Management)

Customer Management System | Project Management Software .

Meticulous Process, Outstanding Results

15+

YEARS OF EXPERIENCE
IN DIGITAL INDUSTRY

1M+

HOURS OF
QUALITY WORK

800+

SUCCESSFUL
PROEJCTS DELIVERED

99%

OF CUSTOMER COME
BACK TO US AGAIN