/*! ../constants */ /*! ./app */ /*! ./birthday-background-lottie */ /*! ./components/app-content */ /*! ./constants */ /*! ./init */ /*! ./types */ /*! @elementor/editor-modal-shell */ /*! @elementor/ui */ /*! react */ /*! react-dom */ /*! react-dom/client */ /*!**************************!*\ !*** external ["React"] ***! \**************************/ /*!*****************************!*\ !*** external ["ReactDOM"] ***! \*****************************/ /*!*************************************!*\ !*** external ["elementorV2","ui"] ***! \*************************************/ /*!******************************************!*\ !*** ./node_modules/react-dom/client.js ***! \******************************************/ /*!***************************************************!*\ !*** external ["elementorV2","editorModalShell"] ***! \***************************************************/ /*!*************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/app.tsx ***! \*************************************************************/ /*!**************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/index.ts ***! \**************************************************************/ /*!**************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/init.tsx ***! \**************************************************************/ /*!**************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/types.ts ***! \**************************************************************/ /*!******************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/constants.ts ***! \******************************************************************/ /*!********************************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/components/app-content.tsx ***! \********************************************************************************/ /*!***********************************************************************************************!*\ !*** ./packages/apps/birthday-easter-egg-modal/src/components/birthday-background-lottie.tsx ***! \***********************************************************************************************/

Musixmatch Pro x Runway

MOTION

Musixmatch Pro x Runway

UX & UI

DAVIDE SORANZIO

MOTION

DAVIDE SORANZIO

DESIGN DIRECTOR

Alessandro Camedda

Client

Musixmatch

YEAR

2024

INTRO

BRIEF

Musixmatch and Runway partnered to combine AI-driven creativity with the universal language of music.

The challenge was to craft a clear, inspiring narrative that showcased how this integration empowers artists and simplifies the creative process.

Motion

Promotional video

I crafted a dynamic video mixing 3D elements to represent devices and 2D graphics inspired by Musixmatch’s branding.

This combination highlights the integration’s functionality while staying true to the brand identity, delivering a visually engaging and cohesive story.

Motion

Promotional video

Design

UI&UX

I designed the interface using Musixmatch’s design system, ensuring a seamless integration of their visual identity and functional elements.

The result is a UX that engages the artist in the video creation process, maintaining a human touch and avoiding the perception of fully automated creativity.

See more

Coez — Volare Freestyle

VIDEOCLIP

VOLARE

Laila Al Habash — Progetto

COMMUNICATION

MYSTIC MOTEL

COMMUNICATION

NELLO SPAZIO CHE RESTA

(function ( $ ) { 'use strict'; window.vc.ttaSectionActivateOnClone = false; window.InlineShortcodeView_vc_tta_toggle_section = window.InlineShortcodeView_vc_tta_section.extend( { controls_selector: '#vc_controls-template-vc_tta_toggle_section', allowAddControl: function () { return vc_user_access().shortcodeAll( 'vc_tta_toggle_section' ); } } ); })( window.jQuery );