MediaMonks

Maserati
MC20

Car Sites & Car Culture / Nominee

MediaMonks

Car Sites & Car Culture

Nominee

Brands and companies now understand the true potential of comprehensive customer experience through online channels, therefore investing in digital with purpose and ambition. - MediaMonks Team

Q: Can you describe your project and the concept behind it? A: For the launch of Maserati’s most epic supercar, the MC20, the experts at MediaMonks came up with an audacious digital design direction, bringing the MC20 to life in all its glory: from 3D explorations and configurators to deep dives, rich media content, and interactive components. Through the Maserati MC20 Model Page, users feel the car from up close, and can truly grasp the audacious style and breathtaking performance of this supercar.

Q: Tell us about your initial moodboard, wireframe, or prototype. How did things change throughout the process? A: Although we had a very limited timeline to deliver this project, we first conducted an (online) UX and creative workshop with the key stakeholders, to explore the opportunities and define the requirements. Very rapidly our creative lead crafted concept designs, dialing in strategic functionalities along the way. The end results do not actually differ so much from the initial design iterations!

Q: What influenced your chosen technical approach, and how did it go beyond past methods? A: The creative strategy was to make a ‘scrolly-telling’ experience: to unfold the story of the MC20 upon scroll. A single page designed and built with chapters that include interactive components showcasing specific aspects of the MC20, such as the custom engine sound or the butterfly wing doors. Packing those components into a single page, and optimizing its loading time, represented a true challenge that the tech team successfully achieved!

When did you experience a breakthrough or an "a-ha" moment during this project?

To showcase the six exterior colours available for the MC20, we imagined and designed a unique component that lets you pick a tint and paint the car yourself, directly within the page. Once developed, this component came across as strikingly satisfying to use!

Q: What web technologies, tools, and resources did you use to develop this? A: The frontend is developed using muban which serves as a base for the Adobe Experience Manager integration. For authoring and managing content, Adobe Experience Manager (AEM) is being used. Furthermore the MC20 site uses technologies like WebGL and Web Audio to enhance the user experience.

Q: How did you balance your own creative ideas and technical capabilities with a fair representation of the client’s brand? A: The Maserati team is well-educated on creative technologies and has an appetite to see their brand and products being showcased in the most forward-thinking way online. It gave us the confidence to come up with a bold creative vision for this project, knowing that the client would be capable of getting behind our ambitious approach, and provide us with the means to achieve it.

Q: How did the final product meet or exceed your expectations? A: Maserati has developed the MC20 with the clear intent to position the car as a radical innovation in the automotive industry, so it was critical for us to rise up to the level of the car design itself, and produce a stunning interactive experience. Then, the digital design awards that this project won were a great indicator of our success (Awwwards Site of the Day, FWA Site of the Day, CSS Winner Site of the Day).

Q: Why is this an exciting time to create new digital experiences? How does your team fit into this? A: The limitless creative opportunities that new and improved technologies allow us to imagine. Combined with the fact that certain user groups get a growing appetite for rich, immersive digital experiences, the next decade is full of exciting possibilities for us creators! Also, brands and companies now understand the true potential of comprehensive customer experience through online channels, therefore investing in digital with purpose and ambition.

Explore

MediaMonks

Netflix DARK

TBWAChiatDay LA

Behind The Record

Wild Forest

François Audouy

Zuleika Arroyo

Black Women Too

Sid Lee / DIgital Kitchen

The Joker’s Escape

NBC News

Trans, imprisoned — and trapped

The National AIDS Memorial

World AIDS Day 2020 - A National Conversation -

AKARU

Avoriaz

GSD&M

U.S. Air Force ECHO

Animal

Life At Spotify

Center for Architecture

Visualize NYC 2021

HAUS

Tillamook

360 Design

Zoonomia

Wonderland

Gigarama

Sing, My District

Nightjar

Discovered Wildfoods eComm Experience

Dogstudio

ZOOX

Cheil Worldwide, Inc

Samsung Galaxy S21 5G series

NYC & Company

The Black Experience in NYC

ESPN

ESPN College Football Tracker

Paradowski Creative

The Sheldon Website

Active Theory

CHILE20

Active Theory

Secret Sky 2020

Hook

YouTube Culture & Trends Report

Hook

Local Guides

Hello Design

The Marvelous Mrs. Maisel

Studio Airport

Emergence Magazine

Athletics

New York Review of Books

R/GA

ESPN House of 98

ThoughtMatter

CENTER Photography 2020 Compendium

Turbulent

Turbulent.ca

IntraCollaborative

Newest Americans

Rotate°

Big Green Egg

Wide Eye

WhiteHouse.gov

Swell Creative Group

Everyone In LA: 2020 Homeless Count

firstborn

Exo

GIPHY

Content Pilot LLC

Chambliss. Bahner & Stophel

Hello Monday

Bartlett Summer Show

Work & Co

Vistaprint Masks

Hello Monday

Virgin Hyperloop

Forbes

Forbes 30 Under 30 2021

MIT Open Learning/Center for Advanced Virtuality

In Event of Moon Disaster

MediaMonks

Frontier Development Lab: Solving NASA’s Toughest Challenges with Google Cloud × Intel

Jam3

ComplexLand

Spring/Summer

Stykka

firstborn

The Leary Firefighters Foundation

Elephant

Elephant Website