TomboyX website design by Pylogix

TOMBOYX

An inclusive Shopify Plus redesign for underwear brand TomboyX

Services

  • UX and UI design
  • User testing
  • Shopify Plus development
  • Conversion optimisation
  • Loyalty and reviews

The ask

TomboyX makes underwear and loungewear designed to fit and feel good on every body, across a wide range of sizes and regardless of gender. It sells direct to customers, so the website is the store.

They asked us to redesign their Shopify Plus site. The new experience had to keep everything that makes the brand recognisable, sell more per order, and feel welcoming to every shopper who arrives.

Tech partners

  • Shopify Plus
  • Yotpo
  • Recorded user testing
  • Analytics

The solution

We worked with TomboyX and their in-house developers, and we let the data lead. We started with analytics and wireframes, then tested the designs with real shoppers and changed whatever did not work.

To raise order values we added upsells, cross-sells and a free shipping threshold, and styled them in the brand’s own colours so they feel like helpful suggestions. The finished store is easier to use for every customer, whatever their size.

Tested with real shoppers

We built clickable prototypes and put them in front of shoppers before building anything. What we learned in those sessions shaped the navigation and the layout of the key pages.

TomboyX tested with real shoppers design by Pylogix

A homepage the team can rearrange

We designed the homepage as a set of modules for merchandising, calls to action and brand content. The TomboyX team can reorder and swap them to match each campaign without calling a developer.

TomboyX a homepage the team can rearrange design by Pylogix

Loyalty, reviews and customer photos

We set up Yotpo to bring reviews and customer photos onto the site, and gave the loyalty program a refresh with more reasons for customers to come back.

TomboyX loyalty, reviews and customer photos design by Pylogix

Product pages

A sticky sidebar keeps size, colour and add to cart in view while shoppers scroll. Further down, extra detail and customer photos from Instagram help with the decision.

TomboyX product pages design by Pylogix
TomboyX product pages design by Pylogix

Collection pages

Custom icons make it quick to tell styles apart, and customer photos throughout show how the products look on real people.

TomboyX collection pages design by Pylogix

0

Secret Link