The new Swatch.com

We were asked to create a new, customer-centric, Swatch website that combined swatch.com and shop.swatch.com, providing consumers with one central place for inspiration and shopping.

CLIENT

Swatch

AGENCY

AKQA

ROLE

Designer, Art Director

CREATIVE

As an extension of the brand, Swatch.com is meant to be an expression of its joyful, bold personality. Using brand visuals as graphic elements to make the experience uniquely Swatch and combining bold typography, smart color blocking, and contextual imagery we ensured the product remains the hero of the experience.

Swatch_Pages_01_Mosaic_01-1
Swatch_Pages_01_Mosaic_02-1
Swatch_Pages_01_Mosaic_03-1

MAIN PAGES

Home, Collection and Product Detail.

Swatch_Pages_03_B
Swatch_Pages_04_B
Swatch_Pages_05_B

PRODUCT DETAIL PAGE

One of our bigger challenges in this project was to create a Product Detail Page that could deliver more than just a place to click an 'add to cart' button. We wanted our users to get to know and experience more of each piece and the collection it belongs to. A lot of hours went into making all the mandatory information and interactions look good and work together and above the fold.

ERROR PAGES

In order to make the most of every oppotunity in the simplest way possible, we leveraged Swatch's fun personality and brand's tone of voice to create and design a couple of fun Error pages. 

LIBRARY & DESIGN PRODUCTION

Swatch.com is not a simple and 'one-off' kind of site. This platform needed to work across multiple countries, languages, settings and display more than a thousand products.

With that in mind we created an extensive library of assets, rules, and modular components that could be adapted and organized in any way you want in order to show a products, a collection or even a blog article.

Swatch_Pages_04_Library_B
Swatch_Pages_04_Library_C
Swatch_Pages_04_Library_A
Swatch_Pages_04_Library_E
Swatch_Pages_04_Library_F
Swatch_Pages_04_Library_D

ABOUT ME

I am a passionate, detail-oriented, and curious Creative.

Always willing to experiment and learn, I love to craft, create, design, and build things whether in analog or digital formats. From small, local, traditional, and bigger agency networks, I have spent over 10 years working on high caliber clients, including: McDonald's, Swatch, Lululemon, Mini, Dr. Oetker, Here Technologies, and more.

If you want to get in touch to chat about opportunities, network, or just grab a coffee (I love coffee, seriously) feel free to drop me a line.

PAST EXPERIENCES

GERMANY

AKQA

CANADA

Lululemon
The & Partnership
Camp Pacific
DDB Vancouver

BRAZIL

DM9 Sul (DDB Brazil)
3YZ (Ogilvy)

SITE INFO

This website was created using Semplice Studio Edition™ for WordPress and (not yet) tweaked by a proper developer, just me playing with some CSS and custom things. The typefaces used here are Butler, created by French designer Fabian De Smet, as well as Open Sans created by American typeface designer Steve Matteson. Other than #00000 and #FFFFFF, the accent colour you see in links, things you can click, and on the favicon is #FF3F43.

The last update was on a Monday, November 22nd, 2021 at 7:56 am (CEST) after a weekend of walking around and taking photos of this new place I am calling home.