[{"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_en\u002Fhome.json","Digital studio in Paris and Bordeaux","Digital production studio based in Paris & Bordeaux. Crafting bespoke websites, UI\u002FUX design, and high-end web development.","json",null,"home",{},"IPpM0eTRdbFPZ0coGmS-6lI3RUETv85vS2I0Yu2L-68",[13,58,189,238,277,317,355],{"id":14,"title":15,"body":8,"description":16,"extension":7,"meta":17,"navigation":51,"path":52,"seo":53,"slug":56,"stem":56,"__hash__":57},"content_en\u002Fgirard-perregaux.json","Girard-Perregaux","For this landing page for Saint Laurent, we worked with photographer Léonard Oliviero and designer Hugo Maury. The result? Everyone thinks it’s 3D, but these are actually real photographs!",{"modules":18,"preview":37,"layout":38,"thumbnail":39,"updatedAt":40,"date":41,"url":42,"cover_video":43,"cover":44,"tags":45,"year":50},[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\u002Fv1791813679\u002Fgp-thumbnail.mp4","2026-10-02","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",[46,47,48,49],"Photo \u002F video shoot","Digital expertise","Vue.JS","Scroll motion","2023",true,"\u002Fgirard-perregaux",{"title":54,"description":55},"Girard-Perregaux landing page","An immersive landing page for Saint Laurent and Girard-Perregaux, blending high-end photography with seamless scroll motion.","girard-perregaux","KhWhbNUwzqk13vUe5d4hsvG8ElnK3glgqgRz3nrYRlQ",{"id":59,"title":60,"body":8,"description":61,"extension":7,"meta":62,"navigation":51,"path":183,"seo":184,"slug":187,"stem":187,"__hash__":188},"content_en\u002Fyame.json","Yamê","Yamê is a multifaceted artist who has built a rich universe around his music, deeply rooted in his family's Cameroonian heritage. For his album *Ebêm*, he envisioned a complete experience including a short film (produced by the studio Mathematics) that tells the overarching concept, and an immersive website that allows users to freely explore this lore—uncovering hidden gems, exclusive content, and key milestones of his journey, such as his COLORS performance with over 100 million views.",{"modules":63,"preview":171,"layout":172,"thumbnail":173,"updatedAt":40,"date":174,"url":175,"cover_video":67,"cover":176,"tags":177,"year":182},[64,68,73,81,85,87,90,97,99,102,104,108,114,117,123,126,129,131,134,136,139,145,147,149,152,155,161,163,169],{"type":65,"style":21,"format":66,"video":67},"video_module","landscape","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1753352371\u002Fmola_screen_cast.mp4",{"type":69,"gradient":70,"inverse":71,"image":72},"token_module",0.2,false,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438354\u002F%EF%B8%8F.png",{"type":24,"item":74},[75,77,79],{"image":76},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_01_yame.webp",{"image":78},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1758789017\u002Fyame_mobile.mp4",{"image":80},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_02_yame.webp",{"type":82,"style":83,"text":84},"text_module","content_right","Yamê came to us with the overall concept: a rotating platform on which his “bike” avatar rides a motorcycle. Here, it’s the background that scrolls, much like the website [www.joshuas.world](http:\u002F\u002Fwww.joshuas.world). The landscapes shift and vary, echoing the different universes featured in the short film—desert, forest, palace, and more. We coordinated with Mathematics, who had already been working on the creative boards of the film with Yamê, to ensure our environments matched seamlessly with theirs.",{"type":20,"style":35,"image":86},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fforest_yame.webp",{"type":82,"style":83,"title":88,"text":89},"Coordinating content, 2D design & interactive features","Designed as an evolving space, the website regularly offers new content, with its setting adapting accordingly. It serves several complementary purposes. First, it showcases a variety of content dedicated to the *Ebem* album. It also provides a secure area accessible only to holders of the collector’s key. In addition, it invites users to hop on Yamê’s bike through an interactive mini-game. Finally, it hides a few extra surprises with easter eggs concealed within the environment.",{"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},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fpalace.webp",{"type":82,"style":83,"title":100,"text":101},"3D design and texturing","All the environments were created in Blender by the studio. The inspiration boards from Mathematics’ film served as a foundation, after which [Hugo Maury](https:\u002F\u002Fmaury.io) (senior designer) produced boards for each universe, along with the objects that compose them. These elements (sets placed on the platform and background objects) were then modeled in 3D by Thomas (junior designer) and textured by both Hugo and Thomas.",{"type":20,"style":21,"image":103},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002FAsset_Manager.webp",{"type":82,"style":105,"title":106,"text":107},"small_title","From 3D modeling to scene integration","In this project, the entire 3D pipeline revolved around three inseparable pillars: object modeling, texturing, and integration within a single scene. The goal was to establish a smooth process, enabling each collaborator to work in parallel on their own assets and integrate their updates without risking conflicts in the working files—thus allowing for faster iteration.",{"type":91,"item":109},[110,112],{"image":111},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002FWeight_painting.webp",{"image":113},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_drive.webp",{"type":82,"style":105,"title":115,"text":116},"Scene composition and instances","The main scene, also versioned separately, contains only one unique design element: the organic shape of the ground. Large volumes (buildings, structures, bulky furniture) are imported from the Asset Manager, manually positioned, and then grouped by type under empties (null objects). Each group shares the same geometry, allowing these objects to be exported as instances.\n\nTo populate the scene with smaller assets (rocks, plants, props), we use a different approach: the ground surface is duplicated as many times as there are assets, with each copy becoming the input for a Geometry Node. Using a Mesh Boolean operator, we remove the areas of the ground where no instances should appear, then, with a weight-paint texture, we paint the exact zones where instances should spawn. The Geometry Node reads this density data and distributes the instances across the ground surface.",{"type":91,"item":118},[119,121],{"image":120},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_browser_palace.webp",{"image":122},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fnode.webp",{"type":82,"style":105,"title":124,"text":125},"Update cycle","Whenever an asset evolves (shape, UVs, textures), the designer updates it in their dedicated file and uploads the new version to the drive. In the main scene, a simple “Link Object Data” is enough to bring in the updated geometry and resources—without affecting the rest of the composition or creating version conflicts.",{"type":82,"style":105,"title":127,"text":128},"Final export and optimization","For the export, we chose the GLB format while keeping the “Geometry Node Instance” option enabled. In post-processing, *gltf-pipeline* is used to:\n\n* compress the geometry with DRACO\n* convert the textures to KTX2\n\nThe final output weighs less than 7 MB, ensuring fast loading times and smooth performance in WebGL.",{"type":20,"style":35,"image":130},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Ftimeline_dev.webp",{"type":82,"style":83,"title":132,"text":133},"Development","The art direction is based on a graphic style close to comic\u002Fcartoon. To achieve this look, several techniques are usually combined.\n\nShadow thresholding simplifies dark areas, while contour lines highlight the main shapes. Finally, adding texture effects enriches the whole and gives it greater depth.",{"type":20,"style":21,"image":135},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fhead_yame.webp",{"type":82,"style":105,"title":137,"text":138},"Shadow thresholding","Shadow thresholding is quite straightforward: THREE.js handles it automatically with the MeshToonMaterial. The principle is to sample the shading—that is, the variations in brightness when light hits a surface from different angles—and then group all those nuances into just a few colors (usually 3 to 5).",{"type":91,"item":140},[141,143],{"image":142},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729945\u002Fyame_moto_profil.webp",{"image":144},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fwebgl_demo.webp",{"type":82,"style":83,"text":146},"This shader came with a limitation: it didn’t allow us to define the colors of the lit and shaded areas separately.\n\nBy default, THREE.js uses two components:\n\n* **“color” (or albedo):** the color diffused by the light\n* **“emissive”:** the color the material emits on its own\n\nThese two are simply added together in the render.\n\nSo, we modified the shader to:\n\n1. set irradiance thresholds\n2. freely interpolate intermediate colors based on light exposure\n\n\n\n**Result:** on the left, the default render where all textures share the same tones; on the right, the modified render, which lets us manually shift the hue depending on light exposure.",{"type":20,"style":21,"image":148},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fbig_rock.webp",{"type":82,"style":105,"title":150,"text":151},"Outline rendering","This step is essential in toon rendering: outlines not only evoke comic book aesthetics but also help distinguish volumes that tend to become less visible due to flat color shading. To define these outlines, we combine two techniques. First, a graphic texturing applied directly within the textures adds relief and roughness inside each volume. Then, a post-processing outline pass helps separate the different volumes from one another.\n\n\n\nFor this second part, we rely on an edge-detection algorithm such as Sobel. It works with a convolution matrix that enhances differences at pixel borders: for each pixel in an image, the algorithm examines its immediate neighbors, and the stronger the contrast, the more intense the resulting pixel becomes. In short, this filter acts as a contrast revealer. By applying and combining this technique to specific render outputs—such as a normal texture (left image) or a depth texture (center image)—we can highlight the contours of certain objects.",{"type":20,"style":21,"image":153,"caption":154},"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":156},[157,159],{"image":158},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmontain.webp",{"image":160},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmonatain_01.webp",{"type":82,"style":83,"text":162},"This method generally works well but can sometimes create unwanted artifacts. For example, when the faces of different objects are aligned just behind one another (with only a slight depth difference) and share the same orientation (identical face direction), the differences are not pronounced enough. In such cases, the contrast is too weak, and the outline fails to appear.\n\nTo solve this issue, we assigned a unique color to each entity whose contours we wanted to reveal. A deterministic algorithm distributes colors in a way that maximizes their distance from one another, and each object is given one of these distinct colors.",{"type":91,"item":164},[165,167],{"image":166},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729944\u002Fyame_color.webp",{"image":168},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fcontour.webp",{"type":20,"style":35,"image":170},"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\u002Fv1791813577\u002Fyame-thumbnail.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",[178,179,180,181],"VUE.JS","UX & UI Design","3D Design","Project Management","2025","\u002Fyame",{"title":185,"description":186},"Yamê - Immersive 3D experience","For the Ebêm album, artist Yamê imagined an immersive 3D website with a mini-game and exclusive content for his fans.","yame","fVokvMtIEY9sEfNkjzAKm13pxU5s4bHV6yO3cPWq3Pc",{"id":190,"title":191,"body":8,"description":192,"extension":7,"meta":193,"navigation":51,"path":232,"seo":233,"slug":236,"stem":236,"__hash__":237},"content_en\u002Fun-beau-jour.json","Un Beau Jour","This go-to name in the wedding industry got a fresh new look with a rebrand by Studio Rime and a brand-new platform entirely redesigned by 9P. We moved the site from WordPress to Webflow, with a more contemporary look and a demanding approach to design. The before \u002F after is striking! Long live Ubj 2.0!",{"modules":194,"preview":222,"layout":38,"thumbnail":223,"date":224,"updatedAt":40,"url":225,"cover":226,"tags":227,"year":231},[195,197,205,214,218,220],{"type":65,"style":21,"format":66,"video":196},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790777813\u002Fportfolio\u002Fun-beau-jour\u002Fvideo.mp4",{"type":24,"item":198},[199,201,203],{"image":200},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777683\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_1.webp",{"image":202},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777682\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_2.webp",{"image":204},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777687\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_3.webp",{"type":206,"item":207},"image_group_module",[208,210,212],{"image":209},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777681\u002Fportfolio\u002Fun-beau-jour\u002Fimage_1.webp",{"image":211},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777686\u002Fportfolio\u002Fun-beau-jour\u002Fimage_2.webp",{"image":213},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777680\u002Fportfolio\u002Fun-beau-jour\u002Fimage_3.webp",{"type":82,"style":215,"title":216,"text":217},"fullsize","The old Un Beau Jour website","",{"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 from wordpress to webflow","2026","\u002Fun-beau-jour",{"title":234,"description":235},"Un Beau Jour: website redesign","Un Beau Jour moved from WordPress to Webflow, gaining a contemporary design system and a complete visual overhaul.","un-beau-jour","suro61YHihax7T_xWeTRjecNHS4O-mTAwdIRdmj5y1I",{"id":239,"title":240,"body":8,"description":241,"extension":7,"meta":242,"navigation":51,"path":271,"seo":272,"slug":275,"stem":275,"__hash__":276},"content_en\u002Fleonard-oliviero.json","Léonard Oliviéro","The talented photographer behind productions for Girard Perregaux and Jean-Michel Frank has a new portfolio, designed by Hugo Maury and developed by 9P.",{"modules":243,"preview":261,"layout":172,"thumbnail":262,"updatedAt":40,"date":263,"url":264,"cover_video":245,"cover":265,"tags":266,"year":270},[244,246,255,257,259],{"type":65,"style":21,"format":66,"video":245},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757336983\u002Fscreen_cast_leonard.mp4",{"type":24,"style":247,"item":248},"flex",[249,251,253],{"image":250},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Fmobile_01_leonard.webp",{"image":252},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757343306\u002Fleonard_loop_mobile.mp4",{"image":254},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Fmobile_02_leonard.webp",{"type":20,"style":21,"image":256},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Facier_leonard.webp",{"type":20,"style":21,"image":258},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439042\u002Fmontre_leonard.webp",{"type":20,"style":35,"image":260},"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","2024-06-10T12:19:00.000+02:00","https:\u002F\u002Fleonardoliviero.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753707191\u002Fhero_leo.webp",[267,268,269],"Minimal design","Portfolio","Micro-interactions","2024","\u002Fleonard-oliviero",{"title":273,"description":274},"Léonard Oliviéro portfolio","A minimal portfolio for photographer Léonard Oliviéro, where a refined aesthetic meets fluid micro-interactions.","leonard-oliviero","WVk2KiTUiCtEZaERkhMRC59I5LXt5ZWBublx7wrtVEk",{"id":278,"title":279,"body":8,"description":280,"extension":7,"meta":281,"navigation":51,"path":311,"seo":312,"slug":315,"stem":315,"__hash__":316},"content_en\u002Fvap.json","VAP","The highly dynamic production company specializing in social content turned to our friends at Studio Ouam for their branding. We jumped at the opportunity to bring their vibrant, colorful and high-energy visual universe to life through this portfolio website!",{"modules":282,"preview":301,"layout":38,"thumbnail":302,"date":303,"updatedAt":40,"url":304,"cover":305,"tags":306,"year":182},[283,285,293,299],{"type":65,"style":21,"format":66,"video":284},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790773476\u002Fportfolio\u002Fvap\u002Fvideo.mp4",{"type":24,"item":286},[287,289,291],{"image":288},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773019\u002Fportfolio\u002Fvap\u002Fmobile_1.webp",{"image":290},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773020\u002Fportfolio\u002Fvap\u002Fmobile_2.webp",{"image":292},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fmobile_3.webp",{"type":206,"item":294},[295,297],{"image":296},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773016\u002Fportfolio\u002Fvap\u002Fimage_1.webp",{"image":298},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fimage_2.webp",{"type":20,"style":35,"image":300},"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",[307,308,309,310],"digital branding","motion design","3D design","webflow","\u002Fvap",{"title":313,"description":314},"VAP: portfolio website and digital design","VAP's high-energy visual universe became a dynamic portfolio website where 3D design and motion graphics set the pace.","vap","dx31jqiuOT5BY5_vyDwCCngfxZlFZSEdDhK208hsYtk",{"id":318,"title":319,"body":8,"description":320,"extension":7,"meta":321,"navigation":51,"path":349,"seo":350,"slug":353,"stem":353,"__hash__":354},"content_en\u002Fevaneos.json","Evaneos","To support its “Winter” campaign, Evaneos enlisted our friends at Rodéo Studio to handle the design and entrusted us with developing its digital activation. The result is a smooth, immersive interactive map that invites users to escape winter and set sail for secret islands.",{"modules":322,"preview":341,"layout":38,"thumbnail":342,"date":343,"updatedAt":40,"url":344,"cover":345,"tags":346,"year":270},[323,325,333,339],{"type":65,"style":21,"format":66,"video":324},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790771886\u002Fportfolio\u002Fevaneos\u002Fvideo.mp4",{"type":24,"item":326},[327,329,331],{"image":328},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_1.webp",{"image":330},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_2.webp",{"image":332},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771634\u002Fportfolio\u002Fevaneos\u002Fmobile_3.webp",{"type":206,"item":334},[335,337],{"image":336},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_1.webp",{"image":338},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_2.webp",{"type":20,"style":35,"image":340},"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",[347,48,348],"Online experience","Motion design","\u002Fevaneos",{"title":351,"description":352},"Evaneos: immersive winter experience","Evaneos's digital activation takes the shape of an interactive, immersive map that invites users to escape winter for secret islands.","evaneos","3O_JjF6MRObpXGR2iBR3r7LNXv9jJtoJTHmtimsu7Qg",{"id":356,"title":357,"body":8,"description":358,"extension":7,"meta":359,"navigation":51,"path":388,"seo":389,"slug":392,"stem":393,"__hash__":394},"content_en\u002Fcaractère-bois.json","Caractère Bois","The Bordeaux-based woodworking workshop stepped up its communication with a rebrand by Studio Ouam and a new website we built in Webflow.",{"modules":360,"preview":379,"layout":38,"thumbnail":380,"date":381,"updatedAt":40,"url":382,"cover":383,"tags":384,"year":182},[361,363,371,377],{"type":65,"style":21,"format":66,"video":362},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790774042\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fvideo.mp4",{"type":24,"item":364},[365,367,369],{"image":366},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_1.webp",{"image":368},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_2.webp",{"image":370},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_3.webp",{"type":206,"item":372},[373,375],{"image":374},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage_1.webp",{"image":376},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage2.webp",{"type":20,"style":35,"image":378},"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",[385,386,387],"Digital branding","UX design","Webflow","\u002Fcaractere-bois",{"title":390,"description":391},"Caractère Bois: digital branding and website","Caractère Bois, the Bordeaux woodworking workshop, sharpened its digital identity with a new Webflow website and refined UX design.","caractere-bois","caractère-bois","yREtiUOD1S4-bj7RsquHWg2gLeZdXd56B48tgkgGE5Q"]