Husqvarna

Design for Husqvarna Forest & Garden's website, including e-commerce related features and user flows.

Background

I was involved in the redesign of Husqvarna Forest & Garden's new website and e-commerce solution, as part of a relatively large design team consisting of on average 5 UX/UI designers.

Here I will focus on the things I've had the main responsibility for, such as the checkout flow, the dealer locator, and the self-service support section. Furthermore, I've been responsible for creating and maintaining the component library, and for developing the way the design team collaborated on it.

Bars & chains guide

This is a type of wizard to help customers find the right bar, chain or combination of both for their chainsaw. A big challenge was to make it feel smooth even though all the questions are not completely easy to know the answer to. It was important to have a good pattern for providing contextual help, and other clues to help the user complete the guide with confidence as quickly as possible.

Some of the UI components.

Comparison feature

The comparison feature is an important part of helping users find the right product, especially when the difference can be hard to understand and there are a lot of different specifications.

The biggest challenge here was to pay attention to all the different small details and edge cases that can greatly affect the user experience for some people.

Some of the UI components.

Checkout flow

The new checkout (for some of the markets) was a very interesting design challenge because of all the different functions, criterias and technical limitations.

Some of the UI components.
The three main steps of the mobile checkout.

Dealer locator

The dealer locator plays an extremely important role in the customer support user journey and we spent a lot of time iterating on this in dialogue with stakeholders.

Some of the UI components.

Self-service support

The self-service section on the new site consists of a hub page where you can either browse categories, go directly to featured help articles or search for keywords.

Some of the UI components.

Design system

The site is complex and so is the design system, with around 700 components in Figma at the time of writing this. I've taken the responsibility to structure this in a useful way and organize all the components, states, variants, modules and templates. Don't hesitate to reach ouf if you want to know more since it's not that easy to share in a portfolio format. :)

Some of the UI components.