Screwfix

Our UCD methods increased confidence and decreased development time and costs

Person holding a smartphone, looking at the screwfix mobile app

Screwfix have a fantastic relationship with their customers, making them the leading supplier of trade tools, plumbing, electrical, bathrooms and kitchens to tradesmen, handymen and serious DIY enthusiasts all over the UK. Screwfix consult their audience right at the start of design and test throughout so that both Screwfix and their customers benefit

What Screwfix wanted:

  • A user centred website design to simplify the user journeys and increase conversion
  • A complete technical blueprint and graphic design for a mobile website that supported the way customers work on the go
  • Integrate a new "collection and delivery" service into the existing successful website design

What Bunnyfoot delivered:

  • Card sorting simplified the website from 32 to a more manageable 17 intuitive categories
  • User testing wireframes ensured that 100% of participants completed purchase journeys without issue before launch
  • We architected, wireframed, prototyped, user tested and graphically designed a complete mobile experience
  • Our process for Screwfix's collection and delivery service outperforms every major competitor and now accounts for 40% of their orders
  • Implementing user centred design methodologies have reduced development time and costs

The Work

For the trade, being able to rely on a supplier is crucial for being able to get a job done. Screwfix's loyal customers love the way the service is adapted to support their own business.

Simplifying categorisation, improving navigation

Over time, the original website had evolved to reflect internal structures and jargon, more than how customers think. We invited customers from the trade and DIY enthusiasts to discuss how they would categorise products, using card sorting techniques.

The insight was invaluable, enabling the number of categories to drop from 32 to a more manageable 17, with sub categories labelled in terms customers identified with, resulting in easier navigation straight to the products customers want to buy.

Improving checkout & Proving the case for click and collect

Now that customers could find the products they were looking for, it was essential to ensure that they could get through the checkout. Screwfix worked with Bunnyfoot to optimise the designs by iterating from initialpaper prototypes through to fully interactive wireframes – with evidence coming from testing with real customers at each stage. The final designs therefore were based on solid evidence that showed which of multiple competing models of the purchase journey would be best, and  what language and design would be the most effective and persuasive.

Testing early designs for the introduction of a "collect from store" service to the website provided strong evidence to break from (what was then) the traditional eCommerce model. It proved that the investment in providing this service would result in a good ROI. Follow up testing allowed us to refine the design to improve its clarity and efficiency.. Now customers can put collection and delivery in one basket and check out in a single transaction.  and 40% of business orders are  made online for collection in store.

Full end to end mobile development using User Centred Design

images of sketch prototype, Axure wireframe, finished mobile app and hands holding a mobile device with a mobile testing rig attached
Screwfix mobile testing

Working with development partners for implementation Bunnyfoot executed a full user centred design of the Screwfix mobile experience.

This included:

  • working to define the constraints and opportunities that the technology platform supported
  • developing and testing initial concepts
  • iterating from hand drawn flows, through to clickable prototypes, and then full hi-fidelity prototypes
  • testing with customers at each stage – this even involved us developing a new testing rig to support user testing (one that has been copied by many others)
  • Providing annotated specifications along with the prototype to support the technology team
"User centred design is like working off blueprints with an architect – it's much easier to move a door while you are in the design phase than after the place is built!"

Jamie Seedhouse, Web Development Manager
Screwfix

Screwfix website wireframe and finished version
Screwfix website wireframes

Read enough? Get in touch...

Contact Clare Lambert to discuss your needs:
0207 608 1670 more@bunnyfoot.com

Or come visit us, we have offices in Oxford, Sheffield and London.