Commercial Catalogue

A one-stop-shop page where customers can shop around for device needs without feeling overwhelmed by a huge array of options.

Desktop and mobile image of the commercial catalogue devices

PROBLEM

There are 3 low performing pages for phones, tablets and smartwatches, none of which had a call-to-action for the customer.

GOALS

To give customers information about our available devices and where to shop next.

The solution

The solution for these pages was to combine all available devices for commercial (101+ employees) customers. This meant designing a hub page that gives customers information about our available devices, where to shop next, and how to purchase them.

Desktop image of the commercial devices available for purchase

IDEATION

We started with analyzing the previous device catalogue pages, we used stickies on Miro to define what was done well, what could be improved on, and what was bad UX.

Screenshot from Miro of the previous page analysis

The main things that we wanted to improve on were:

  • Improving interactivity as the images of the devices don’t do anything

  • Shorten the very long page into something more digestible

  • Including CTAs so customers have a task and action

We created 5 different wireframes based on our findings from our analysis of the original pages. After rounds of reviews from the product, development, and design teams, we decided on the two shortest pages for better findability and to reduce the cognitive load on our customers.

Screenshot from Miro of design wireframes

Our solutions were to:

  • Remove the long device catalogue and include CTAs to our callback forms

  • Condensing content into bite sized pieces for easy reading

Our North Star designs were to include tabs for each type of device (ex: smartphones, tablets, smartwatches). This would be a future proof design in case there were more devices to be added.

RESULTS

The page visits increased from 373 to 1192 (+319.5%) due to site findability with 189 customers clicking on the callback form (15.8%). Our redesigned page made it easier for customer to access our sales agents and place their orders.

REflections

I would have liked to do card sorting in order to understand where the customer would expect to find what they’re looking for. As an L2 designer, at times it’s difficult to push for the best user experience despite not having the budget and capacity to do so. As a learning experience, I would keep pushing for better UX and push past my boundaries.