MY RENAULT APP VIDEOS

MY RENAULT APP VIDEOS

Promotional Video

This video presents the main screens and animations of the My Renault application, produced entirely in After Effects. Designed as a promotional asset for the European launch of the app, starting with Portugal, it showcases the remote services features and the illustration-based micro-animations I created to bring the vehicle connection experience to life.

Developing a detailed styleguide for the iconography methodology ensure visual and functional consistency across all icons, streamlining their large-scale creation. It standardize processes, improve efficiency, and minimize errors. Teams collaborate more effectively while adhering to Crédit Agricole's new brand guidelines, ensuring a cohesive and professional result. This detailed guide significantly reduce design time, enabling the rapid and seamless production of over a hundred icons.

Illustration and motion design

Working within Renault Digital's established visual identity, I was given creative freedom to expand and enrich the illustration universe initiated by the brand's in-house artist. The starting point was the existing DA guidelines : color palette, character style, graphic language, which I used as a foundation to propose new scenes tailored to the remote services context.

To ensure a smooth transition to the new brand guidelines and to incorporate approximately one hundred iconographies, I implemented a structured methodology for icon creation.
This methodology was developed concurrently with the design of certain UI pages for the New Ma Banque mobile application.

1. Concept & ideation

1. Concept & ideation

Identifying which loading states and remote interactions needed illustration (door unlock, indicators, air conditioning, engine wake-up sequence). Each moment was mapped to a user action and a waiting time.

2. Illustration on Illustrator

Multiple vector drafts per scene, exploring compositions and character expressions within the brand's graphic universe. Each batch was submitted for validation to both the DA team and the Marketing & Communication department to ensure alignment with Renault's visual identity.

3. Animation on After Effects

Once illustrations were approved, I animated them frame by frame in After Effects, designing timing and easing to feel natural and reassuring during the vehicle connection process.

4. Export via Bodymovin → LottieFiles

Animations were exported as lightweight JSON files via the Bodymovin plugin, then integrated directly into the mobile application using LottieFiles, ensuring smooth, scalable rendering across devices without heavy video files.

The Result

5. the result

The Result

5. the result

A series of micro-animations that transformed technically long loading times into an engaging "awakening" experience for the vehicle , lights flickering, indicators blinking, dashboard coming to life.

Developing a detailed styleguide for the iconography methodology ensure visual and functional consistency across all icons, streamlining their large-scale creation. It standardize processes, improve efficiency, and minimize errors. Teams collaborate more effectively while adhering to Crédit Agricole's new brand guidelines, ensuring a cohesive and professional result. This detailed guide significantly reduce design time, enabling the rapid and seamless production of over a hundred icons.