[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"seo-home":3,"featured-works":12},{"id":4,"title":5,"description":6,"extension":7,"image":8,"key":9,"meta":10,"stem":9,"__hash__":11},"seo_fr\u002Fhome.json","Production digitale à Paris et Bordeaux","Notre studio de production digitale à Paris et Bordeaux transforme vos idées en expériences web mémorables avec une équipe passionnée.","json",null,"home",{},"OkYYfPpE5Jm_bc7gNFdC0MhsqzMv9WaGXsMVApl9EQg",[13,57,190,238,276,316,354],{"id":14,"title":15,"body":8,"description":16,"extension":7,"meta":17,"navigation":50,"path":51,"seo":52,"slug":55,"stem":55,"__hash__":56},"content_fr\u002Fgirard-perregaux.json","Girard-Perregaux","Pour cette landing page de la maison SAINT LAURENT, nous avons travaillé avec le photographe Léonard Oliviero et le designer Hugo Maury. Résultat : tout le monde croit à de la 3D, mais il s’agit de vraies images !",{"modules":18,"preview":37,"layout":38,"thumbnail":39,"date":40,"url":41,"cover_video":42,"cover":43,"tags":44,"year":49},[19,23,32,34],{"type":20,"style":21,"image":22},"image_module","contain","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763771\u002Fportfolio\u002Fgirard-perregaux\u002Fhero.webp",{"type":24,"item":25},"carousel_module",[26,28,30],{"image":27},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_1.webp",{"image":29},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_2.webp",{"image":31},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_3.webp",{"type":20,"style":21,"image":33},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790769736\u002Fportfolio\u002Fgirard-perregaux\u002Ffull_layout.webp",{"type":20,"style":35,"image":36},"cover","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763307\u002Fportfolio\u002Fgirard-perregaux\u002Ffull_width.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790775754\u002Fportfolio\u002Fgirard-perregaux\u002Fpreview.webp","work","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790865193\u002Fportfolio\u002Fgirard-perregaux\u002Fthumbnail.mp4","2023-11-30T18:00:00.000+01:00","https:\u002F\u002Fsaintlaurent-rivedroite-girardperregaux.ysl.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790763546\u002Fportfolio\u002Fgirard-perregaux\u002Fcover_video.mp4","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763307\u002Fportfolio\u002Fgirard-perregaux\u002Fcover.webp",[45,46,47,48],"Photo \u002F video shoot","Digital expertise","Vue.JS","Scroll motion","2023",true,"\u002Fgirard-perregaux",{"title":53,"description":54},"Girard-Perregaux et Saint Laurent","Landing page immersive pour Saint Laurent et Girard-Perregaux, mêlant expertise digitale et scroll motion pour un rendu saisissant.","girard-perregaux","a-UiRMU9ceCsrr9_Sc5TUSRePQVJPpJ0qQ60avHr4a8",{"id":58,"title":59,"body":8,"description":60,"extension":7,"meta":61,"navigation":50,"path":184,"seo":185,"slug":188,"stem":188,"__hash__":189},"content_fr\u002Fyame.json","Yamê","Yamê est un artiste complet, qui a développé autour de sa musique un univers riche, empreint des racines camerounaises de sa famille. Pour son l’album Ebêm, il a imaginé un dispositif complet avec un court métrage (produit par le studio Mathematics) racontant le concept global, et un site expérience permettant de naviguer librement dans ce lore, et d’y découvrir des pépites, des contenus inédits, mais aussi les jalons qui ont fait son succès, comme la vidéo COLORS avec ses 100 millions de vues.",{"modules":62,"preview":172,"layout":173,"thumbnail":174,"date":175,"url":176,"cover_video":66,"cover":177,"tags":178,"year":183},[63,67,72,81,85,87,90,97,100,103,105,109,115,118,124,127,130,132,135,137,140,146,148,150,153,156,162,164,170],{"type":64,"style":21,"format":65,"video":66},"video_module","landscape","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1753352371\u002Fmola_screen_cast.mp4",{"type":68,"gradient":69,"inverse":70,"image":71},"token_module",0.2,false,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438354\u002F%EF%B8%8F.png",{"type":24,"item":73,"style":80},[74,76,78],{"image":75},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_01_yame.webp",{"image":77},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1758789017\u002Fyame_mobile.mp4",{"image":79},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_02_yame.webp","flex",{"type":82,"style":83,"text":84},"text_module","content_right","Yamê est venu à nous avec le concept général, celui d’un plateau rotatif sur lequel son avatar à “bécane” se promène à moto. Ici c’est le décor qui défile, à la manière du site [www.joshuas.world](http:\u002F\u002Fwww.joshuas.world). Les paysages sont variés, à l’image des changements d’univers dans le court-métrage : le désert, la forêt, le palais etc. Nous nous sommes coordonnés avec Mathematics, qui avait déjà avancé sur les planches créatives du film avec Yamê, afin de coordonner nos décors avec les leurs.",{"type":20,"style":35,"image":86},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fforest_yame.webp",{"type":82,"style":83,"text":88,"title":89},"Conçu comme un espace évolutif, le site propose régulièrement de nouveaux contenus, et voit son décor évoluer en fonction. Le site poursuit plusieurs missions complémentaires. Il propose d’abord une variété de contenus dédiés à l’album Ebem.\n\n\\\nIl offre également un espace sécurisé, accessible uniquement aux détenteurs de la clé collector. Par ailleurs, il invite les utilisateurs à embarquer sur la bécane de Yamê à travers un mini-jeu interactif. Enfin, il réserve quelques surprises supplémentaires grâce à des easter eggs dissimulés dans le décor.","Coordination des contenus, design 2D et features",{"type":91,"item":92},"double_image_module",[93,95],{"image":94},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fux.webp",{"image":96},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fkey.webp",{"type":20,"style":35,"image":98,"caption":99},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fpalace.webp","",{"type":82,"style":83,"title":101,"text":102},"Design 3D et texturing","Tous les décors ont été conçus sur Blender par le studio. Les planches d’inspiration du film de Mathematics ont servi de base, puis [Hugo Maury](https:\u002F\u002Fmaury.io) (designer senior) a produit des planches pour chaque univers, ainsi que les objets qui les composent. \n\n\\\nCes éléments (décors posés sur le plateau, et objets du décor) ont ensuite été designés en 3D par Thomas (designer junior), puis texturés par Hugo et Thomas.",{"type":20,"style":21,"image":104},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002FAsset_Manager.webp",{"type":82,"style":106,"title":107,"text":108},"small_title","De la modélisation 3D à l’intégration dans la scène ","Dans ce projet, l’ensemble de la chaîne 3D s’est articulé autour de trois pôles indissociables : la modélisation des objets, leur texturing, puis leur intégration au sein d’une scène unique. L’objectif était d’instaurer un processus fluide, permettant à chaque collaborateur de travailler en parallèle sur ses propres assets et de pouvoir intégrer ses modifications sans craindre de conflit sur les fichiers de travail et ainsi itérer plus rapidement.",{"type":91,"item":110},[111,113],{"image":112},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002FWeight_painting.webp",{"image":114},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_drive.webp",{"type":82,"style":106,"title":116,"text":117},"Composition de la scène et instances","La scène principale, elle aussi versionnée de manière isolée, ne contient qu’un unique design spécifique : la forme organique du sol. Les gros volumes (bâtiments, structures, mobiliers volumineux) sont importés depuis l’Asset Manager, positionnés manuellement puis regroupés par type sous des empties (objet null). Chaque groupe partage la même géométrie, ce qui permet d’exporter ces objets sous formes d’instances. \n\n\\\nPour peupler la scène de petits assets (cailloux, plantes, accessoires), nous utilisons un autre procédé : on duplique la surface du sol autant de fois qu’il existe d’assets, et chaque copie devient l’entrée d’un Geometry Node. Avec un opérateur Mesh Boolean, on supprime les endroits du sol où l’on ne souhaite n’avoir aucune instance, puis à l’aide d’une texture de weight-paint, on dessine les zones exactes d’apparition des instances. Le Geometry Node lit ces données de densité et distribue sur la surface du sol.",{"type":91,"item":119},[120,122],{"image":121},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_browser_palace.webp",{"image":123},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fnode.webp",{"type":82,"style":106,"title":125,"text":126},"Cycle de mise à jour","Dès qu’un asset évolue (forme, UV, textures), le designer réalise sa modélisation dans son fichier dédié et update sa version sur le drive. Dans la scène principale, un simple « Link Object Data » suffit pour rapatrier la nouvelle géométrie et les nouvelles ressources, sans impacter le reste de la composition ni générer de conflits de version.",{"type":82,"style":106,"title":128,"text":129},"Export final et optimisation","Pour l’export, nous sélectionnons le format GLB en gardant l’option « Geometry Node Instance ». En post-processing, gltf-pipeline intervient pour:\n\n* compresser la géométrie en DRACO\n* convertir les textures en KTX2\n\n\\\nLe résultat pèse moins de 7 Mo, garantissant un chargement rapide et une exécution fluide en WebGL.",{"type":20,"style":35,"image":131},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Ftimeline_dev.webp",{"type":82,"style":83,"title":133,"text":134},"Développement","La direction artistique repose sur un style graphique proche du comic\u002Fcartoon. Pour reproduire ce style, on combine généralement plusieurs techniques. \n\n\\\nLe seuillage des ombres permet de simplifier les zones sombres, tandis que le tracé des contours met en évidence les formes principales. Enfin, l’ajout d’effets de textures vient enrichir l’ensemble et lui donner plus de profondeur.",{"type":20,"style":21,"image":136},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fhead_yame.webp",{"type":82,"style":106,"title":138,"text":139},"Seuillage des ombres","Le seuillage des ombres est assez simple : THREE.js le gère automatiquement avec le matériau MeshToonMaterial.Le principe consiste à échantillonner l’ombrage – c’est-à-dire les variations de luminosité quand la lumière frappe une surface sous différents angles – puis à regrouper toutes ces nuances en quelques couleurs (généralement 3 à 5).",{"type":91,"item":141},[142,144],{"image":143},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729945\u002Fyame_moto_profil.webp",{"image":145},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fwebgl_demo.webp",{"type":82,"style":83,"text":147},"Ce shader avait un inconvénient : on ne pouvait pas définir séparément les couleurs des zones éclairées et ombragées.\n\n\\\nPar défaut, THREE.js utilise deux composantes :\n\n* « color » (ou albedo) : la couleur diffusée par la lumière\n* « emissive » : la couleur que le matériau émet de lui-même\n\nCes deux couleurs sont simplement additionnées au rendu.\n\n\\\nNous avons donc modifié le shader pour :\n\n1. fixer des seuils d’irradiance\n2. interpoler librement les couleurs intermédiaires selon l’éclairement\n\n\\\nRésultat : à gauche, le rendu initial où toutes les textures partagent les mêmes tons ; à droite, le rendu modifié, qui permet de décaler manuellement la teinte en fonction de l’exposition à la lumière.",{"type":20,"style":21,"image":149},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fbig_rock.webp",{"type":82,"style":106,"title":151,"text":152},"Le tracé des contours","Cet étape est essentielle dans un rendu toon, les contours rappellent les rendus comics mais permettent aussi de distinguer mieux les volumes qui à cause des aplats de couleurs ont tendance à devenir moins visible. Pour définir ces contours on combine deux techniques : \\\nUn texturing graphique appliqué directement dans les textures et permettant de donner les reliefs et aspérité à l’intérieur de chaque volume propre. Un postprocessing de contours permettant de distinguer les volumes entre eux. \n\nPour ce dernier point, on utilise un algorithme de détection des contours (type sobel). Cet algorithme est basé sur une matrice de convolution qui va accentuer les différences aux abords d’un pixels. Pour chaque pixel d’une image on vient regarder ses voisins immédiats et plus leur différence est marquée, plus le pixel résultant sera intense, ce filtre agit comme un révélateur de contraste. En appliquant et combinant cette technique sur des rendus particuliers comme une texture de normale (voir image de gauche) ou une texture de profondeur (image central) on arrive à faire ressortir les contours de certains objets.",{"type":20,"style":21,"image":154,"caption":155},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fwiki.webp","Image Source : \u003Chttps:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCel_shading>",{"type":91,"item":157},[158,160],{"image":159},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmontain.webp",{"image":161},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmonatain_01.webp",{"type":82,"style":83,"text":163},"Cette méthode marche généralement bien mais pose quelques problèmes et peut permettre l’apparition d’artefacts indésirables. Il peut arriver que des faces d’objet différents se retrouvent juste les unes derrière les autres (différence de profondeur faible) et orienté de la même manière (direction des faces identiques) pour que les différences ne soient pas assez marquées, dans ces cas le contraste est trop faible et la figure le contour n’apparaît pas. \n\n\\\nPour pallier ce problème nous avons séparé par couleurs unique chaque entité dont nous voulions voir les contours. Un algorithme déterministe distribue régulièrement les couleurs les plus éloignées les unes des autres et chaque objet se voit attribuer une couleur.",{"type":91,"item":165},[166,168],{"image":167},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729944\u002Fyame_color.webp",{"image":169},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fcontour.webp",{"type":20,"style":35,"image":171},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729944\u002Fyame_shop.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154124\u002Fmola-zone.com__iPhone_SE.png","case_study","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790776668\u002Fportfolio\u002Fyame\u002Fthumbnail.mp4","2025-07-25T10:05:49.392Z","https:\u002F\u002Fmola-zone.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759159146\u002FYame_minia.webp",[179,180,181,182],"VUE.JS","UX & UI design","3D Design","Project management","2025","\u002Fyame",{"title":186,"description":187},"Yamê : expérience web immersive 3D","Pour l’album Ebêm, Yamê imagine un site expérientiel : un univers 3D interactif mêlant lore, mini-jeu et contenus exclusifs.","yame","zESqJaJ5cGiT7CshTv9I6uVl6mrkoSkbDtdqLz_aDE8",{"id":191,"title":192,"body":8,"description":193,"extension":7,"meta":194,"navigation":50,"path":232,"seo":233,"slug":236,"stem":236,"__hash__":237},"content_fr\u002Fun-beau-jour.json","Un Beau Jour","ce site incontournable du mariage a fait peau neuve avec un rebranding signé Studio Rime et une nouvelle plateforme entièrement repensée par 9P. passage de wordpress à Webflow, design exigeant et plus actuel, l’avant \u002F après est saisissant ! Longue vie à Ubj 2.0 !",{"modules":195,"preview":222,"layout":38,"thumbnail":223,"date":224,"url":225,"cover":226,"tags":227,"year":231},[196,198,206,215,218,220],{"type":64,"style":21,"format":65,"video":197},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790777813\u002Fportfolio\u002Fun-beau-jour\u002Fvideo.mp4",{"type":24,"item":199},[200,202,204],{"image":201},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777683\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_1.webp",{"image":203},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777682\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_2.webp",{"image":205},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777687\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_3.webp",{"type":207,"item":208},"image_group_module",[209,211,213],{"image":210},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777681\u002Fportfolio\u002Fun-beau-jour\u002Fimage_1.webp",{"image":212},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777686\u002Fportfolio\u002Fun-beau-jour\u002Fimage_2.webp",{"image":214},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777680\u002Fportfolio\u002Fun-beau-jour\u002Fimage_3.webp",{"type":82,"style":216,"title":217,"text":99},"fullsize","L’ancien site d’Un Beau Jour",{"type":20,"style":21,"image":219},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777684\u002Fportfolio\u002Fun-beau-jour\u002Fimage_old.webp",{"type":20,"style":35,"image":221},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777680\u002Fportfolio\u002Fun-beau-jour\u002Ffull_width.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777821\u002Fportfolio\u002Fun-beau-jour\u002Fpreview.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790777689\u002Fportfolio\u002Fun-beau-jour\u002Fthumbnail.mp4","2026-09-07T16:15:00.000+02:00","https:\u002F\u002Fwww.unbeaujour.fr\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777685\u002Fportfolio\u002Fun-beau-jour\u002Fcover.webp",[228,229,230],"design system","design & integration","transition de wordpress à webflow","2026","\u002Fun-beau-jour",{"title":234,"description":235},"Refonte du site Un Beau Jour","Transformation digitale d’Un Beau Jour : un design system moderne et une migration de WordPress vers Webflow pour ce site de mariage.","un-beau-jour","KlCNcrjTrXXT2jeu0BNu6Mw74g-msA1mCCz1tw9J-GA",{"id":239,"title":240,"body":8,"description":241,"extension":7,"meta":242,"navigation":50,"path":270,"seo":271,"slug":274,"stem":274,"__hash__":275},"content_fr\u002Fleonard-oliviero.json","Léonard Oliviéro","Le talentueux photographe qui signe les prods de Girard Perregaux ou encore Jean Michel Frank a un nouveau portfolio désigné par Hugo Maury et développé par 9P.",{"modules":243,"preview":260,"layout":173,"thumbnail":261,"date":262,"url":263,"cover_video":245,"cover":264,"tags":265,"year":269},[244,246,254,256,258],{"type":64,"style":21,"format":65,"video":245},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757336983\u002Fscreen_cast_leonard.mp4",{"type":24,"style":80,"item":247},[248,250,252],{"image":249},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Fmobile_01_leonard.webp",{"image":251},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757343306\u002Fleonard_loop_mobile.mp4",{"image":253},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Fmobile_02_leonard.webp",{"type":20,"style":21,"image":255},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Facier_leonard.webp",{"type":20,"style":21,"image":257},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439042\u002Fmontre_leonard.webp",{"type":20,"style":35,"image":259},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Flast_leonard.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154102\u002Fleonardoliviero.com__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790776523\u002Fportfolio\u002Fleonard-olivi%C3%A9ro\u002Fthumbnail.mp4","2025-07-25T10:19:44.419Z","https:\u002F\u002Fleonardoliviero.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753707191\u002Fhero_leo.webp",[266,267,268],"Minimal design","Portfolio","Micro-interaction","2024","\u002Fleonard-oliviero",{"title":272,"description":273},"Portfolio de Léonard Oliviéro","Le photographe Léonard Oliviéro dévoile un portfolio au design minimaliste, où les micro-interactions mettent ses images en valeur.","leonard-oliviero","ta9seeZZMxzfnBpIaYQOuuEbRMUI8cdchaqz8Rc3e_Q",{"id":277,"title":278,"body":8,"description":279,"extension":7,"meta":280,"navigation":50,"path":310,"seo":311,"slug":314,"stem":314,"__hash__":315},"content_fr\u002Fvap.json","VAP","La très dynamique boite de prod spécialiste des contenus sociaux  a fait appel à nos amis de studio Ouam pour son branding, nous avons saisi la balle au bond pour produire ce site portfolio directement décliné de leur univers graphique, coloré et survolté !",{"modules":281,"preview":300,"layout":38,"thumbnail":301,"date":302,"url":303,"cover":304,"tags":305,"year":183},[282,284,292,298],{"type":64,"style":21,"format":65,"video":283},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790773476\u002Fportfolio\u002Fvap\u002Fvideo.mp4",{"type":24,"item":285},[286,288,290],{"image":287},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773019\u002Fportfolio\u002Fvap\u002Fmobile_1.webp",{"image":289},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773020\u002Fportfolio\u002Fvap\u002Fmobile_2.webp",{"image":291},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fmobile_3.webp",{"type":207,"item":293},[294,296],{"image":295},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773016\u002Fportfolio\u002Fvap\u002Fimage_1.webp",{"image":297},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fimage_2.webp",{"type":20,"style":35,"image":299},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773018\u002Fportfolio\u002Fvap\u002Ffull_width.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790775691\u002Fportfolio\u002Fvap\u002Fpreview.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790773113\u002Fportfolio\u002Fvap\u002Fthumbnail.mp4","2025-10-30T18:02:00.000+01:00","https:\u002F\u002Fwww.wearevap.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773371\u002Fportfolio\u002Fvap\u002Fcover.webp",[306,307,308,309],"digital branding","motion design","3D design","webflow","\u002Fvap",{"title":312,"description":313},"VAP : site portfolio et design digital","VAP, la boîte de prod spécialiste des contenus sociaux, décline son univers coloré en portfolio sous Webflow avec motion et 3D.","vap","hrclI4Y-8IPfrCij6Ll39XUJFr0TWxPwVfGt0ByL7Zw",{"id":317,"title":318,"body":8,"description":319,"extension":7,"meta":320,"navigation":50,"path":348,"seo":349,"slug":352,"stem":352,"__hash__":353},"content_fr\u002Fevaneos.json","Evaneos","Pour accompagner sa campagne \"Winter\", Evaneos a fait appel à nos amis de Rodéo Studio pour le design et nous a confié le développement de son activation digitale. Le résultat est une carte interactive fluide et immersive qui invite les utilisateurs à fuir l'hiver pour mettre le cap sur des îles secrètes.",{"modules":321,"preview":340,"layout":38,"thumbnail":341,"date":342,"url":343,"cover":344,"tags":345,"year":269},[322,324,332,338],{"type":64,"style":21,"format":65,"video":323},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790771886\u002Fportfolio\u002Fevaneos\u002Fvideo.mp4",{"type":24,"item":325},[326,328,330],{"image":327},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_1.webp",{"image":329},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_2.webp",{"image":331},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771634\u002Fportfolio\u002Fevaneos\u002Fmobile_3.webp",{"type":207,"item":333},[334,336],{"image":335},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_1.webp",{"image":337},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_2.webp",{"type":20,"style":35,"image":339},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771631\u002Fportfolio\u002Fevaneos\u002Ffull_width.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790775906\u002Fportfolio\u002Fevaneos\u002Fpreview.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790771878\u002Fportfolio\u002Fevaneos\u002Fthumbnail.mp4","2024-07-22T14:13:00.000+02:00","https:\u002F\u002Fevaneos-winter-24.netlify.app\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771633\u002Fportfolio\u002Fevaneos\u002Fcover.webp",[346,47,347],"Online experience","Motion design","\u002Fevaneos",{"title":350,"description":351},"Expérience interactive pour Evaneos","L’activation digitale d’Evaneos prend la forme d’une carte interactive et immersive invitant à rejoindre des destinations secrètes l’hiver.","evaneos","ZoZ5jCccyGu0F1coR3YpnfK7OBwHEWJiTmz0j6Ehchw",{"id":355,"title":356,"body":8,"description":357,"extension":7,"meta":358,"navigation":50,"path":387,"seo":388,"slug":391,"stem":392,"__hash__":393},"content_fr\u002Fcaractère-bois.json","Caractère Bois","L’atelier de menuiserie bordelais a musclé sa communication avec un rebranding signé Studio Ouam et un nouveau site par nos soins sous Webflow.",{"modules":359,"preview":378,"layout":38,"thumbnail":379,"date":380,"url":381,"cover":382,"tags":383,"year":183},[360,362,370,376],{"type":64,"style":21,"format":65,"video":361},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790774042\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fvideo.mp4",{"type":24,"item":363},[364,366,368],{"image":365},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_1.webp",{"image":367},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_2.webp",{"image":369},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_3.webp",{"type":207,"item":371},[372,374],{"image":373},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage_1.webp",{"image":375},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage2.webp",{"type":20,"style":35,"image":377},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Ffull_width.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790775678\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fpreview.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fthumbnail.mp4","2025-11-10T15:14:00.000+01:00","https:\u002F\u002Fwww.caractere-bois.fr\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fcover.webp",[384,385,386],"Digital branding","UX design","Webflow","\u002Fcaractere-bois",{"title":389,"description":390},"Caractère Bois : branding et site Webflow","Refonte du site de l’atelier de menuiserie Caractère Bois, un projet mêlant UX design et Webflow pour moderniser son image digitale.","caractere-bois","caractère-bois","06RLqFnomvPpKNbuxtS3T_3xMwL56e5K97PySdXRw0k"]