Archives : Works

  • JumpStart – Structurer un temps fort interne pour aligner et engager les équipes

    JumpStart – Structurer un temps fort interne pour aligner et engager les équipes

    Donner un cadre clair à un rendez‑vous stratégique

    JumpStart26 est un temps fort interne conçu pour partager une vision, poser des priorités et aligner les équipes IT & Digital autour des enjeux à venir.

    Dans ce type de dispositif, la forme ne vient jamais après le fond.
    Elle participe pleinement à la compréhension des messages, au rythme de l’événement et à la capacité des équipes à se projeter.

    Notre intervention s’est inscrite dans cette logique :
    concevoir un univers graphique capable de structurer le discours stratégique et d’accompagner l’expérience collective.

    Client : Michelin (IS & Digital)

    Dispositif : événement interne stratégique

    Rôle du studio : direction artistique & conception de l’univers graphique

    photo de l'amphitéâtre de l'événement jumpstart de michelin

    JumpStart Making off – Tapage production

    Penser l’événement comme un récit

    Un événement interne ne se résume pas à une succession de prises de parole. C’est un récit à construire, avec un début, une progression et une intention claire.

    Nous avons abordé JumpStart26 comme tel :

    • en travaillant la continuité entre les séquences,
    • en donnant un cadre commun aux intervenants,
    • et en veillant à ce que chaque support contribue à une lecture fluide de l’ensemble.

    L’univers graphique devient alors un fil conducteur, au service du sens plus que de l’effet.

    photo shooting bureau delmare studio production motion design

    Un langage visuel au service de la clarté

    L’univers développé repose sur un principe simple :
    faire émerger l’essentiel, sans surcharger.

    Déployé sur l’ensemble du dispositif (motion design on‑air et on‑set, supports de présentation, signalétique, affiches, bannières), il permet :

    • d’unifier les messages,
    • de renforcer la lisibilité des temps forts,
    • et d’accompagner le rythme scénique sans le contraindre.

    Chaque élément est pensé comme une brique d’un même système, cohérent et lisible, quel que soit le point de contact.

    Identité visuelle

    Le socle graphique commun de l’événement.

    Habillages motion design on‑set

    Le rythme visuel intégré à la scénographie.

    Habillages motion design on‑air

    La mise en forme des temps forts à l’écran.

    Bannières digitales

    La déclinaison du message sur les canaux internes.

    Affiches

    L’installation de l’univers de l’événement sur site.

    Signalétique

    Une orientation fluide et sans friction.

    Slide deck pour les speakers

    Un cadre partagé pour des messages clairs et alignés.

    Support la veille & le Jour-J

    Un accompagnement continu pour sécuriser le dispositif.

    photo de speakers lors de l'événement jumpstart de michelin
    photo prise en régie lors de l'événement jumpstart de michelin
    photo de la scène de l'événement jumpstart de michelin

    Accompagner les équipes dans la durée de l’événement

    Au‑delà de la production des supports, notre rôle a été d’accompagner les équipes Michelin tout au long du processus.

    Cela implique :

    • de comprendre les enjeux internes,
    • d’intégrer les contraintes techniques et scéniques,
    • d’ajuster les partis pris graphiques au fil des échanges,
    • et de travailler en lien étroit avec la régie.

    C’est cette posture d’accompagnement qui permet à un dispositif graphique de rester juste, opérationnel et impactant jusqu’au jour J.

    Transformer un temps fort en expérience collective

    Un événement interne réussit lorsqu’il permet aux équipes de :

    • se reconnaître dans l’ambition portée,
    • comprendre la trajectoire,
    • et repartir alignées.

    L’univers graphique joue ici un rôle clé : il structure l’expérience, soutient les messages et contribue à faire de JumpStart26 un moment partagé, lisible et fédérateur.

    photo prise en régie lors de l'événement jumpstart de michelin
  • Un teaser en motion design pour déclencher l’envie de participer

    Un teaser en motion design pour déclencher l’envie de participer

    Le contexte

    Meet Magento est l’événement de référence de l’écosystème Magento en France. Pour l’édition 2025, l’enjeu était clair : attirer rapidement des participants et soutenir la vente de billets, dans un contexte de communication très concurrentiel et à forte contrainte de temps.

    Le teaser devait être court, percutant et immédiatement compréhensible, tout en restant suffisamment flexible pour une diffusion web, réseaux sociaux et sur site le jour de l’événement.

    Client : Meet Magento

    Dispositif : teaser en motion design

    Rôle du studio : conception et production du motion design

    La réponse

    Un film en motion design rythmé et synthétique, pensé pour :

    • capter l’attention en quelques secondes,
    • faire passer l’essentiel sans surcharge de messages,
    • s’adapter facilement aux différents contextes de diffusion.

    Le rôle du motion design

    Dans un contexte de temps contraint, le motion design permet de structurer le message, de poser une ambiance et de déclencher l’envie de participer, sans entrer dans un discours trop technique.

  • Structurer un langage visuel à l’échelle d’un groupe international

    Structurer un langage visuel à l’échelle d’un groupe international

    Création des guidelines et des librairies d’icônes & pictogrammes du Design System Michelin

    Contexte

    Dans un groupe international comme Michelin, le design system joue un rôle central : il ne s’agit pas seulement d’harmoniser des interfaces, mais de créer un langage commun, partagé par des dizaines d’équipes, de produits et de contextes d’usage.

    Les icônes et pictogrammes occupent une place particulière dans cet écosystème. À la croisée du branding, de l’UX et de l’industrialisation, ils doivent répondre à des exigences parfois contradictoires :

    • être immédiatement compréhensibles,
    • rester fidèles à l’ADN de la marque,
    • et pouvoir être produits, maintenus et enrichis à grande échelle (voir – Production de contenu à grande échelle).

    Client : Michelin

    Dispositif : Design System – icônes, pictogrammes et librairies d’assets

    Rôle du studio :

    • cadrage stratégique des usages,
    • conception des guidelines de design et d’utilisation,
    • structuration des premières familles d’assets,
    • formalisation des processus de décision et de contribution.

    Enjeu

    L’enjeu du projet n’était pas de dessiner une nouvelle série d’icônes, mais de poser un cadre durable permettant :

    • d’assurer une cohérence visuelle forte, quel que soit le produit ou l’équipe,
    • de clarifier les usages entre icônes fonctionnelles et pictogrammes plus expressifs,
    • de donner de l’autonomie aux équipes sans compromettre la qualité,
    • et de préparer l’évolution du design system dans le temps.

    Autrement dit :
    👉 transformer un sujet graphique en un véritable sujet d’organisation et de gouvernance.

    photo shooting bureau delmare studio production iconographie

    Rôle du studio

    Notre intervention s’est inscrite comme un travail de structuration, à la frontière entre design, stratégie et outillage des équipes.

    Le rôle du studio a consisté à :

    • traduire les intentions de marque en règles opérationnelles,
    • concevoir des guidelines claires, actionnables et pédagogiques,
    • poser les bases de librairies d’assets robustes et évolutives,
    • et accompagner la mise en place de processus de décision et de contribution.

    L’objectif : créer un système compréhensible aussi bien par des designers experts que par des équipes produit ou tech.

    Dispositif mis en place

    1. Clarification des rôles et des usages

    Un premier travail a consisté à distinguer clairement les natures d’assets :

    • Icônes : éléments fonctionnels, liés à l’interface et à l’action.
    • Pictogrammes : éléments plus narratifs ou illustratifs, porteurs de sens et d’expression.

    Pour chacun, des règles d’usage précises ont été définies afin d’éviter les confusions, les détournements ou les redondances.

    2. Définition des règles de conception

    Les guidelines de design formalisent un ensemble de principes partagés :

    • grilles de construction,
    • proportions et rythmes visuels,
    • niveaux de détail,
    • contraintes de lisibilité et de contraste,
    • alignement avec l’identité de marque Michelin.

    Ces règles ne visent pas à brider la création, mais à créer un terrain commun, garant de la cohérence globale.

    3. Structuration des librairies d’assets

    Un premier travail a consisté à distinguer clLes premières familles d’icônes et de pictogrammes ont été conçues comme des briques fondatrices :

    • suffisamment génériques pour couvrir un large spectre d’usages,
    • suffisamment caractérisées pour affirmer une signature visuelle forte,
    • et organisées pour faciliter leur adoption dans les outils et workflows existants.

    4. Mise en place de logiques de décision et de contribution

    Au‑delà des assets eux‑mêmes, un travail spécifique a été mené sur les processus.

    Des diagrammes de prise de décision ont été conçus pour répondre à des questions clés :

    • Quand créer un nouvel asset ?
    • Quand réutiliser un existant ?
    • Qui valide ?
    • Comment contribuer sans fragiliser l’ensemble ?

    Ces outils permettent de fluidifier les échanges, de réduire les frictions et d’ancrer le design system dans les pratiques quotidiennes.

    Ce que ce projet rend possible

    Ce projet illustre une conviction forte :
    👉 un design system ne se limite pas à des composants ou des assets.

    Il repose avant tout sur :

    • des intentions explicites,
    • des règles partagées,
    • et des processus clairs.

    C’est à cette condition qu’il devient un levier de performance, de cohérence et d’autonomie — pour les grandes organisations comme pour les PME et ETI en phase de structuration.permet à un dispositif graphique de rester juste, opérationnel et impactant jusqu’au jour J.

  • Production Motion Design Web Lottie

    Production Motion Design Web Lottie

    Mediapapa est un plugin WordPress qui agit comme un copilote pour votre médiathèque. Il aide les administrateurs, contributeurs et agences à trier, otpimiser et gérer leurs fichiers médias facilement. Le projet a été pour nous l’occasion de mettre en oeuvre une approche motion design web / lottie, dévoilée en mai dernier lors du WordCamp Toulouse 2025.

    Nous avons participé à ce lancement en collaboration avec l’agence Be-Beau, en réalisant le teaser vidéo en motion design, visible en haut de la page d’accueil de wp-mediapapa.com.

    Mais notre mission ne s’arrêtait pas là. Dès les premières phases de création, nous avons adopté une logique de production hybride, en pensant les animations pour le web en parallèle de la réalisation du motion design.

    Une production motion design pensée dès le départ pour le web

    Le défi ? Créer une vidéo explicative tout en anticipant l’adaptation des animations en format Lottie (Lire l’article, « Qu’est-ce qu’une animation Lottie ?« )

    Nous avons donc intégré les contraintes du web dès le storyboard. Cette méthode nous a permis de produire des animations compatibles avec le format Lottie, connu pour sa légèreté, sa compatibilité web, et ses performances optimales.

    Cependant, Lottie impose des limites. Certains effets, courants en motion design, ne peuvent pas être exportés tels quels. Il faut donc les anticiper, les simplifier, ou les adapter intelligemment.

    Notre approche :

    • Production simultanée : chaque animation devait fonctionner à la fois dans le teaser vidéo et dans l’interface du site.
    • Optimisation des assets : nous avons préparé les éléments graphiques (formes, calques, structures) pour garantir leur compatibilité avec Lottie.
    • Adaptation ciblée : certaines animations ont été ajustées pour le web, afin d’en tirer le meilleur parti tout en respectant les contraintes techniques.

    En résumé, ce projet représentait un vrai cas d’école en matière de motion design destiné au web (Animations Lottie), où design vidéo et design d’interface se nourrissent mutuellement.

    Résultat : une identité animée, fluide et performante

    Cette méthode nous a permis de :

    • Créer une expérience utilisateur vivante, avec des animations légères et interactives.
    • Mutualiser les efforts de production entre vidéo et web.
    • Renforcer l’identité visuelle sur tous les supports.

    En somme, ce projet illustre parfaitement comment le motion design (à destination du web) peut devenir un langage graphique transversal, entre narration vidéo et expérience numérique.

    Une belle collaboration

    Merci à l’agence Be-Beau (dirigée par Antoine Paufichet) pour leur confiance et leur direction créative inspirée et exigeante, et bravo à l’équipe Mediapapa pour avoir donné vie à ce plugin malin et attachant.

    👉 Pour nous, ce projet confirme l’intérêt de penser le motion design comme un pont entre les formats, au service d’interfaces cohérentes et engageantes.

  • Motion for Life – Expérience web immersive

    Motion for Life – Expérience web immersive

    Concevoir une expérience web immersive au service d’une brand campaign internationale

    Contexte & enjeux

    Dans le cadre de sa brand campaign Motion for Life, le groupe Michelin souhaitait proposer une expérience digitale capable d’incarner sa vision :
    une mobilité plus durable, plus humaine, plus responsable.

    L’enjeu dépassait largement la création d’un site vitrine.
    Il s’agissait de traduire un discours de marque institutionnel en une expérience web immersive, premium et engageante, à la hauteur d’un groupe international, tout en restant accessible à un public large.

    Client : Michelin

    Dispositif : Expérience web immersive et premium

    Rôle du studio :

    • Interactions & micro‑interactions
    • Création de contenus médias fixes et animés
    • Co‑conception globale de l’expérience, en collaboration avec l’équipe projet

    Objectifs du projet

    • Donner vie à la plateforme Motion for Life à travers une expérience web narrative et émotionnelle
    • Valoriser l’ADN de Michelin : innovation, engagement, responsabilité
    • Créer un dispositif digital cohérent avec les standards premium de la marque
    • Offrir une navigation fluide et intuitive, malgré la richesse des contenus
    photo shooting bureau delmare studio production motion design

    Approche & conception de l’expérience

    L’univers développé repose sur un principe simple : Dès les premières phases, le projet a été pensé comme une expérience globale, où chaque interaction participe au récit. La conception s’est appuyée sur :

    • une narration progressive,
    • un rythme maîtrisé,
    • et un soin particulier apporté aux détails invisibles mais déterminants pour la perception de qualité.

    L’objectif n’était pas d’en faire trop, mais de juste guider l’utilisateur, sans jamais rompre l’immersion.

    Périmètre d’intervention du studio

    Le studio est intervenu sur l’ensemble des dimensions liées à l’expérience utilisateur et sensorielle :

    Conception des interactions et micro‑interactions

    Chaque transition, animation ou feedback utilisateur a été pensé pour renforcer la fluidité et la compréhension, sans détourner l’attention du message.

    Création de contenus médias fixes et animés

    Des visuels et animations conçus pour soutenir le propos, structurer la lecture et installer un univers graphique cohérent et premium.

    Co‑conception de l’expérience globale

    En collaboration étroite avec l’équipe projet, le studio a contribué à la réflexion sur le rythme de navigation, la hiérarchie de l’information et l’équilibre entre esthétique et efficacité.

    Collaboration

    Le projet s’est construit dans une logique de collaboration étroite et itérative, réunissant des expertises complémentaires :

    Antoine Vallée — Développeur full‑stack
    Pour la mise en œuvre technique de l’expérience, avec une attention particulière portée à la performance et à la fluidité.

    Lumilla Maury — Directrice artistique
    Pour la direction visuelle, l’identité graphique et la cohérence esthétique globale.

    Cette collaboration a permis d’aligner vision créative, exigences techniques et objectifs de marque.

  • Animation Lottie pour landing page

    Animation Lottie pour landing page

    Réalisation d’une animation Lottie pour le hero d’un site WordPress

    Une animation orientée performance pour un plugin de performance

    Dans le cadre d’un projet mené avec WP Rocket, Delmare Studio a conçu une animation Lottie (Lire l’article « Qu’est-ce qu’une animation Lottie ?« ) destinée à illustrer les bénéfices du plugin sur leur landing page. WP Rocket est un plugin WordPress premium qui vise à optimiser la vitesse de chargement des sites grâce à des fonctionnalités telles que :

    • la mise en cache automatique,
    • la minification des fichiers CSS/JS,
    • le lazy loading des images,
    • et l’intégration simplifiée avec les CDN.

    Notre objectif : créer une animation légère et performante, parfaitement alignée avec l’ADN du produit.

    L’enjeu principal de notre intervention était double :

    1. Optimiser les performances de l’animation elle-même pour rester alignés avec la promesse produit de WP Rocket. Améliorer la rapidité et l’efficacité des sites web.
    2. Présenter visuellement, de manière claire et vulgarisée, les principales fonctionnalités du plugin, dans un format engageant et accessible à tous les profils d’utilisateurs.

    Nous avons fait le choix de la technologie Lottie pour sa capacité à générer des animations légères, scalables et performantes. Lottie permet l’intégration fluide d’animations vectorielles directement dans le DOM. Le temps de chargement est réduit et une consomme peu de ressources. C’est une solution idéale pour ce type de contexte : responsive, économe et parfaitement adaptée aux exigences du web moderne.

  • Michelin Innovation Park Cataroux

    Michelin Innovation Park Cataroux

    Rendre lisible l’innovation à travers une expérience web immersive

    Contexte

    Michelin Innovation Park – Cataroux est un projet d’innovation d’une grande richesse.
    Un lieu hybride, en transformation permanente, où cohabitent recherche, entrepreneuriat, formation et vision prospective.

    Le défi n’était pas de montrer ce lieu, mais de le rendre lisible, compréhensible et désirable à travers une expérience digitale capable d’en restituer la complexité sans jamais l’alourdir.

    Client : Michelin Innovation Park

    Dispositif : Expértience web immersive

    Rôle du studio :

    • Mise en récit de l’innovation
    • Design narratif et interactions
    • Stratégie de contenu et expérience
    • Conception d’expérience web

    L’enjeu

    Comment raconter un écosystème d’innovation dense, évolutif et visionnaire sans tomber dans un discours institutionnel ?

    Et surtout, comment construire une expérience premium et immersive à partir d’un asset central : une carte interactive conçue par Explore Studio ?

    L’ambition était claire :
    👉 faire du site un véritable parcours d’exploration, pas une simple vitrine.

    L’intention

    L’univers développé repose sur un principe simple :
    Dès le départ, le projet a été pensé comme une expérience globale, où contenu, design, mouvement et interaction racontent une même histoire.

    Chaque choix visait à :

    • Mettre le contenu au centre, sans le figer
    • Donner une lecture fluide d’un projet complexe
    • Faire ressentir l’énergie, l’ouverture et la projection vers le futur
    • Transformer la navigation en expérience d’exploration

    La carte interactive n’était pas un élément isolé, mais le cœur narratif autour duquel l’ensemble du site s’est structuré.

    Notre rôle

    Dans le cadre du projet, Delmare Studio a contribué à la conceptualisation globale de l’expérience, en collaboration étroite avec le Creative Studio by Michelin et Explore Studio.

    Notre intervention s’est concentrée sur :

    • La structuration et la hiérarchisation des contenus
    • La définition des parcours narratifs
    • La conception des micro‑interactions comme leviers de compréhension
    • L’alignement entre récit, mouvement et intention d’usage

    L’objectif n’était pas d’ajouter de la complexité, mais de servir le sens et la lisibilité.

    Une collaboration orchestrée

    Ce projet s’est construit à travers une collaboration étroite entre :

    • Le Creative Studio by Michelin
    • Explore Studio, pour la carte interactive et la dimension immersive
    • Les équipes de Michelin Innovation Park, porteuses de la vision et des contenus

    Ce cadre a permis d’explorer des partis pris créatifs forts, tout en conservant une direction claire et partagée.e joue ici un rôle clé : il structure l’expérience, soutient les messages et contribue à faire de JumpStart26 un moment partagé, lisible et fédérateur.

    photo shooting bureau delmare studio bastien et collaborateurs

    Antoine Vallée — Développeur full‑stack
    Pour la mise en œuvre technique de l’expérience, avec une attention particulière portée à la performance et à la fluidité.

    Lumilla Maury — Directrice artistique
    Pour la direction visuelle, l’identité graphique et la cohérence esthétique globale.

    Le résultat

    Une expérience web immersive, fluide et accessible, qui :

    • Rend compréhensible un projet d’innovation complexe
    • Donne à voir le parc comme un écosystème vivant
    • Invite à explorer plutôt qu’à consommer l’information
    • Traduit la vision de Michelin à travers le récit, le mouvement et l’interaction

    Une démonstration que le contenu est une expérience à part entière, lorsqu’il est pensé comme tel.

    Ce que ce projet illustre de notre approche

    Ce projet reflète la manière dont Delmare Studio aborde les expériences digitales complexes : par la mise en récit, la structuration du sens et l’orchestration des expertises.

    Notre rôle ne se limite pas à produire, mais à concevoir des expériences lisibles, engageantes et durables, capables de donner forme à des projets ambitieux.

  • Account icons & GPS alerts pictograms

    Account icons & GPS alerts pictograms

    Concevoir une expérience web immersive au service d’une brand campaign internationale

    Le contexte

    Truckfly, entité du groupe Michelin, accompagne au quotidien les conducteurs poids lourds avec une application pensée pour simplifier leurs trajets et améliorer leur expérience sur la route.

    Dans le cadre de l’évolution de son application, Truckfly a engagé une refonte de son GPS et de sa gestion de compte, avec un enjeu clé :

    👉 mieux signaler, sans surcharger.

    Les alertes — par nature critiques — devaient être visibles, comprises instantanément, et parfaitement intégrées à une interface déjà dense.

    Client : Truckfly

    Rôle du studio : Conception des symboles, icônes et pictogrammes, de l’application

    Notre approche

    1. La lisibilité avant tout

    Chaque pictogramme ou icône doit fonctionner :

    • à petite taille,
    • dans des contextes d’attention limitée,
    • sans nécessiter d’apprentissage préalable.

    Les formes, les contrastes et les symboles ont été volontairement simplifiés pour réduire toute ambiguïté.

    2. Une tonalité accessible et rassurante

    L’alerte ne devait pas être anxiogène.
    Nous avons donc travaillé une écriture visuelle plus expressive, légèrement ludique, afin de :

    • capter l’attention,
    • tout en conservant un sentiment de maîtrise et de confiance.

    Le résultat

    Truckfly dispose aujourd’hui d’un jeu de pictogrammes d’alerte clair, cohérent et immédiatement compréhensible, capable de :

    • renforcer l’efficacité des alertes,
    • améliorer la lecture de l’interface,
    • contribuer à une expérience utilisateur plus fluide et plus sereine.

    Un travail de détail, souvent invisible au premier regard, mais déterminant dans la qualité perçue d’un produit digital.

    Ce que ce projet illustre

    Ce projet résume bien notre conviction au studio :

    👉 le design ne sert pas à décorer, mais à faciliter la décision et l’action.

    Même sur des éléments aussi “simples” que des pictogrammes, ce sont les choix d’intention, de ton et de lisibilité qui font la différence à l’usage.

  • Animations Lottie pour le web

    Animations Lottie pour le web

    Des animations web au service de la clarté, de la fluidité et de la projection

    Contexte

    En 2022, Qonto engage un revamp complet de son identité de marque.
    Un chantier structurant, mené à grande échelle, qui concerne autant le branding que l’expérience digitale sur qonto.com.

    Dans ce cadre, le studio a été sollicité pour intervenir sur le redesign et l’animation des pages stratégiques du site : page d’accueil, pages offres, pages d’entrées clients, sections éditoriales clés.

    L’enjeu n’était pas simplement esthétique.
    Il s’agissait de faire évoluer un site très “figé” vers une expérience plus fluide, plus vivante et plus engageante, sans compromettre les performances ni la lisibilité.

    Client : Qonto

    Dispositif : Animations web des pages stratégiques de Qonto

    Rôle du studio :

    Conception et réalisation d’animations web optimisées (Lottie),au service de la compréhension produit et de l’expérience utilisateur.

    L’enjeu

    Rendre l’expérience plus interactive, sans alourdir le web

    Le défi principal était clair :

    Introduire de l’animation là où elle apporte de la valeur,
    pas là où elle distrait.

    Dans un contexte B2B exigeant, avec une audience européenne large, les animations devaient :

    • renforcer la compréhension des offres et des fonctionnalités,
    • accompagner la prise de décision,
    • rester parfaitement optimisées pour le web.

    C’est dans cette logique que le choix s’est porté sur des animations vectorielles Lottie, pensées dès le départ pour :

    • la performance,
    • la fluidité,
    • l’adaptabilité multi-devices et multi-locales.

    👉 Un enjeu qui s’inscrit pleinement dans notre approche des animations destinées au web, où la technique sert l’expérience, et non l’inverse.

    photo shooting bureau delmare studio bastien et collaborateur

    Collaboration avec les équipes Qonto

    Le studio a travaillé en collaboration directe avec les équipes produit et growth engineer de Qonto.

    Le studio a conçu des concepts d’animation originaux, entièrement pensés pour :

    • le web,
    • les parcours utilisateurs,
    • et les objectifs business.

    Cette proximité avec les équipes produit a permis d’anticiper les contraintes techniques et fonctionnelles, et d’intégrer l’animation comme un véritable composant de l’expérience, et non comme un ajout décoratif.

    Typologies d’animations mises en place

    Les animations réalisées répondaient à des objectifs complémentaires.

    Animations éditoriales et décoratives

    • animations de pictogrammes intégrés au contenu,
    • boucles légères pour rythmer les pages,
    • micro-animations au service de l’identité.

    👉 Leur rôle : renforcer la cohérence visuelle et rendre la lecture plus fluide.

    Animations interactives

    • animations déclenchées au scroll,
    • interactions à l’hover et au clic,
    • transitions accompagnant la navigation.

    👉 Ces animations guident l’attention et structurent le parcours.

    Animations de démonstration produit

    • visualisation de fonctionnalités clés,
    • animations illustrant des écrans de l’application,
    • supports à la compréhension et à la décision.

    👉 Ici, l’animation devient un outil pédagogique, capable de simplifier des concepts produit complexes.

    Une conception pensée pour le multi‑locales

    Certaines animations représentaient directement des écrans de l’application Qonto.
    Elles devaient pouvoir être traduites et adaptées pour les différents marchés européens.

    Cette contrainte a été intégrée dès la phase de conception, en lien étroit avec les équipes produit :

    • écrans animés facilement traduisibles,
    • exports adaptés aux différentes locales,
    • cohérence de l’expérience quel que soit le marché.

    Résultat : une expérience animée qui permet à chaque utilisateur de se projeter dans le produit, dans sa langue et son contexte.

    Résultat

    Les animations ont permis de :

    • transformer des pages statiques en expériences plus fluides et engageantes,
    • améliorer la compréhension des offres et des fonctionnalités,
    • renforcer la perception de maîtrise produit et de qualité.

    Le tout, sans compromis sur :

    • la performance web,
    • la lisibilité,
    • ni la cohérence globale de l’expérience.

    Ce que ce projet illustre

    Ce projet Qonto illustre une conviction forte du studio :

    L’animation web n’est pas un effet de style.
    C’est un levier au service du produit, de la compréhension et de la décision.

    Lorsqu’elle est conçue en lien étroit avec les équipes produit et growth, l’animation devient un outil stratégique pour les sites B2B à forte exigence.

  • Hi! PARIS – Lancement officiel du centre commun entre HEC et IPP

    Hi! PARIS – Lancement officiel du centre commun entre HEC et IPP

    Le projet

    Hi! PARIS est un centre interdisciplinaire consacré à l’intelligence artificielle et à la science des données, fondé par HEC Paris et l’Institut Polytechnique de Paris. Son ambition est de faire dialoguer recherche, innovation et monde économique afin de développer des projets à fort impact pour les entreprises et la société.

    Le client

    À travers Hi! PARIS, HEC Paris et l’Institut Polytechnique de Paris unissent leurs expertises en management, sciences et ingénierie pour structurer un pôle d’excellence autour de l’IA et de la data, en collaboration avec un écosystème de chercheurs, d’étudiants et de partenaires industriels.

    Client : Hi! PARIS

    Dispositif : univers graphique événementiel

    Rôle du studio : déclinaison de l’identité du client & conception de l’univers graphique

    Rediffusion du Live

    Le dispositif

    Le projet s’appuie sur un plateau équipé d’un dispositif de réalité augmentée, initialement conçu pour l’émission Téléfoot. La particularité de ce type de scène repose sur une construction en parallaxe par rapport au point de vue caméra : l’espace perçu par le spectateur est entièrement recomposé à l’image.

    Cette configuration ouvre un large champ d’expression graphique. Elle permet d’intégrer décors, volumes et habillages visuels directement dans l’espace filmé, et de créer un environnement immersif où identité graphique et mise en scène se fondent dans une même expérience visuelle.

    projet hiparis visual 04
    projet hiparis visual 02
    projet hiparis visual 03

    Les livrables

    L’univers graphique a été décliné sur l’ensemble des éléments d’habillage nécessaires au déroulé de l’événement et à sa captation. Le dispositif comprend notamment :

    • Générique d’ouverture
    • Bumpers et jingles de chapitrage
    • Transitions entre les séquences
    • Boucles d’habillage visuel, à la fois sur le plateau (on set) et à l’image (on air)
    • Écrans d’information pour accompagner les prises de parole et structurer le contenu
    • Générique de fin et écrans de remerciements

    L’ensemble de ces éléments a été conçu pour former un système d’habillage cohérent, capable de rythmer la diffusion tout en renforçant l’identité visuelle du dispositif. de contact.

    Générique d’introduction

    Séquence d’introduction installant l’univers visuel et donnant le ton de l’événement.

    Jingles

    Identifications graphiques introduisant les différentes thématiques ou interventions.

    Bumpers & Transitions

    Courtes respirations visuelles permettant de marquer les transitions entre les grandes séquences.

    Boucles d’habillage

    Eléments visuels intégrés à l’environnement du plateau en réalité augmentée pour enrichir la scène.

    Synthés & Infos écran

    Supports graphiques destinés à afficher titres, noms d’intervenants ou informations contextuelles.

    Générique de fin de live

    Séquence de clôture valorisant les partenaires et concluant la diffusion.

  • Vidéo explicative autour de la traçabilité du vin

    Vidéo explicative autour de la traçabilité du vin

    A travers leur MWP (Mineral Wine Profile), une empreinte minérale propre à chaque vin, la start-up M&Wine propose aux différents acteurs du milieu vinicole de bénéficier d’une traçabilité pour sécuriser les cuvées de vins. Pour ce projet, nous avons créé un univers graphique isométrique pour vulgariser la technologie de la start-up dans une vidéo explicative.

    Le principal challenge des vidéos explicatives est de cerner le service du client. Pour cela nous avons validé un script précis avant de passer aux l’étapes du moodboard, des illustrations, puis du storyboard.

    Illustration du MWP de M&Wine, Mineral Wine Profile

    La vidéo a pour but d’expliquer en images le service complexe du client. Par la suite le client peut utiliser cette vidéo pour la commercialisation du service en question. La vidéo peut aussi être exploitée lors de salons ou de présentations à des audiences.

    Illustration du serveur et du logiciel de contrôle des MWP

    L’illustration isométrique nous permet, dans ce cas, d’avoir une vue globale d’une chaîne, une vue globale sur les différentes scènes. Certains visuels ont plus d’impact en vue isométrique.

    Illustration d'un hangar de stockage

    Un des nombreux avantages du style isométrique est qu’il place le client au dessus du produit/service. Cette méthode apporte plus de perspective sur un sujet donné.

  • Identité visuelle de Design Mates

    Identité visuelle de Design Mates

    Donner une identité claire et crédible à une offre de Design par abonnement

    Design Mates est une offre de design par abonnement dédiée aux équipes communication, marketing et content.

    L’enjeu du projet : traduire visuellement une promesse simple mais exigeante, un accompagnement senior, structuré et durable, au service de la production quotidienne.

    Le contexte

    La création de contenus est devenue stratégique pour les entreprises. Mais sans direction créative claire, sans méthode, et sans ressource senior disponible dans la durée, les équipes s’exposent à une perte de cohérence et d’impact.

    Design Mates est né de ce constat : proposer une alternative crédible au recrutement ou au freelance isolé, en mettant à disposition des profils seniors, autonomes et structurés.

    Client : Design Mates

    Dispositif : identité visuelle

    Les enjeux du projet

    • Créer une identité immédiatement lisible
    • Installer un sentiment de fiabilité et de maîtrise
    • Éviter tout effet “studio créatif démonstratif”
    • Traduire visuellement une logique d’abonnement, de continuité et de collaboration

    L’identité devait rassurer des décideurs marketing expérimentés, habitués à arbitrer entre qualité, délais et pilotage budgétaire.

    photo shooting bureau delmare studio bastien et collaborateur

    Notre approche

    Nous avons abordé l’identité de Design Mates comme un outil de travail, pas comme un manifeste créatif.

    L’objectif n’était pas de “faire joli”, mais de :

    • clarifier la promesse
    • soutenir le discours
    • accompagner l’offre dans le temps

    Le logo : un symbole volontairement direct

    Le logo de Design Mates repose sur un symbole simple : une main tenant un crayon.

    Un choix assumé, qui traduit :

    • la proximité avec les équipes
    • l’ancrage dans la production réelle
    • la maîtrise du geste et de l’exécution

    Ce symbole évite toute abstraction inutile. Il incarne un design opérationnel, tenu par des profils expérimentés, capables de délivrer dans la durée.

    Un système visuel sobre et structuré

    L’identité graphique s’appuie sur :

    • une typographie lisible et affirmée
    • une hiérarchie claire de l’information
    • un univers graphique épuré

    Chaque élément est pensé pour soutenir le discours :
    structure, méthode, fiabilité, seniorité.

    Le design ne cherche pas à prendre le dessus sur l’offre, mais à la rendre immédiatement compréhensible.tribue à faire de JumpStart26 un moment partagé, lisible et fédérateur.

    Un design au service d’un modèle d’offre

    Design Mates n’est pas un projet ponctuel, mais une relation dans le temps.
    L’identité visuelle devait donc être capable de :

    • durer
    • s’adapter
    • accompagner une montée en charge progressive

    Elle pose un cadre clair, rassurant, dans lequel les équipes peuvent évoluer efficacement.

    Résultat

    • Une identité alignée avec la promesse stratégique de l’offre
    • Un socle visuel solide pour accompagner le développement de Design Mates
    • Un design qui renforce la crédibilité du discours, sans jamais le surjouer