
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: 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.