Trois mondes en 3D. On traverse le premier à la souris, c’est une méditation guidée. Dans le deuxième on remplace le Père Noël le temps d’une nuit, depuis son navigateur. Le troisième est un jeu mobile où l’on accompagne une mamie à travers sa ville.
Sur ces trois projets j’ai touché à tout : la recherche et les personas, les écrans jusqu’à leurs états de fin, la modélisation 3D et la direction artistique.
Trois mondes en mouvement · survolez pour changer d’écrantouchez pour changer d’écran
Safe Place est une méditation qu’on traverse au lieu de l’écouter les yeux fermés. On arrive dans un paysage calme et une voix off nous accompagne pendant qu’on avance à son rythme : une prairie, un lac, une cascade puis un jardin japonais. Chaque lieu propose une respiration et quelque chose à faire de ses mains.
On s’adressait à des jeunes en alternance qui enchaînaient l’école et l’entreprise pendant le confinement et qui n’avaient plus un moment à eux. Les applications de méditation existaient déjà mais elles demandent toutes de fermer les yeux.
On a cherché l’inverse : occuper le regard assez longtemps pour que la tête lâche. J’ai travaillé sur la cible, le benchmark, puis la direction artistique avec l’équipe.
La traversée
pour passer d’un lieu à l’autre
Une expérience contemplative ne supporte pas une interface bavarde. La navigation tient dans une barre de progression qui montre où l’on en est et quels lieux restent à voir. Le nom de l’étape s’affiche en bas à gauche et les contrôles de son et de pause se rangent à droite. Rien d’autre ne vient sur l’image.
Pour les décors, on a choisi une palette rose et vert tendre, des volumes doux, pas un contour dur ni une ombre portée franche et des cairns laissés au bord du chemin par ceux qui sont passés avant. Il fallait pouvoir regarder chaque élément. Si une forme était trop nette, on sortait de l’état qu’on cherchait.
Avec Brieuc Caillot au développement, Roxane Peuvrier, Léon Baudouin et Alexandre Gomez-Pardo. Expérience desktop en 3D temps réel dans le navigateur.
Ouvrir l’expérience
Le Père Noël a attrapé un rhume la veille du réveillon et il ne peut plus faire sa tournée. On vous nomme lutin remplaçant.
Il vous reste cinq minutes pour déposer les cadeaux au pied du sapin, éteindre les objets que la poussière magique a réveillés et manger les cookies laissés sur la table. Le tout sans réveiller la famille qui dort à l’étage.
J’ai dessiné le flux complet avant qu’on ouvre Figma : l’accueil, la cinématique, les commandes, les trois missions, la pause et les deux fins. Ce schéma sert aussi de contrat avec les développeurs pour savoir quel écran mène à quel autre et ce qui se passe quand on échoue.
J’ai aussi dessiné le plan de l’appartement puis je l’ai modélisé en entier, pièce par pièce. L’éclairage a demandé le plus d’essais parce qu’il fallait une nuit assez sombre pour l’ambiance et assez lisible pour retrouver le sapin sans allumer la lumière.
Tout ce qui se superpose à la scène obéit à une seule règle : l’interface se range sur les bords ou s’efface. Les consignes arrivent par appel vidéo d’Ada, l’assistante du Père Noël. Même les écrans de fin se posent sur le décor au lieu de le remplacer.
Ça se joue dans le navigateur, dans un appartement modélisé en 3D et éclairé à la bougie. Le son y tient une place centrale parce que c’est lui qui prévient quand un objet fait trop de bruit.
Dans l’appartement
Avec Élodie Deshayes, Vincent Calas, Morgane Sauneuf et Thi Van An Truong. Cinq minutes de jeu pour les enfants dès dix ans et tous ceux qui aiment Noël. Les vidéos 2D et 3D sont l’œuvre du reste de l’équipe.
Mamie a besoin de deux œufs pour son gâteau et le magasin ferme bientôt. À vous de l’accompagner jusqu’au supermarché en traversant une ville qui ne l’attend pas : des voitures qui ne ralentissent pas, des feux qui changent trop vite et un chronomètre qui tourne.
Le jeu se joue en portrait, en missions courtes qu’on choisit sur un plateau : la rencontre, le supermarché puis la boulangerie.
On a commencé par écrire notre joueuse plutôt que par dessiner : elle vit en ville, passe beaucoup de temps dans les transports et s’investit dans une association. Dans le jeu, c’est Mamie qui commente tout, les réussites comme les échecs, avec ses tournures de grand-mère. Ses répliques remplacent tous les messages d’erreur.
J’ai conçu l’interface dans cet esprit, de l’accueil aux écrans de fin. La ville reste visible derrière chaque écran, parce qu’un jeu de trente secondes ne supporte pas qu’on le quitte pour une page pleine.
Écran 1 sur 4
L’accueil
Un seul bouton, la ville déjà en fond.
Descendez pour avancer ou cliquez une vignette. Les flèches du clavier et le pavé tactile marchent aussi.
Le jeu n’est plus installable nulle part. J’en ai fait une version en 2D pour montrer ce qu’on avait créé, en beaucoup plus simple. Jouer à la version 2D
Le logo, la palette, l’affiche et le quartier viennent de la même intention : des volumes simples, des couleurs franches et aucune ombre inquiétante. Il fallait que la menace vienne du trafic et pas du décor, sinon le jeu devenait un cours de sécurité routière.
Avec Ronan Champigny, Léon Baudouin et Théo Lemoine, aux Gobelins. Jeu mobile en 3D, missions de trente secondes.
Sur ces trois projets je travaillais en binôme de designers et je suivais mes sujets du premier croquis à la livraison. Il fallait choisir un cadrage, s’y tenir et l’expliquer à nos développeurs.
Je fais la même chose aujourd’hui sur des produits, avec des utilisateurs que je ne choisis plus.
