Agathe Gelin
← All work

Bestseller · 2015 – 2016

One responsive e-commerce platform for 17 fashion brands.

I helped build Bestseller's new responsive e-commerce website from scratch: one platform for 17 fashion brands, including Jack & Jones, Only, Vero Moda, Vila and Name it. During the same assignment, I also designed an in-store “buy now, pay later” flow in the Klarna app.

Client
Bestseller
Role
UX Designer & Researcher
Years
2015 – 2016

How I worked

I worked on site at Bestseller’s office in Amsterdam, as UX designer and researcher in the team building the new website, day to day with the product owners and business analysts.

Case study 1

Bestseller.com platform

How might we give 17 fashion brands one website that feels right for each of them, and stays easy to run for their marketing teams?

Bestseller owns brands such as Jack & Jones, Only, Vero Moda, Vila and Name it. We were asked to redesign their online shops completely, as one responsive website for all of them. The goal: a consistent, easy experience for shoppers on every brand, and a solution that scales, so the marketing teams can run 17 shops without 17 times the work.

The new Bestseller product page on desktop, laptop, tablet and phone: the same layout adapts to every screen

What I did

  • Benchmark. I compared the navigation and the main user flows with key competitors, to see what shoppers already expect from a fashion website.
  • Data. I worked with the business analysts on customer behaviour data, to understand how people actually browsed and bought.
  • Information architecture. I reworked the structure of the site through wireframes and interactive Axure prototypes, from the menus to the checkout.
  • Workshops. I ran workshops with the product owners to define the features.
  • Sign-off. I presented the solution to all 17 brands at the head office in Denmark.

One platform, every brand

Every brand runs on the same templates and components. What changes is what makes a brand recognisable: its logo, its colour, its photos and its campaigns. The marketing teams fill the same building blocks, and each shop still looks like itself.

Home pages of Bestseller, Mama.licious, Only & Sons, Only, Y.A.S and Vero Moda, all built from the same template, each with its own logo, colour banner and campaign photos

Home pages: the same layout, six different brands.

Product listing pages of Bestseller, Mama.licious, Only & Sons, Only, Vila and Y.A.S, with the same category menu, filters, sorting and product grid

Product listing pages: one category menu, one set of filters, one product grid.

Product pages of Vila, Vero Moda, Only & Sons, Mama.licious, Bestseller and Y.A.S, with the same gallery, colour and size selectors and green add-to-bag button

Product pages: the buying area works the same way on every brand.

Responsive, from desktop to phone

The product page adapts to each screen. On large screens, the thumbnails sit next to the main photo. On a tablet, they move under it, and the size buttons wrap onto two lines. On a phone, the photos become a swipeable carousel, and the product information follows below.

The product page on a tablet: thumbnails under the main photo, size buttons on two lines
Tablet
The product page on a phone: the photos as a swipeable carousel with dots, the product name below
Phone

Case study 2

Checkout with Klarna

How might we make paying simple, from the bag on the website to paying later in store with Klarna?

The bag

In the bag, shoppers can change an item’s colour or size, or add a gift card, in a pop-up, without leaving the page. I prototyped every interaction in Axure, so the team could click through the flow before it was built.

Klarna in store

Objective

During our assignment at Bestseller, we were tasked with reviewing and optimizing the buying flow within the Klarna mobile app. The goal was to enhance the in-store shopping experience by enabling customers to purchase clothes and defer payments, leveraging Klarna’s “Buy Now, Pay Later” feature.

A customer tries on a dress in a Vero Moda fitting room, next to a “Pay with Klarna” sign explaining how to pay in store

Key improvements

  • Simplified Navigation: We restructured the navigation to make it easier for users to access the “Pay Later” option directly from the product pages.
  • Seamless Integration: The redesigned flow was integrated with Klarna’s existing systems, ensuring that in-store transactions could be smoothly managed within the app.
  • Enhanced Usability: We introduced clear prompts and guidance within the app, reducing friction points and ensuring users understood how to complete their purchases and defer payments.

User flow of the Klarna app: flow 1, setting up a Klarna account, and flow 2, buying in store with Klarna

Klarna flow 2 wireframes for a returning customer: home page, check limit and pay in store with a QR code, place order and confirmation

Klarna flow 1 wireframes for a first-time customer: home page, sign-up information in two states and the approval page

Klarna app screens for signing up to pay in store, from entering an email and postal code to the “approved” and “not approved” results

The full set of Klarna in-store payment screens, including help pop-ups, sign-up steps, error states, the QR code and the order confirmation

Have a great idea, a product you want to bring to life, or a complex project that needs someone reliable?

Let's talk.