+-About

+-Work

+-Feed

The Checkout

The first edition of Klarna’s global, annual summary. A report made with data and insights from what shoppers bought and checked out. I was tasked to design the look-and-feel, website and start set the guidelines for the concept.

Role

Brand design, UI/UX, Social

Partner

Klarna Design
NoA Ignite

Awards

FWA
Awwwards

2022 was a collective blast from the past across fashion, technology, and culture. This resulted in a clear theme for Klarna’s first report:
https://olofmogard.com/wp-content/uploads/2023/02/EOY_TYPE_0202.mp4
From flip phones to racer sunnies, a lot of things from recent memory became classics. Five defining trends were identified.
These trends were narrated by expert Agus Panzoni @thealgorythm who became the face and voice of The Checkout.
The pixel became a natural component for throwback visuals. Mixing low-resolution graphics, colorful imagery and typography in a modern context.
We used the pixels as a style and grid, but also as an incentive to click. Putting them in two different categories, Legible and Hinted.
We wanted to make sure the website never felt static, so we made use of triggers, scrolls and hover effects. Playing with colors, type animations and layout together with Klarna’s pink presence.
https://olofmogard.com/wp-content/uploads/2023/02/EOY_WEBINTRO_09.mp4
Mockups by Marcus Löfvenberg
https://olofmogard.com/wp-content/uploads/2023/02/EOY_SCROLL_10.mp4
https://olofmogard.com/wp-content/uploads/2023/02/EOY_HIGHLIGH_12.mp4
https://olofmogard.com/wp-content/uploads/2023/02/EOY_TOPTRENDING_12.mp4

Credits

Marcus Löfvenberg

Motion designer

Erik Kölare

UI/UX

Saga Silow

Project manager

Sofia Kappelin

Project manager

David Martin de Juan

Art director

Martin Öberg

Photography & film

Alexander Flink

Web developer

Martin Barri

Web developer

Next case
Konträr