Wiggle / CRC

As a Senior UX Designer at Wiggle / CRC I worked on both the Wiggle customer facing website and the Chain Reaction Cycles sites. I was involved in the design and testing of various projects and ventures to champion the customer and make the user experience as seamless as possible.

Whilst working at Wiggle / CRC, I worked on a number of projects, user testing and designing pages and concepts.

I worked on both mobile and web pages for Wiggle and Chain Reaction Cycles (CRC) on the home pages, listing pages, content page, basket pages and the checkout.

Below are few examples of what I was doing at Wiggle.

User testing work

I was involved in user testing for the redesign of the Wiggle site which is due to go live sometime in 2023.

An example of this is the testing of a typical user journey on the site. Customers were asked to find a particular item of interest to them during a moderated remote interview. As the customer went from the discovery through to adding the item to their basket, they were asked to think aloud.

The notes taken from the interviews were placed on a chart, representing the satisfaction of the customer vs the functionality of the sites.

Sticky notes added to a Kano board on a scale of Satisfaction vs Functionality, highlighting ‘Delighters’ and Musts

Some of the functions of the sites were also measured by considering whether it should be a ‘must have’ – almost invisible by nature, and functionality that pleased the customer – made them say ‘Wow!’

What we were looking for on this chart were issues that needed attention, represented by clusters of similar comments mostly in the lower quadrant.

These items were then prioritised in the workflow.

Design work

As part of a basket enhancement project, I worked on the screens to confirm removing an item from the basket, giving the customer a pause for thought on whether they really wanted the item or not and giving them the opportunity to change their mind or add it to the ‘Wish list’ for later.

Screens showing the removal of an item from the basket and the options when they do so.

On removal of the item, a reminder of that item is left in the basket list until they leave the page. This enables them to still be aware of it and by clicking on the ‘ghost’ item, add it to the basket once more.

Another area I worked on was the card details page. On the site there are various places that a customer could add a bank card (at the checkout, in the customers’ profile pages, etc). All these instances were inconsistent and needed an overhaul.

Old card details page with poor formatting

I worked through some designs ensuring that the details required were in the same order as they are printed on the card – card number, expiry date, name of card holder, etc. Input fields visually indicated what was required, e.g. credit card fields were designed to be the length of the card number. The card number would be automatically formatted so that it showed in blocks of four digits. The first four digits would identify the card type and a logo would appear on the right of that card sort. Expiry dates were in the format that were printed on the card, etc.

Newly formatted forms for credit/debit card input, on both desk top and mobile devices

I also worked on a concept for a one-stop checkout page, where a new or returning customer could fill in all the details needed on one page in the checkout procedure.

This is particularly important for a returning customer, as they would have everything already filled out and only have to press the pay now CTA if they didn’t need to change any details.

The one-stop checkout page for new and returning customers

More information

For more information on details about my work at Wiggle, please contact me.

Back to previous page

Back to portfolio