Gecina · Agora · Back2Back · 12 octobre 2026

Annonce télétravail :
pistes de motion interactif

Recommandation

Après le retour de Nikhil (« trop basique ») et la référence Hermès « Urban Cavalier », la piste conseillée devient E, la rue des objets : un monde illustré, texturé, dans la palette Gecina, traversé en un seul travelling.

Les pictogrammes au trait de la piste A restent la couche de détail (icônes de l'écran, des étapes), et la structure blanche de la piste B porte les textes.

Démonstration

La piste E en mouvement, telle qu'elle serait dans Agora

Ce que montre l'encart

  • Une seule rue, un seul travelling, comme le film Hermès : la caméra suit la cycliste de la maison au bureau.
  • Les immeubles sont des objets de travail géants (mug, agenda, portable, chaise) : aucun bâtiment Gecina inventé.
  • Étape 1 : le salarié touche ses jours sur le bandeau de l'agenda, le compteur réagit.
  • Étape 2 : l'écran du portable coche les trois gestes de la demande.
  • Le panneau blanc à coins arrondis reprend la structure de la charte ; en iframe étroite, il passe en bas.
  • Tout est codé (calques détourés, aucune vidéo) : textes, règles et jours se changent en une ligne.

Première version

La piste A au trait, au format d'un encart

Le télétravail évolue.

Trois minutes pour comprendre ce qui change pour vous. Texte provisoire, en attente du brief.

Composez votre semaine.

Touchez un jour pour passer du bureau à la maison. Règle d'exemple : deux jours à distance au plus.

Comment faire votre demande.

Trois étapes, dans les outils que vous utilisez déjà.

Choisirvos jours avec votre manager.
Déclarerdans l'outil RH habituel.
C'est prêtdès la validation.

Ce que montre l'encart

  • Les objets se tracent comme les pictogrammes de la charte (SVG, aucun fichier lourd).
  • Le seul point Gold signale l'information clé, comme le veut la charte.
  • Étape 2 interactive : le salarié compose sa semaine, le compteur réagit.
  • Tout tient dans un cadre 16:9 qui s'adapte à la largeur de l'iframe.
  • Sans scripts autorisés, la même piste se livre en animation CSS ou en vidéo.

Images clés

Quatre directions

Image clé, piste E. La rue des objets

Le télétravail
évolue.

Recommandée

E. La rue des objets

Inspirée du film Hermès « Urban Cavalier » : une rue dont les immeubles sont des objets de travail géants (mug, agenda, portable, chaise, suspension), traversée de la maison au bureau. Illustration à plat texturée, contours Bleu Signature, palette de la charte. Animée en code par calques détourés : voir la démonstration plus haut.

Image clé, piste A. Le trait qui se dessine

Le télétravail
évolue.

Couche de détail

A. Le trait qui se dessine

Prolonge directement les pictogrammes de la charte : trait unique Bleu Signature, jamais plein, un seul point Gold pour l'information clé. En mouvement, chaque objet se trace (effet de dessin au trait), la semaine se remplit case par case, le salarié clique sur ses jours. Léger (SVG), net sur tous les écrans, tient dans une iframe même si les scripts sont limités.

Image clé, piste B. La structure blanche sur photo

Une semaine,
deux lieux de travail.

Pour l'ouverture et la clôture

B. La structure blanche sur photo

Reprend la « structure visuelle verticale » et les coins arrondis 8 px de la charte : le bloc blanc glisse sur une photo d'espace, le titre s'y écrit, les pictos se tracent en bas. Très Gecina, mais peu interactif seul : à garder pour l'écran d'accueil et la conclusion de la piste A. Photo générée ici, à remplacer par un vrai visuel Keepeek.

Image clé, piste C. Collage photo et trait

Ce qui change,
concrètement.

Possible, plus incarnée

C. Collage photo et trait

Une vraie personne détourée (liseré blanc) et les pictos filaires qui circulent autour d'elle. Plus humain que A, plus magazine. Demande de vraies photos de salariés (droit à l'image) ou une banque d'images ; la personne générée ici n'est qu'un repère.

Image clé, piste D. Corporate Memphis recoloré

Le télétravail
évolue.

Hors charte, à faire valider

D. Corporate Memphis recoloré

