I was responsible for shaping the visual design, analysing user behaviour to prototyping new feature ideas, all of which would contribute to the successful growth of the brand.

Role

Senior UI/UX Designer

Date

December 2018—May 2021

Responsibilities

  • Raising UX standards
  • Reduce friction within conversion flow
  • Prototyping new features
  • Competitor analysis
  • Increase customer engagement

Tools

Sketch, Usability Hub, InVision

Homepage UX Strategy
One key area of improvement which required attention was our homepage. Prior to a redesign, it was merely a showcase for collaborations and product launches. User engagement was minimal and the clickthrough to key product pages was low.

I created a basic concept to improve the overall strategy of the homepage. It needed to have a purpose, to tell a story about our products and drive users to key areas of our site.

This strategy is still in place, with content only changing during seasonal campaigns and new product launches. Visit the website

Homepage UX strategy concept
Homepage UX strategy concept

Product Detail Page optimisation
With traffic to these pages coming from a variety of sources, optimisation on these pages would often occur. Whilst trying to understand more about user behaviour, we would also strongly focus on what information helps a user during the decision making process.

Over time, the look and feel of these pages have changed a lot. The information architecture has been reworked to coincide with the increase in product options available, behavioural changes to the gallery were made to help with page load time speed and as well as encouraging users to discover more about a product with a change to the scrolling pattern, from horizontal to vertical.

Horizn Studios — Product detail page for the H5 flagship product
Horizn Studios — Product detail page for the H5 flagship product

Responsive UX optimisation
The percentage of mobile visitors started to outnumber those using desktop, so as a product team, we decided to assess our mobile experience and prioritise improvements to key user journeys and component functionality, based on evidence seen whilst watching user recordings on HotJar.

This included:

  • Homepage hero design
  • Navigation architecture
  • Product title IA
  • Overall visual design assessment
Responsive UX optimisations
Responsive UX optimisations

Horizn ID — Product customisation tool
During 2019, I spent some time designing a customisation tool that would allow users to change the colour of specific elements of a suitcase. With this being a new feature, we as a team had to design and build this experience from the ground up, whilst maintaining a seamless user journey from within the current application.

After an initial round of research — which resulted in finding a lot of mainstream brands offering a similar tool for trainers, we started work on prototyping our own solution. We wanted this to be an intuitive process, something which can be completed in a matter of minutes.

User journey from collection page to product customiser
User journey from collection page to product customiser

The diagram above is a small segment, highlighting the journey from a collection page, into the tool itself, whilst considering products that aren't ineligible for customisation.

With the scope to add additional levels of customisation in the future, our solution needed to have the ability to scale as and when we needed it to. For example, how simple is it to remove the option to change the handle colour? Can we add more colours easily? Could we offer this to more products in the future, like the Check-In sized luggage?

One feature of the tool allows a user to add a monogram to the luggage tag — something we offered prior to this being released. We also had to consider those products not ineligible for customisation, but can still have a monogram added. How would this experience differ from that of the one within the Horizn ID? Do we need to build a separate monogram UX for specific products? Can all products be part of the ID tool just with limited options? Or can we keep the current experience?

User flow for adding a monogram
User flow for adding a monogram

For the initial release, we decided to keep the existing UX for adding a monogram, as well as adding the option within the customisation tool. Something we would monitor during the rollout.

Our MVP was released in early 2020.

All work featured on this page was designed by me, whilst working full time at Horizn Studios. These are just a select number of projects that I worked on. If you would like to see more, please get in touch.