Introducing ZT – your new one-stop shop for the accessories you never knew you needed.
Zebra Tango are a digital fashion retailer specialising in stylish accessories – ranging from cosmetic bags to shoulder bags and more. Tapping into the small-purchase market, our London-based client were only a website away from establishing an online brand presence.
And that’s where we came in.
We’ve liaised with our client to design a digital store front so that they can do what they do best.
The end product? A vibrant, colourful, and zesty interface that lists all products and ranges under one digital roof. Ta-Dah!
See how we did it below.
UX & Navigation: The Customer Journey
You’ll notice how easy it is to navigate the whole website because it focuses on what matters most – fashion.
Scrolling past the introductory slider, for example, we are met with a three-column element displaying ‘Handbags’, ‘Accessories’, and Purses’, with some great images to give more information.
Let’s imagine we are a paying customer looking to buy a cosmetics bag that is reasonably priced.
Clicking on the ‘Accessories’ button, we land on a catalogue page displaying a wide variety of accessories. We’re not bombarded with items, content, and widgets, like we often get with well-known e-commerce websites.
What we do get, however, is a clear, clutter-free catalogue that’s never more than 3 items wide.
And, by doing this, we’re able to have large, high-quality product images – so customers can see more of what they want without manually zooming.
So we’ve chosen our desired product – a lovely yellow cosmetics bag. Compact in size, it’s ideal for travelling.
We like the look of this product; by hovering our mouse over it we’re able to view different angles, too, allowing us to really see our product.
From here, we know/can do three things.
- First, the price – £3.99.
- Second, that we can add it to our bag immediately.
- Third, that we can view more details about this product.
What if we wanted to take a closer look at the embroidery? Or some of the design features? Easy – we just hover the mouse over the image.
And if we wanted to learn more about our product, we just scroll down. It tells us the kind of things that are useful, like the material, and how to clean it.
Next, we can choose our desired quantity, and add to basket! It’s that simple.
It might be an obvious step-by-step process. However, there were many design features that made it possible. For example, the catalogue lay-out simplified the products on offer, and made It easier to view them.
For customers who are a little unsure about what to buy – there is a handy ‘Features’ and ‘Gallery’ subsection offering a selection of products on offer.
These are handy features if you want to bookmark particular products for later viewing.
The deep pink/purple palette throughout our client’s website is confident, bold, and striking, helping to foreground the products available.