La plus chaleureuse des quatre et la plus lisible pour un sujet RH : des personnes, un geste, un lien. Mais elle sort de la charte 2026 (dessins pleins, plusieurs couleurs dans un même dessin) : à présenter comme un écart assumé, validé par la communication de Gecina, ou à réserver à ce seul sujet.

Images générées pour l'exploration, titres composés en IvyPresto par-dessus. Aucun bâtiment Gecina représenté ; la photo de la piste B et la personne de la piste C sont des repères à remplacer.

Références

Le niveau visé

Point de départ : le film Hermès « Urban Cavalier » (Klaus Kremmerz, Dutch Uncle, Beginners, vimeo.com/631084391). Autour, des films et sites animés de studios du même niveau, choisis pour ce qu'on peut en reprendre. Les images sont des vignettes ou des extraits ; chaque carte ouvre l'original.

monde d'objets · Annie Choi (anchoponcho) pour Hermès, série Instagram de la maison

Hermès, montre H08 : le magasin du Faubourg devient un écrin (2025)

Une main géante saisit la statue équestre du toit du 24 Faubourg et ouvre l'immeuble comme une boîte à secrets : changement d'échelle sur une architecture parisienne réelle, dessin fin et palette douce.

Film court vertical, plan fixe puis transformation continue de l'immeuble (dépliage façon boîte à puzzle japonaise), sans coupe.

Pour Gecina : Faire d'un immeuble Gecina reconnaissable un objet qu'on ouvre : la façade se déplie et révèle les nouveaux lieux de travail (bureau, domicile, tiers lieu) comme les compartiments d'un coffret.

monde d'objets · Ian Padgham (Origiful) pour Jacquemus

Jacquemus, Le Bambino géant roule dans Paris (2023)

L'exemple le plus littéral d'objets agrandis à la taille de véhicules dans une ville réelle (place de l'Opéra) ; 40 millions de vues. Image de synthèse réaliste : à prendre pour l'échelle et l'idée, pas pour le style.

Plan caméra à l'épaule, objets en 3D intégrés dans une prise de vue réelle, trafic qui circule en boucle.

Pour Gecina : Le gag d'échelle comme moteur : un agenda, un mug ou un portable qui circulent comme des bus dans les rues, transposé en illustration à plat pour rester dans le registre Hermès.

monde d'objets · Nexus Studios, réalisation Eastend Western

Wealthsimple, « This Is Big » (2025)

Une carte bancaire devenue falaise au milieu d'une plage miniature : l'objet produit sert de monument et tout le décor s'organise autour de lui.

Décors en maquette et plans larges successifs où la carte géante reste le repère fixe, 32 secondes.

Pour Gecina : Poser chaque objet de travail (portable, agenda, lampe) comme un monument de quartier autour duquel vivent de petits personnages ; utile pour cadrer les plans fixes entre deux travellings.

monde d'objets · Brian Rea pour Foscarini, production Dutch Uncle

Foscarini, six films de lampes (Madre, Spokes, Binic...) (2026)

Chaque luminaire devient le héros d'une saynète : trait à main levée, aplats sourds, un seul objet et un seul personnage par plan, d'une grande sobriété.

Boucles courtes de 12 à 18 secondes, animation image par image au trait, fond uni.

Pour Gecina : Le format de pastille par objet : une lampe, un mug, un agenda, chacun avec sa règle de télétravail en 15 secondes, déclinable en vignettes cliquables dans l'iframe Agora.

travelling illustré · Klaus Kremmerz (illustration) et Beginners (animation), production Dutch Uncle, agence Anomaly Berlin

RIMOWA, « Gifts for the Journey Ahead », film « Curiosity » (2022)

Même duo et même grammaire que la référence Hermès du directeur de création : ville dessinée aux contours nets, grain, palette restreinte, la valise traverse la ville avec son voyageur.

Chaque film suit un personnage qui part en voyage après avoir reçu sa valise ; animation image par image texturée, 20 secondes par film.

Pour Gecina : La référence de style la plus directe : trait Kremmerz, couleurs en aplats limités (bleu Signature, grège, or), et l'objet compagnon qui suit le personnage d'une scène à l'autre.

travelling illustré · Simone Massoni pour Corcoran (agence immobilière new-yorkaise), production Dutch Uncle

Corcoran, « New York, City of Home » (2021)

Un acteur de l'immobilier haut de gamme raconte sa ville en ligne noire sur fond blanc avec deux ou trois couleurs d'accent : élégant, institutionnel et jamais froid.

Animation 2D au trait noir avec deux ou trois couleurs d'accent, 30 secondes ; d'après les images publiées, un trompettiste sur son balcon et la ligne d'horizon de Manhattan forment le décor.

Pour Gecina : Le cas le plus proche du client : une foncière qui parle de ses immeubles en illustration éditoriale. Reprendre le trait noir plus une couleur de la charte par séquence, et les transitions portées par un objet.

travelling illustré · Nexus Studios, réalisation Fx Goby, pour BBC Creative

BBC Sport, « Welcome to the City of Love », Jeux de Paris 2024

Paris illustré de nuit et au crépuscule, 58 plans enchaînés sans rupture entre Montmartre, Notre-Dame et les quais ; or de Shots 2D et argent aux British Arrows.

Enchaînement de plans par mouvements de caméra continus et raccords de mouvement, animation 2D à lumière peinte, 60 secondes.

Pour Gecina : Le vélo qui dévale Montmartre est exactement notre personnage : reprendre la logique de raccord par le mouvement du cycliste pour passer d'un lieu de travail à l'autre, et les lumières de fin de journée.

travelling illustré · Sun Creature et Psyop, réalisation Kylie Matulick et Todd Mueller, agence Wieden+Kennedy

Travel Oregon, « Only Slightly Exaggerated » (2018)

Toute la campagne repose sur l'exagération d'échelle (arbres, cascades et créatures démesurés) dans un décor peint d'une richesse rare.

Voyage à travers des décors peints démesurés (forêts, côte, montagnes), animation 2D traditionnelle, 90 secondes, déclinée en plusieurs films.

Pour Gecina : Le principe « à peine exagéré » appliqué aux objets de bureau : le monde est vrai, seuls les objets sont trop grands. Aide à vendre l'idée au directeur de création sans tomber dans le surréalisme gratuit.

travelling illustré · Vincent Mahé (illustration et direction artistique) et Parallel Studio (animation 2D), production Pocko, agence Anomaly London

RIMOWA, « Gifts for the Journey Ahead », campagne de fin d'année 2023

Illustrateur français et studio parisien : ligne claire, ombres franches, palettes différentes par film mais une unité parfaite, la valise toujours lisible dans le décor.

Cinq films de 10 secondes et un film de 30 secondes reliés par des transitions où le cadeau ouvre la scène suivante.

Pour Gecina : Une équipe et un niveau atteignables depuis Paris ; la transition « l'objet ouvre la scène suivante » pour chaîner les règles de télétravail, et une palette par chapitre tirée de la charte Gecina.

film de marque premium · Simone Massoni (illustration, via Dutch Uncle) et Animade (animation)

Net-a-Porter et Mr Porter, « Gifts All Wrapped Up », campagne de Noël 2016

Une rue d'hôtels particuliers sous la neige et des ateliers où l'on prépare les cadeaux : architecture dessinée avec précision, palette brique et noir très maîtrisée ; 1,3 million de vues.

Film d'une minute entièrement dessiné à la main : le parcours d'un cadeau de l'atelier à la livraison, personnages animés par petites touches de mouvement, déclinaisons en GIF.

Pour Gecina : Le récit « en coulisses » d'un objet qui passe de main en main, et les façades comme vitrines : chaque fenêtre d'un immeuble peut montrer une situation de travail.

film de marque premium · Klaus Kremmerz pour Hermès, animation REMADE, production Dutch Uncle

Hermès, « Love Unfolded » (Self Love, Family Love, Partner Love) (2024)

Deuxième collaboration Hermès de Kremmerz après le film du cheval : intérieurs en aplats, objets de la maison mis en scène, couleurs franches sur fond crème.

Trois films de 12 secondes, personnages animés dans des intérieurs dessinés, chute visuelle en fin de film.

Pour Gecina : Le format série courte à trois volets, idéal pour décliner la politique (jours sur site, jours à distance, équipement) dans le même univers que le film principal.

film de marque premium · Parallel Studio, d'après les illustrations de Vincent Mahé

Kenzo Parfums, campagne de Noël 2021

Nuit bleu profond, architecture dessinée au trait et lumières chaudes : la preuve qu'un bleu nuit proche du Bleu Signature peut porter un film entier sans l'alourdir.

Traîneau tiré par des grues au-dessus de toits dessinés au trait, nuit bleue et lumières chaudes, animation 2D, 51 secondes.

Pour Gecina : Une séquence de nuit en #0d1d34 avec accents or #b38a10 pour la fin de journée du personnage, et le survol des toits comme plan d'ouverture ou de clôture.

interactif illustré · Immersive Garden (Paris), développement 60fps et Mooders

Le Dernier Gaulois, expérience web pour France Télévisions

Six grandes illustrations peintes à la main qu'on traverse au défilement, avec texte narratif posé dans l'image ; Site du jour Awwwards, FWA et CSSDA.

Défilement qui pilote la caméra dans l'illustration, parallaxe à la souris, effets de vague entre les chapitres.

Pour Gecina : Le modèle d'interaction pour l'iframe Agora : six chapitres illustrés, le défilement fait avancer le cycliste, une phrase de la politique par chapitre. Agence parisienne de référence.

interactif illustré · Matt Huynh (illustration) pour SBS, d'après Nam Le

The Boat, roman graphique interactif (SBS, 2015)

Encre et lavis animés en couches : les vignettes, la pluie et le texte apparaissent au rythme du lecteur ; référence mondiale du récit illustré au défilement.

Défilement vertical qui déclenche les animations et la parallaxe des calques, son ambiant, défilement automatique en option.

Pour Gecina : La mise en page texte plus image animée qui se révèle au défilement, pour que les règles se lisent sans quitter l'illustration. Le ton est grave, on n'en garde que la mécanique.

interactif illustré · Adoratorio Studio

The Blue Desert, récit interactif (2025)

Conçu pour transformer un rapport d'impact, d'ordinaire enfermé dans un PDF, en voyage d'un personnage à travers un monde peint, avec des repères d'information semés en chemin ; palette bleu et or.

Travelling continu piloté au défilement, une interaction par scène (maintenir, toucher), points d'information à ouvrir au clic, menu de chapitres.

Pour Gecina : Exactement notre problème (rendre une politique RH lisible) : le parcours du cycliste comme fil narratif et les règles en points cliquables dans le décor, plutôt qu'en texte à côté.

explainer de studio · Oddfellows

Envoy, « The Future of Work » (2019)

Rare explainer sur le travail réalisé par un vrai studio : ville en couleurs chaudes, architecture claire, la journée d'une nouvelle salariée racontée sans pictogrammes ni personnages caoutchouc.

Suit Katherine pendant son premier jour, de l'arrivée aux nouveaux outils jusqu'à son premier grand projet, en un récit continu de 88 secondes.

Pour Gecina : La structure narrative (une journée, un personnage, des lieux qui s'enchaînent) adaptée à la journée type entre bureau et domicile, et le ton : la technologie au service des gens, jamais au premier plan.

Pour le brief

Questions à poser demain

  1. Agora tourne sur LumApps (étude de cas LumApps, 2020) : toujours le cas en 2026 ? Widget iFrame ou widget HTML ? Largeur et hauteur de l'iframe, affichage dans l'application mobile.
  2. Sandbox : JavaScript autorisé dans l'iframe ? LumApps déconseille les scripts dans un widget HTML ; une iframe vers une page hébergée par nous l'évite. Sinon, animation CSS ou vidéo, sans clic.
  3. Hébergement : qui sert la page (Gecina, Agora, nous) et quelles contraintes de domaine et de sécurité ?
  4. Contenu : le texte de la politique est-il validé (jours, règles, exceptions, date d'effet) ? Qui valide côté RH et juridique ?
  5. Ton : annonce neutre, pédagogique ou accompagnement du changement ? Faut-il un contact ou un lien vers la FAQ RH ?
  6. Interaction attendue : simple lecture, parcours en étapes, ou simulateur « ma semaine » ? Mesure d'audience souhaitée ?
  7. Langues (français seul ou anglais aussi), sous-titres, accessibilité (RGAA), durée cible.
  8. Visuels : photos Keepeek d'espaces Gecina utilisables ? Photos de salariés possibles (droit à l'image) ?
  9. Calendrier : date de mise en ligne et nombre d'allers-retours prévus.