[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"seo-sitemap":3,"sitemap-works":12},{"id":4,"title":5,"description":6,"extension":7,"image":8,"key":9,"meta":10,"stem":9,"__hash__":11},"seo_en\u002Fsitemap.json","Site map","The complete index of Studio9P: studio pages and all our web projects, newest first.","json",null,"sitemap",{},"6mUaFrLnvbzEy3UWKhdJYRW9V5sD5QXkR9UPLTBLAH0",[13,71,112,152,195,238,276,397,436,475,514,554,590,625,664,705,743,782,818,891,933,971,1019,1050],{"id":14,"title":15,"body":8,"description":16,"extension":7,"meta":17,"navigation":64,"path":65,"seo":66,"slug":69,"stem":69,"__hash__":70},"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":18,"preview":53,"layout":54,"thumbnail":55,"date":56,"url":57,"cover":58,"tags":59,"year":63},[19,24,33,42,47,50],{"type":20,"style":21,"format":22,"video":23},"video_module","contain","landscape","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790777813\u002Fportfolio\u002Fun-beau-jour\u002Fvideo.mp4",{"type":25,"item":26},"carousel_module",[27,29,31],{"image":28},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777683\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_1.webp",{"image":30},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777682\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_2.webp",{"image":32},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777687\u002Fportfolio\u002Fun-beau-jour\u002Fmobile_3.webp",{"type":34,"item":35},"image_group_module",[36,38,40],{"image":37},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777681\u002Fportfolio\u002Fun-beau-jour\u002Fimage_1.webp",{"image":39},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777686\u002Fportfolio\u002Fun-beau-jour\u002Fimage_2.webp",{"image":41},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777680\u002Fportfolio\u002Fun-beau-jour\u002Fimage_3.webp",{"type":43,"style":44,"title":45,"text":46},"text_module","fullsize","The old Un Beau Jour website","",{"type":48,"style":21,"image":49},"image_module","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790777684\u002Fportfolio\u002Fun-beau-jour\u002Fimage_old.webp",{"type":48,"style":51,"image":52},"cover","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","work","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",[60,61,62],"design system","design & integration","transition from wordpress to webflow","2026",true,"\u002Fun-beau-jour",{"title":67,"description":68},"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","fFzFEWCHBN7kgN7kc9jixakwz2bDAHkzIvJAkqfvz6o",{"id":72,"title":73,"body":8,"description":74,"extension":7,"meta":75,"navigation":64,"path":105,"seo":106,"slug":109,"stem":110,"__hash__":111},"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":76,"preview":95,"layout":54,"thumbnail":96,"date":97,"url":98,"cover":99,"tags":100,"year":104},[77,79,87,93],{"type":20,"style":21,"format":22,"video":78},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790774042\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fvideo.mp4",{"type":25,"item":80},[81,83,85],{"image":82},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_1.webp",{"image":84},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774039\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_2.webp",{"image":86},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fmobile_3.webp",{"type":34,"item":88},[89,91],{"image":90},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage_1.webp",{"image":92},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790774038\u002Fportfolio\u002Fcaract%C3%A8re-bois\u002Fimage2.webp",{"type":48,"style":51,"image":94},"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",[101,102,103],"Digital branding","UX design","Webflow","2025","\u002Fcaractere-bois",{"title":107,"description":108},"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","Q85t6YvqSB5JjgZzouJxCuNeS0crpX2_8tdEFNZ5IQk",{"id":113,"title":114,"body":8,"description":115,"extension":7,"meta":116,"navigation":64,"path":146,"seo":147,"slug":150,"stem":150,"__hash__":151},"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":117,"preview":136,"layout":54,"thumbnail":137,"date":138,"url":139,"cover":140,"tags":141,"year":104},[118,120,128,134],{"type":20,"style":21,"format":22,"video":119},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790773476\u002Fportfolio\u002Fvap\u002Fvideo.mp4",{"type":25,"item":121},[122,124,126],{"image":123},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773019\u002Fportfolio\u002Fvap\u002Fmobile_1.webp",{"image":125},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773020\u002Fportfolio\u002Fvap\u002Fmobile_2.webp",{"image":127},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fmobile_3.webp",{"type":34,"item":129},[130,132],{"image":131},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773016\u002Fportfolio\u002Fvap\u002Fimage_1.webp",{"image":133},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790773017\u002Fportfolio\u002Fvap\u002Fimage_2.webp",{"type":48,"style":51,"image":135},"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",[142,143,144,145],"digital branding","motion design","3D design","webflow","\u002Fvap",{"title":148,"description":149},"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","dzNK9SdWCKkbNRsiFC0HSxgMfVoRffgmHhRWQ30Hmlg",{"id":153,"title":154,"body":8,"description":155,"extension":7,"meta":156,"navigation":64,"path":189,"seo":190,"slug":193,"stem":193,"__hash__":194},"content_en\u002Fcosmo-av.json","Cosmo AV","Specialized in video mapping, Cosmo AV wanted to redesign their WordPress site to modernize it, better reflect their expertise, and gain autonomy in creating new content. We chose Webflow, which allows for quick content editing without sacrificing beautiful animations.",{"modules":157,"preview":180,"thumbnail":181,"date":182,"url":183,"cover_video":159,"cover":184,"tags":185,"year":188},[158,160,169,174,176,178],{"type":20,"style":21,"format":22,"video":159},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757336983\u002Fcosmoav_screencast.mp4",{"type":25,"item":161,"style":168},[162,164,166],{"image":163},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409006\u002FArtex__01.webp",{"image":165},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757344642\u002Fcosmo_loop_mobile.mp4",{"image":167},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409006\u002FArtex__03.webp","flex",{"type":170,"gradient":171,"inverse":172,"image":173},"token_module",0.2,false,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445845\u002Fmini_cosmo.webp",{"type":48,"style":21,"image":175},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445848\u002Fshow_cosmo.webp",{"type":48,"style":21,"image":177},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445844\u002Fabout__cosmo.webp",{"type":48,"style":51,"image":179},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445845\u002Fending_cosmo.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154599\u002Fwww.cosmoav.com__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757413328\u002Fcosmo_loop_desktop.mp4","2025-07-25T12:13:59.329Z","https:\u002F\u002Fwww.cosmoav.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753707192\u002Fhero_cosmo.webp",[102,186,187,103],"Development","WebGL","2024","\u002Fcosmo-av",{"title":191,"description":192},"Cosmo AV: immersive web design","Cosmo AV's website was rebuilt in Webflow and WebGL to showcase its video mapping expertise through smooth and modern animations.","cosmo-av","g9nM7w7k9Myr4ejlFJiQ6xZQWBCSiBH4Lt5312KtwlE",{"id":196,"title":197,"body":8,"description":198,"extension":7,"meta":199,"navigation":64,"path":232,"seo":233,"slug":236,"stem":236,"__hash__":237},"content_en\u002Fletsignit.json","Letsignit","Letsignit is a SaaS solution designed to help companies standardize their email signatures, turn them into marketing touchpoints, and ensure centralized and secure management across the organization.",{"modules":200,"preview":223,"thumbnail":224,"date":225,"url":226,"cover_video":202,"cover":227,"tags":228,"year":188},[201,203,205,209,217,219,221],{"type":20,"style":21,"format":22,"video":202},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757336983\u002Flsi_screencast.mp4",{"type":170,"gradient":171,"inverse":172,"image":204},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445454\u002Fmini.webp",{"type":43,"style":206,"title":207,"text":208},"content_right","A fully manageable website built with Webflow","The Letsignit marketing team had a key requirement: editorial freedom on the website. We therefore proposed building everything in Webflow, which makes it easy to edit existing pages (without any technical knowledge) and, more importantly, to create new ones—such as conversion landing pages, product pages, and more.\n\nWe built the design system based on their branding, then created reusable modules that could be applied across all their pages.",{"type":25,"style":168,"item":210},[211,213,215],{"image":212},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409207\u002FLsi_01.webp",{"image":214},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757345027\u002Flets_loop_mobile.mp4",{"image":216},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409207\u002FLsi_02.webp",{"type":48,"style":21,"image":218},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445453\u002Fblog_lsi.webp",{"type":48,"style":21,"image":220},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753445453\u002Fmail_lsi.webp",{"type":48,"style":51,"image":222},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753707192\u002Fend_lsi.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154235\u002Fletsignit.com_fr_iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757413423\u002Flets_loop_desktop.mp4","2025-07-25T12:06:49.577Z","https:\u002F\u002Fletsignit.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753707192\u002Flsi_hero.webp",[229,230,102,186,103,231],"Concept","Rebranding","Monitoring","\u002Fletsignit",{"title":234,"description":235},"Letsignit: rebranding and Webflow site","Rebranding Letsignit came with a flexible Webflow website that gives its marketing team full editorial freedom.","letsignit","PdJD4OWnhmGDYjKV_i2FeiG0LphKIDeh-mNZG8y5eso",{"id":239,"title":240,"body":8,"description":241,"extension":7,"meta":242,"navigation":64,"path":270,"seo":271,"slug":274,"stem":274,"__hash__":275},"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":260,"layout":261,"thumbnail":262,"date":263,"url":264,"cover_video":245,"cover":265,"tags":266,"year":188},[244,246,254,256,258],{"type":20,"style":21,"format":22,"video":245},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757336983\u002Fscreen_cast_leonard.mp4",{"type":25,"style":168,"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":48,"style":21,"image":255},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439041\u002Facier_leonard.webp",{"type":48,"style":21,"image":257},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753439042\u002Fmontre_leonard.webp",{"type":48,"style":51,"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","case_study","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",[267,268,269],"Minimal design","Portfolio","Micro-interactions","\u002Fleonard-oliviero",{"title":272,"description":273},"Léonard Oliviéro portfolio","A minimal portfolio for photographer Léonard Oliviéro, where a refined aesthetic meets fluid micro-interactions.","leonard-oliviero","PeX4ws7eUwSM4Pww_6vCp0Z3bOmximCetJfFtseba_E",{"id":277,"title":278,"body":8,"description":279,"extension":7,"meta":280,"navigation":64,"path":391,"seo":392,"slug":395,"stem":395,"__hash__":396},"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":281,"preview":381,"thumbnail":382,"date":383,"url":384,"cover_video":283,"cover":385,"tags":386,"year":104},[282,284,286,294,296,298,301,308,310,313,315,319,325,328,334,337,340,342,344,346,349,355,357,359,362,365,371,373,379],{"type":20,"style":21,"format":22,"video":283},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1753352371\u002Fmola_screen_cast.mp4",{"type":170,"gradient":171,"inverse":172,"image":285},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438354\u002F%EF%B8%8F.png",{"type":25,"item":287},[288,290,292],{"image":289},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_01_yame.webp",{"image":291},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1758789017\u002Fyame_mobile.mp4",{"image":293},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fmobile_02_yame.webp",{"type":43,"style":206,"text":295},"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":48,"style":51,"image":297},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1753438299\u002Fforest_yame.webp",{"type":43,"style":206,"title":299,"text":300},"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":302,"item":303},"double_image_module",[304,306],{"image":305},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fux.webp",{"image":307},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fkey.webp",{"type":48,"style":51,"image":309},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fpalace.webp",{"type":43,"style":206,"title":311,"text":312},"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":48,"style":21,"image":314},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002FAsset_Manager.webp",{"type":43,"style":316,"title":317,"text":318},"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":302,"item":320},[321,323],{"image":322},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002FWeight_painting.webp",{"image":324},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_drive.webp",{"type":43,"style":316,"title":326,"text":327},"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":302,"item":329},[330,332],{"image":331},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fasset_browser_palace.webp",{"image":333},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fnode.webp",{"type":43,"style":316,"title":335,"text":336},"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":43,"style":316,"title":338,"text":339},"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":48,"style":51,"image":341},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Ftimeline_dev.webp",{"type":43,"style":206,"title":186,"text":343},"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":48,"style":21,"image":345},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fhead_yame.webp",{"type":43,"style":316,"title":347,"text":348},"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":302,"item":350},[351,353],{"image":352},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729945\u002Fyame_moto_profil.webp",{"image":354},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fwebgl_demo.webp",{"type":43,"style":206,"text":356},"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":48,"style":21,"image":358},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729938\u002Fbig_rock.webp",{"type":43,"style":316,"title":360,"text":361},"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":48,"style":21,"image":363,"caption":364},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729940\u002Fwiki.webp","Image Source : \u003Chttps:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FCel_shading>",{"type":302,"item":366},[367,369],{"image":368},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmontain.webp",{"image":370},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fmonatain_01.webp",{"type":43,"style":206,"text":372},"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":302,"item":374},[375,377],{"image":376},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729944\u002Fyame_color.webp",{"image":378},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1758729939\u002Fcontour.webp",{"type":48,"style":51,"image":380},"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","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",[387,388,389,390],"VUE.JS","UX & UI Design","3D Design","Project Management","\u002Fyame",{"title":393,"description":394},"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","utQ9pxRK_tmr1g5xfboDOXIuxyLjmU74fLJNEVX_2ms",{"id":398,"title":399,"body":8,"description":400,"extension":7,"meta":401,"navigation":64,"path":430,"seo":431,"slug":434,"stem":434,"__hash__":435},"content_en\u002Fricky.json","Ricky","Discover the behind-the-scenes of our 2025 prank: the creation of an AI assistant specialized in humor! Ricky was also an opportunity to showcase our skills in 3D design, WebGL integration within Webflow... and to share a good laugh :)",{"modules":402,"preview":423,"thumbnail":424,"date":425,"url":426,"cover_video":404,"cover":427,"tags":428,"year":188},[403,405,407,415,417,419,421],{"type":20,"style":21,"format":22,"video":404},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757340227\u002Fricky_desktop.mp4",{"type":170,"gradient":171,"inverse":172,"image":406},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1754641340\u002FSubtract.webp",{"type":25,"item":408},[409,411,413],{"image":410},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1754640938\u002Fwww.whoisricky.lol__Iphone_14_15_Pro_1.webp",{"image":412},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757343004\u002Fricky_loop_mobile.mp4",{"image":414},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1754640938\u002Fwww.whoisricky.lol__Iphone_14_15_Pro_2_1.webp",{"type":48,"style":21,"image":416},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409581\u002Fricky_desktop_screen_03.webp",{"type":48,"style":21,"image":418},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409580\u002Fricky_desktop_screen_02.webp",{"type":48,"style":21,"image":420},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757422780\u002Fricky_desktop_screen_01_2.webp",{"type":48,"style":51,"image":422},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1754640938\u002FSlide_16_9_-_18_2x.webp","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154077\u002Fwww.whoisricky.lol__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757412407\u002Fricky_loop_desktop.mp4","2024-08-08T10:12:00.000+02:00","https:\u002F\u002Fwww.whoisricky.lol\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1754640938\u002FSlide_16_9_-_17_2x.webp",[429,389,187,103],"UX & UI design","\u002Fricky",{"title":432,"description":433},"Ricky: AI humor assistant experience","Ricky, a playful AI assistant specialized in humor, combined 3D design and WebGL inside Webflow for an offbeat web experience.","ricky","B9fHAoqOayCdrGGqrswWv7KizpimNQQBj6OWp2gzxpg",{"id":437,"title":438,"body":8,"description":439,"extension":7,"meta":440,"navigation":64,"path":469,"seo":470,"slug":473,"stem":473,"__hash__":474},"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":441,"preview":460,"layout":54,"thumbnail":461,"date":462,"url":463,"cover":464,"tags":465,"year":188},[442,444,452,458],{"type":20,"style":21,"format":22,"video":443},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790771886\u002Fportfolio\u002Fevaneos\u002Fvideo.mp4",{"type":25,"item":445},[446,448,450],{"image":447},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_1.webp",{"image":449},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771632\u002Fportfolio\u002Fevaneos\u002Fmobile_2.webp",{"image":451},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771634\u002Fportfolio\u002Fevaneos\u002Fmobile_3.webp",{"type":34,"item":453},[454,456],{"image":455},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_1.webp",{"image":457},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790771630\u002Fportfolio\u002Fevaneos\u002Fimage_2.webp",{"type":48,"style":51,"image":459},"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",[466,467,468],"Online experience","Vue.JS","Motion design","\u002Fevaneos",{"title":471,"description":472},"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","x6Q-OJH6V2JKgISWsjhfwCNgF4tB5USJf1qJj6J66so",{"id":476,"title":477,"body":8,"description":478,"extension":7,"meta":479,"navigation":64,"path":508,"seo":509,"slug":512,"stem":512,"__hash__":513},"content_en\u002Fartex-plored.json","Artex-plored","Accompanying Artex in the creation of its media on knowledge of the Arts? Challenge accepted with this customized site based on the French CMS Prismic.",{"modules":480,"preview":499,"thumbnail":500,"date":501,"url":502,"cover":503,"tags":504,"year":507},[481,483,491,493,495,497],{"type":20,"style":21,"format":22,"video":482},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757341020\u002Fartex_desktop.mp4",{"type":25,"style":168,"item":484},[485,487,489],{"image":486},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409395\u002FArtex_mobile_02.webp",{"image":488},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757345370\u002Fartex_loop_mobile.mp4",{"image":490},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757409395\u002FArtex_mobile_01.webp",{"type":48,"style":21,"image":492},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709562230\u002FArtex_01.jpg",{"type":170,"gradient":171,"inverse":172,"image":494},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709565270\u002FV.png",{"type":48,"style":21,"image":496},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709562232\u002FArtex_02.jpg",{"type":48,"style":51,"image":498},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709562233\u002FArtex_04.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154152\u002Fartexplored.com__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757413830\u002Fartex_loop_desktop.mp4","2024-03-04T14:26:32.511Z","https:\u002F\u002Fartexplored.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709562234\u002FArtex_03.jpg",[467,505,506],"Prismic","Project management","2023","\u002Fartex-plored",{"title":510,"description":511},"Artex-plored: a digital media for the arts","A customized website built for Artex, a media dedicated to the knowledge of arts, using Vue.js and the French CMS Prismic.","artex-plored","2Tcxb21jkD1gCJiJxdtJOEoWuR6kMZIfQXLN1gGmcA4",{"id":515,"title":516,"body":8,"description":517,"extension":7,"meta":518,"navigation":64,"path":548,"seo":549,"slug":552,"stem":552,"__hash__":553},"content_en\u002Faccent.json","Accent","The Club-Mate France team has created a new range of top-of-the-range softs, combining classic recipes with a touch of distinctly French flavors. \u2028Introducing Accent!",{"modules":519,"preview":541,"thumbnail":542,"date":543,"url":544,"cover":545,"tags":546,"year":188},[520,522,525,527,535,537,539],{"type":20,"style":21,"format":22,"video":521},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757411200\u002Faccent_website.mp4",{"type":43,"style":44,"text":523,"title":524},"For the first screen, we wanted to combine the product and its emblematic ingredients (clementine, gentian, ginger) in a beautiful animation entirely in WebGL.\n\nFor the design of the pages, Emilie Besnard started with minimalist branding and then applied animated principles (patterns, gradients, typography...).","SETTING THE SCENE",{"type":170,"gradient":171,"inverse":172,"image":526},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709563997\u002FAccent_token.png",{"type":25,"style":168,"item":528},[529,531,533],{"image":530},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709563857\u002FAccent_01.png",{"image":532},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757411900\u002Faccent_loop_mobile.mp4",{"image":534},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709563857\u002FAccent_02.png",{"type":48,"style":21,"image":536},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709561331\u002FCapture_d_e%CC%81cran_le_2022-02-09_a%CC%80_18.50_1.jpg",{"type":48,"style":21,"image":538},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709561331\u002FCapture_d_e%CC%81cran_le_2022-02-09_a%CC%80_18.50_3.jpg",{"type":48,"style":51,"image":540},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709561331\u002FCapture_d_e%CC%81cran_le_2022-02-09_a%CC%80_18.50_4.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154207\u002Faccentboissons.com__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757412171\u002Faccent_loop_desktop.mp4","2024-03-04T14:06:53.729Z","https:\u002F\u002Faccentboissons.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1709561074\u002FCapture_d_e%CC%81cran_le_2022-07-27_a%CC%80_10.58_1.jpg",[547,102,144,468,186],"Conception","\u002Faccent",{"title":550,"description":551},"Accent: immersive web experience","Accent's beverage range comes to life in a website blending minimalist design, WebGL animations and motion design for Club-Mate France.","accent","KQcUt9H38P7R_ZnU-hlkcfxpL9wkGO3Vf0_eU9TUaC0",{"id":555,"title":556,"body":8,"description":557,"extension":7,"meta":558,"navigation":64,"path":584,"seo":585,"slug":588,"stem":588,"__hash__":589},"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":559,"preview":574,"layout":54,"thumbnail":575,"date":576,"url":577,"cover_video":578,"cover":579,"tags":580,"year":507},[560,562,570,572],{"type":48,"style":21,"image":561},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763771\u002Fportfolio\u002Fgirard-perregaux\u002Fhero.webp",{"type":25,"item":563},[564,566,568],{"image":565},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_1.webp",{"image":567},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_2.webp",{"image":569},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790763305\u002Fportfolio\u002Fgirard-perregaux\u002Fmobile_3.webp",{"type":48,"style":21,"image":571},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1790769736\u002Fportfolio\u002Fgirard-perregaux\u002Ffull_layout.webp",{"type":48,"style":51,"image":573},"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","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",[581,582,467,583],"Photo \u002F video shoot","Digital expertise","Scroll motion","\u002Fgirard-perregaux",{"title":586,"description":587},"Girard-Perregaux landing page","An immersive landing page for Saint Laurent and Girard-Perregaux, blending high-end photography with seamless scroll motion.","girard-perregaux","NjuYRtAPPzB_R7OuouosaQer_5nKerEzX-cuILQTi_M",{"id":591,"title":592,"body":8,"description":593,"extension":7,"meta":594,"navigation":64,"path":619,"seo":620,"slug":623,"stem":623,"__hash__":624},"content_en\u002Fartefact-3000.json","Artefact 3000","We regularly accompany agencies and studios on the development of their sites and portfolios. Artefact3000 Studio's project, based on a WebGL thread, is a good example of a dynamic and efficient \"one page\".",{"modules":595,"preview":612,"layout":261,"thumbnail":613,"date":614,"url":615,"cover":616,"tags":617,"year":507},[596,598,606,608,610],{"type":20,"style":21,"format":22,"video":597},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757414356\u002Fartefact_desktop.mp4",{"type":25,"item":599,"style":168},[600,602,604],{"image":601},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757414890\u002Fstudio.artefact3000.com__Iphone_14_15_Pro_1.webp",{"image":603},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757414919\u002Fartefact_loop_mobile.mp4",{"image":605},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1757414890\u002Fstudio.artefact3000.com__Iphone_14_15_Pro.webp",{"type":48,"style":21,"image":607},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128784\u002Fstudio-9p\u002Fuploads\u002FArte01.jpg",{"type":48,"style":21,"image":609},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128784\u002Fstudio-9p\u002Fuploads\u002FArte02.jpg",{"type":48,"style":51,"image":611},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128784\u002Fstudio-9p\u002Fuploads\u002FArte04.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1764154179\u002Fstudio.artefact3000.com_en__iPhone_SE.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1757414525\u002Fartefact_loop_desktop.mp4","2023-05-03T15:33:07.397Z","https:\u002F\u002Fstudio.artefact3000.com\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128784\u002Fstudio-9p\u002Fuploads\u002FArte03.jpg",[467,618,506],"WebGL \u002F Three.JS","\u002Fartefact-3000",{"title":621,"description":622},"Artefact 3000: WebGL portfolio","The Artefact 3000 Studio portfolio builds on a WebGL thread to deliver an immersive web experience developed with Three.js.","artefact-3000","jo0WhJhR3cfZTtQ8Kz8DDje-6qBjN78JG7qh4OYXVaE",{"id":626,"title":627,"body":8,"description":628,"extension":7,"meta":629,"navigation":64,"path":658,"seo":659,"slug":662,"stem":662,"__hash__":663},"content_en\u002Fstid-security.json","STID security","A real commando operation, this landing page was produced in 4 weeks to allow STID Security to communicate on a trade show in Vegas. Designed exclusively for the US market, this mini-home is a typical example of an emergency solution to compensate for the absence of a complete site during a redesign.",{"modules":630,"preview":651,"thumbnail":652,"date":653,"url":654,"cover":655,"tags":656,"year":188},[631,633,637,639,641,649],{"type":20,"style":21,"format":22,"video":632},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790847222\u002Fportfolio\u002Fstid\u002FSTid_US_landing_page.mp4",{"type":25,"style":634,"description":635,"title":636},"lap","By reducing the scope to what is strictly necessary for the presentation of the brand and the understanding of its offer, we give ourselves the means to produce a quality one-page, \"Apple Style\". With the designer Quentin Goupille, we were able to opt for a layout mixing 2D & 3D with a \"Wireframes\" presentation of the STid offer.","QUICKLY... AND WELL",{"type":48,"style":21,"image":638},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128787\u002Fstudio-9p\u002Fuploads\u002FStiD_Case01.jpg",{"type":48,"style":21,"image":640},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128789\u002Fstudio-9p\u002Fuploads\u002FStiD_Case02.jpg",{"type":25,"style":168,"item":642},[643,645,647],{"image":644},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759159642\u002Fstid-security.com_us__Iphone_14_15_Pro_1.webp",{"image":646},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759159642\u002Fstid-security.com_us__Iphone_14_15_Pro_2.webp",{"image":648},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759159642\u002Fstid-security.com_us__Iphone_14_15_Pro.webp",{"type":48,"style":51,"image":650},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128791\u002Fstudio-9p\u002Fuploads\u002FStiD_Case04.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598810\u002Fstudio9p-rebranded\u002FStid.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683811136\u002Fstudio-9p\u002Fuploads\u002FStiD_Heros.jpg","2023-05-03T15:25:13.539Z","https:\u002F\u002Fstid-security.com\u002Fus\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1684334896\u002Fstudio-9p\u002Fuploads\u002FnewStiD_Hero.jpg",[102,144,657],"WebGL & Three.JS","\u002Fstid-security",{"title":660,"description":661},"STID Security landing page","High-impact landing page built for STID Security, using immersive 3D design and WebGL to support their US market launch.","stid-security","-80cZ4oX3uOkFSpUcEme3nx14YulhfjfMwi2K5FBqsE",{"id":665,"title":666,"body":8,"description":667,"extension":7,"meta":668,"navigation":64,"path":698,"seo":699,"slug":702,"stem":703,"__hash__":704},"content_en\u002Fubisoft-12-trials-1.json","AC15, Hall Of Fame","Concluding the Assassins Creed sequence in the summer of 2022, the All of Fame is a contemplative and participative experience in WebGL. The community of Assassin's Creed players of all generations is called upon to come together, in a monumental statue representing the Assassin of the 15 years of the saga.",{"modules":669,"preview":690,"layout":261,"thumbnail":691,"date":692,"url":693,"cover":694,"tags":695,"year":697},[670,672,675,677,679,682,686,688],{"type":20,"style":21,"format":22,"video":671},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790847923\u002Fportfolio\u002FAC15\u002FAC15_Hall_of_Fame.mp4",{"type":25,"title":673,"style":634,"description":674},"TEXTURED POETRY","The whole problem was to make a place for each player within a defined environment. The artistic choice was therefore to \"explode\" the golden statue into thousands of small particles. Each one of them could be adopted by a player, who would come and write his gamertag on it.",{"type":48,"style":21,"image":676},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128789\u002Fstudio-9p\u002Fuploads\u002FHOF01.jpg",{"type":48,"style":21,"image":678},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128790\u002Fstudio-9p\u002Fuploads\u002FHOF02.jpg",{"type":170,"gradient":680,"inverse":172,"image":681},0.5,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660657927\u002Fstudio-9p\u002FLogo_AC15.png",{"type":25,"item":683,"style":168,"description":684,"title":685},[],"Once the 3D model of the statue is retouched and optimized, the texturing and lightning begins. The golden texture is produced by combining a \"normal\" for the roughness of the material and the ability of the texture to reflect light to reproduce the rendering of gold in reality.","GOLD ON THE CEILING",{"type":48,"style":21,"image":687},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759159982\u002FCapture_d_e%CC%81cran_le_2022-02-09_a%CC%80_18.50_2.jpg",{"type":48,"style":51,"image":689},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128794\u002Fstudio-9p\u002Fuploads\u002FHOF05.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598753\u002Fstudio9p-rebranded\u002FAC15_-_Hall_of_fame.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1683128790\u002Fstudio-9p\u002Fuploads\u002FHOF04.jpg","2022-08-18T14:07:00.000+02:00","https:\u002F\u002Fwww.ubisoft.com\u002Fen-gb\u002Fgame\u002Fassassins-creed\u002F15th-anniversary\u002Fhall-of-fame\u002F","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1684330562\u002FBG.jpg",[102,696,506],"Front & Back Development","2022","\u002Fubisoft-12-trials-1",{"title":700,"description":701},"Assassin's Creed: Hall of Fame","A WebGL experience created for Ubisoft to celebrate 15 years of Assassin's Creed through a participative and monumental digital statue.","ubisoft-ac15-hall-of-fame","ubisoft-12-trials-1","MQKXcKZfIE2J-4RlbdqOy5KB89fATyfyws4aMDms9uc",{"id":706,"title":707,"body":8,"description":708,"extension":7,"meta":709,"navigation":64,"path":737,"seo":738,"slug":741,"stem":741,"__hash__":742},"content_en\u002Fbigflo-oli.json","Bigflo & Oli","Bigflo & Oli struggle to choose the name and cover of their new album! Therefore, they asked their fans to help them, by voting for their favorite artwork. But rather than making a silly vote on Instagram, the Polydor France label (Universal Music) had the idea of a more original digital experience and commissioned us to design it. Our answer: a real CD customization tool, in 3D (WebGL) to visualize the result live.",{"modules":710,"preview":733,"layout":261,"thumbnail":734,"date":735,"cover":734,"tags":736,"year":697},[711,713,717,719,721,731],{"type":20,"style":21,"format":22,"video":712},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790847644\u002Fportfolio\u002Fbigflo-oli\u002FAnnonce_Les_autres_c_est_nous_par_David_Castello-lopez.mp4",{"type":25,"title":714,"description":715,"style":634,"item":716},"A boost for pre-orders","Behind the story-telling, the operation aims to get people talking about the album before its release, and more specifically about its “préco” as David Castello Lopes explains in the video above. The pre-order serves to place the album high in the charts from the day of its release.",[],{"type":48,"style":21,"image":718},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759161284\u002Fbigol.webp",{"type":170,"gradient":171,"inverse":172,"image":720},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660659353\u002Fstudio-9p\u002FB_O_Logo.png",{"type":25,"title":722,"description":723,"style":168,"item":724},"12 possibilities = 12 versions of the album","The most popular version will be the final version of the album released in stores and on platforms. But the promise made to fans does not stop there, because they will also be able to receive the version they have chosen directly at home !",[725,727,729],{"image":726},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660737711\u002Fstudio-9p\u002FB_O_Carrousel1.png",{"image":728},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660737711\u002Fstudio-9p\u002FB_O_Carrousel2.png",{"image":730},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660737711\u002Fstudio-9p\u002FB_O_Carrousel3.png",{"type":48,"style":51,"image":732},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660659476\u002Fstudio-9p\u002FB_O_End.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598752\u002Fstudio9p-rebranded\u002FBig_flo_Oli.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660658958\u002Fstudio-9p\u002FB_O_Main_Cover.jpg","2022-08-16T14:04:07.816Z",[102,187,186],"\u002Fbigflo-oli",{"title":739,"description":740},"Bigflo & Oli: interactive album cover vote","A 3D WebGL experience designed for Bigflo & Oli and Polydor, letting fans customize and vote for their new album artwork.","bigflo-oli","fSuShXdR47ihxrl9zZUkj9LfOGJnua2tZgDWRxus0q0",{"id":744,"title":745,"body":8,"description":746,"extension":7,"meta":747,"navigation":64,"path":776,"seo":777,"slug":780,"stem":780,"__hash__":781},"content_en\u002Fubisoft-12-trials.json","Ubisoft 12 Trials","The Assassin's Creed saga celebrates its 15th anniversary in 2022! For this occasion, Ubisoft is launching a series of events and activations, allowing all generations of fans to (re)experience each episode of this great epic. Asked by Ubisoft to produce a major summer game on this theme, the Biborg agency called on 9P to help with the production. The result: Twelve Trials, a game that challenges the knowledge of Assassin's Creed fans. For 12 weeks, they will have to pass a \"trial\" of increasing difficulty to win a trip to Italy in the footsteps of Ezio Auditore!",{"modules":748,"preview":770,"layout":261,"thumbnail":771,"date":772,"url":773,"cover":771,"tags":774,"year":697},[749,751,755,757,758,768],{"type":43,"style":44,"text":750},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FBZebR7se7ig\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C\u002Fiframe>",{"type":25,"title":752,"description":753,"style":634,"item":754},"A challenge for fans... and 9P","Having an activation last for such a long period (3 months) is a first for us. Each week, the site is redesigned in the colors of an episode of the series, and a new set of 10 questions is offered to fans.",[],{"type":48,"style":21,"image":756},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759219782\u002Fvalha_1.webp",{"type":170,"gradient":680,"inverse":172,"image":681},{"type":25,"title":759,"description":760,"style":168,"item":761},"Remain captivating by varying the pleasures","Assassin's Creed is a very rich universe to draw from in order to create puzzles for the fans. But the online experience must remain varied enough not to bore users. Problem: 10 questions x 12 episodes = 120 questions in all, impossible to create each question in \"one shot\" without exploding the budget and the production time! The solution: use templates, models designed to easily adapt to any type of content. With 6 templates, mixed with exciting questions, the experience becomes perfectly varied and non-linear.",[762,764,766],{"image":763},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002F1201.webp",{"image":765},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002F1202.webp",{"image":767},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002F1203.webp",{"type":48,"style":51,"image":769},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660658086\u002Fstudio-9p\u002FUbisoft_12_Trials_End.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598811\u002Fstudio9p-rebranded\u002FUbisoft_12_trials.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1660656993\u002Fstudio-9p\u002FUbisoft_12_Trials.jpg","2022-08-16T13:31:21.493Z","https:\u002F\u002Fac15-twelve-trials.neuviemepage.com\u002Fen-gb\u002Fgame\u002Fassassins-creed\u002F15th-anniversary\u002F12-trials\u002Ftrial",[775,696,390],"UX Design","\u002Fubisoft-12-trials",{"title":778,"description":779},"Ubisoft: Assassin's Creed 12 Trials","Developing an interactive anniversary game for Ubisoft meant challenging Assassin's Creed fans across 12 weeks of immersive trials.","ubisoft-12-trials","UvR57Kh8s22tDq9JkTqLzB2bcM17jjAPeD3fsopNcFs",{"id":783,"title":784,"body":8,"description":785,"extension":7,"meta":786,"navigation":64,"path":812,"seo":813,"slug":816,"stem":816,"__hash__":817},"content_en\u002Fstudio-ouam.json","Studio Ouam","The freshest branding studio in Bordeaux (which signs our new visual identity) worked with 9P for the dev of its new website. On the program, cartoon animations, elastic elements, in short energy!",{"modules":787,"preview":805,"layout":261,"thumbnail":806,"date":807,"url":808,"cover":806,"tags":809,"year":811},[788,790,793,801,803],{"type":48,"style":21,"image":789},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644428500\u002Fstudio-9p\u002FGrid_Image_Studio_Ouam.jpg",{"type":170,"gradient":791,"inverse":172,"image":792},-0.5,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644420735\u002Fstudio-9p\u002FOtto.png",{"type":25,"item":794,"style":168},[795,797,799],{"image":796},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162978\u002Fouam03.webp",{"image":798},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162977\u002Fouam01.webp",{"image":800},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162978\u002Fouam02.webp",{"type":20,"style":21,"format":22,"video":802},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1790783433\u002Fthumbnail-Studio-Ouam.mp4",{"type":48,"style":51,"image":804},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644420764\u002Fstudio-9p\u002FScreen_Image_Studio_Ouam.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598777\u002Fstudio9p-rebranded\u002FOuam.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644420757\u002Fstudio-9p\u002FCover_Image_Studio_Ouam.jpg","2022-02-03T16:55:29.058Z","https:\u002F\u002Fstudioouam.com\u002F",[468,186,810],"WordPress","2021","\u002Fstudio-ouam",{"title":814,"description":815},"Studio Ouam website development","Studio Ouam's energetic website pairs custom motion design with elastic animations on a build developed with WordPress.","studio-ouam","futEbRE4meVWlrTmP9YkwtYWkHANREts_jkNYShcDVE",{"id":819,"title":820,"body":8,"description":821,"extension":7,"meta":822,"navigation":64,"path":885,"seo":886,"slug":889,"stem":889,"__hash__":890},"content_en\u002Fle-fooding.json","Le Fooding","In the midst of lockdown, the Fooding has undergone a complete overhaul. A gigantic redesign project, mixing editorial, branding, business and technical issues.\n\nFrom the first wireframe to the latest features in production right now, 9P worked hand in hand with the Fooding teams to offer a clearer, more accessible and 100% smartphone-optimized platform for mobile use, the only thing that counts when you're looking for a good place to eat, sleep or have a drink.",{"modules":823,"preview":875,"layout":261,"thumbnail":876,"date":877,"url":878,"cover":876,"tags":879,"year":811},[824,826,828,830,832,836,846,856,858,861,863,865,873],{"type":48,"style":21,"image":825},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645030311\u002Fstudio-9p\u002FGrid-Home-Resto-Fooding.jpg",{"type":48,"style":21,"image":827},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645030311\u002Fstudio-9p\u002FGrid-Fiche-Resto-Fooding.jpg",{"type":48,"style":21,"image":829},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645030310\u002Fstudio-9p\u002FGrid-Home-Ville-Fooding.jpg",{"type":48,"style":21,"image":831},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645030310\u002Fstudio-9p\u002FGrid-Radio-Fooding.jpg",{"type":43,"title":833,"text":834,"link":46,"style":835},"A Total Overhaul","The first Fooding website was 10 years old, and despite a solid structure, it needed to be redesigned to meet today's challenges (responsive, SEO, performance, etc).\n\nFooding actually has several main sections : the guide (the most famous), the media part (with articles), and the recipes. Each section follows its own logic of reading, filtering, searching, etc. The first challenge was to create a clear signage to differentiate these various contents, especially on the home page.\n\nThe new version is more \"media\" oriented, highlighting articles. It also had to enhance the different sections of the site, especially the recipes, but also present more clearly the verticals of the guide (restaurants, rooms, bars, food shops and cellars).","column",{"type":837,"reverse_flow":172,"column":838},"grid_module",[839,843],{"type":840,"text":841,"color":842},"title","Before \u002F After","#a19e81",{"type":844,"image":845},"image","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1645004249\u002Fstudio-9p\u002FFooding-Avant-Apres.mp4",{"type":25,"style":168,"item":847,"title":854,"description":855},[848,850,852],{"image":849},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002Ffooding01.webp",{"image":851},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162971\u002Ffooding03.webp",{"image":853},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162969\u002Ffooding02.webp","Immediate Benefits","Within the first few weeks of going live, the bounce rate dropped from 65% to 35%, the average time spent on the site tripled to more than 3 minutes and the number of page views increased by 63.7%.",{"type":857},"separator_module",{"type":43,"title":859,"text":860,"style":44},"The Technical Platform","Wordpress was chosen as the CMS to make it easier for the Fooding editorial team to learn, but it is used here in a \"headless\" format in order to be free of native templates and to be able to deploy a FrontEnd framework based on Vue.js, which is more efficient and durable.",{"type":170,"gradient":680,"inverse":172,"image":862},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644401280\u002Fstudio-9p\u002Fuploads\u002Fcible-fooding.png",{"type":48,"style":51,"image":864},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644401054\u002Fstudio-9p\u002Fuploads\u002Fimage-1-pleine-largeur-fooding.jpg",{"type":837,"reverse_flow":64,"column":866,"title":872},[867,869],{"type":844,"image":868},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644401174\u002Fstudio-9p\u002Fuploads\u002Fneverrrrrr-image-fooding.png",{"type":870,"text":871},"text","The site is constantly being improved. After a first round of updates 3 months after its launch, new features and patches are already in preparation. In connection each week with the product team on the client side, we keep a constant watch on the platform in order to propose evolutions and to treat the requests and the new problems in quasi real time.","Work Is. Never. Over.",{"type":48,"style":51,"image":874},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644401198\u002Fstudio-9p\u002Fuploads\u002Fimage-2-pleine-largeur-fooding.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598752\u002Fstudio9p-rebranded\u002FFooding.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644400347\u002Fstudio-9p\u002Fuploads\u002Fimage-cover-fooding.jpg","2021-12-07T18:15:37.809Z","https:\u002F\u002Flefooding.com\u002Fen\u002F",[880,881,882,883,884],"UX design & (re)branding","Editorial structure & rubricage","Redesign of the search experience","FRONT & Back & PWA* Development","Agile projectmanagement & monitoring","\u002Fle-fooding",{"title":887,"description":888},"Le Fooding: UX redesign and PWA development","Overhauling Le Fooding meant a mobile-first PWA, headless WordPress and a new editorial structure for a clearer user experience.","le-fooding","z0XuZ-nKTEjDBXPNLsQ5BkkPiB-H8I1fZyHXHJlXs1Q",{"id":892,"title":893,"body":8,"description":894,"extension":7,"meta":895,"navigation":64,"path":927,"seo":928,"slug":931,"stem":931,"__hash__":932},"content_en\u002Fi-love-bio-x-deezer.json","I Love Bio x Deezer","Deezer offers brands musical experiences directly on their platform. For this collab' with the brand I Love Bio, they called on the studio to create a mini-game mixing the top playlists of the moment and the fruity universe of the body care brand's products. \n\nThe brief ? An experience inspired by Fruit Ninja© adapted to the environment of the morning shower. We imagined putting the players in the shoes of a shower gel tube, in charge of collecting the fruits that fall in its direction in a Tetris-like way!",{"modules":896,"preview":922,"layout":261,"thumbnail":923,"date":924,"cover":923,"tags":925,"year":811},[897,905,908,910,912,914,916,918,920],{"type":25,"style":168,"item":898},[899,901,903],{"image":900},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002Fbio03.webp",{"image":902},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002Fbio02.webp",{"image":904},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162968\u002Fbio01.webp",{"type":43,"style":44,"title":906,"text":907},"3D DESIGN & WEBGL","For this experience, everything was designed by 9P, from the decor to the fruits directly inspired by the 2D universe of the brand I Love Bio. The rendering used, called \"cel shading\", allows a 2D look on a 3D object. The technique was popularized by games like Pokémon, Zelda or Fruit Ninja. The whole was then animated in Blender and integrated in the Three.js scene of the game.",{"type":48,"style":21,"image":909},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425383\u002Fstudio-9p\u002FGrid_Image_1_ILB.jpg",{"type":170,"gradient":791,"inverse":172,"image":911},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425495\u002Fstudio-9p\u002FCoco_ILB.png",{"type":48,"style":21,"image":913},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425436\u002Fstudio-9p\u002FGrid_Image_2_ILB.jpg",{"type":48,"style":21,"image":915},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425437\u002Fstudio-9p\u002FGrid_Image_3_ILB.jpg",{"type":48,"style":21,"image":917},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425436\u002Fstudio-9p\u002FGrid_Image_4_ILB.jpg",{"type":48,"style":21,"image":919},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425437\u002Fstudio-9p\u002FGrid_Image_5_ILB.jpg",{"type":48,"style":51,"image":921},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425531\u002Fstudio-9p\u002FScreen_Image_ILB.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598752\u002Fstudio9p-rebranded\u002FI_love_bio.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644425071\u002Fstudio-9p\u002FCover_Image_ILB.jpg","2021-10-07T17:45:00.000+02:00",[547,144,102,926],"Development (PWA)","\u002Fi-love-bio-x-deezer",{"title":929,"description":930},"I Love Bio x Deezer: 3D mini-game","An interactive PWA for I Love Bio and Deezer: a cel-shaded 3D game blending music with the fruity universe of body care.","i-love-bio-x-deezer","gTXvUuXA7EFbuzWXCl26LPsCZNbthWbOfRv7U4IjyxY",{"id":934,"title":935,"body":8,"description":936,"extension":7,"meta":937,"navigation":64,"path":965,"seo":966,"slug":969,"stem":969,"__hash__":970},"content_en\u002Fmedecins-du-monde.json","Médecins du Monde","We have been supporting Médecins du Monde's actions since the beginning. This year, \"MdM\" launched its first podcast, \"La Voix est libre\", which retraces the 20 years of the NGO's struggle.\n\nWe designed a mini-site combining the podcast episodes in free listening, an interactive timeline with additional information, all served by an innovative interface in WebGL (3D) symbolizing the whirlwind of MdM's action since its inception.",{"modules":938,"preview":957,"layout":261,"thumbnail":958,"date":959,"url":960,"cover":958,"tags":961,"year":964},[939,947,949,951,953,955],{"type":25,"style":168,"item":940},[941,943,945],{"image":942},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162975\u002Fmede02.webp",{"image":944},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162974\u002Fmede01.webp",{"image":946},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162975\u002Fmede03.webp",{"type":20,"style":21,"format":22,"video":948},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1645106561\u002FVideo-Podcast-MdM.mp4",{"type":170,"gradient":791,"inverse":172,"image":950},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644484023\u002Fstudio-9p\u002FLogo_MdM.png",{"type":48,"style":21,"image":952},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645116619\u002Fstudio-9p\u002FGrid_Image_1_MdM.jpg",{"type":48,"style":21,"image":954},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645116619\u002Fstudio-9p\u002FGrid_Image_2_MdM.jpg",{"type":48,"style":51,"image":956},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644484546\u002Fstudio-9p\u002FScreen_Image_MdM.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598754\u002Fstudio9p-rebranded\u002Fmedecindumonde.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644484026\u002Fstudio-9p\u002FCover_Image_MdM.jpg","2020-06-11T10:43:00.000+02:00","https:\u002F\u002Fpodcast.medecinsdumonde.org\u002F",[962,102,963],"Conception & branding","Development (Three.js)","2020","\u002Fmedecins-du-monde",{"title":967,"description":968},"Médecins du Monde: interactive podcast site","An immersive 3D experience for Médecins du Monde, built to launch their first podcast and celebrate 20 years of humanitarian action.","medecins-du-monde","yEDCf6WE34IUO-bFjH-9rh4uIC1hI03i25wVV6-6Kd8",{"id":972,"title":973,"body":8,"description":974,"extension":7,"meta":975,"navigation":64,"path":1013,"seo":1014,"slug":1017,"stem":1017,"__hash__":1018},"content_en\u002Fclub-mate.json","Club-Mate","The brand has been mythical in Berlin for a long time, and has trusted us for its launch on French territory. On the program: brand platform, graphic and editorial charter, and of course... website. We developed an animated and colorful universe, based on a game of origami mixing geometric shapes from the mythical yellow bottle.",{"modules":976,"preview":1004,"layout":261,"thumbnail":1005,"date":1006,"url":1007,"cover":1005,"tags":1008,"year":1012},[977,985,989,991,993,1002],{"type":25,"item":978,"style":168},[979,981,983],{"image":980},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162973\u002Fmate02.webp",{"image":982},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1759163615\u002FScreenRecording_09-29-2025_18-31-19_1.mp4",{"image":984},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1759162973\u002Fmate03.webp",{"type":43,"style":986,"title":987,"text":988},[44],"Club-Mate made its name without advertising","In Germany, Club-Mate has established itself without any marketing. In France, it was necessary to develop a more extensive brand universe to promote this popular fizzy drink for partygoers and hackers. The result? A colorful website, animated geometric shapes and strong texts to convey the values of the French Club-Mate!",{"type":170,"gradient":680,"inverse":172,"image":990},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644423623\u002Fstudio-9p\u002FBouteille_Club_Mate.png",{"type":48,"style":21,"image":992},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1645031103\u002Fstudio-9p\u002FGrid_Image_Club_Mate_V2.jpg",{"type":994,"item":995},"mosaic_module",[996,998,1000],{"image":997},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644506480\u002Fstudio-9p\u002Fclub-mate-mos-1.jpg",{"image":999},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644506480\u002Fstudio-9p\u002Fclub-mate-mos-2.jpg",{"image":1001},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644506480\u002Fstudio-9p\u002Fclub-mate-mos-3.jpg",{"type":48,"style":51,"image":1003},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644423625\u002Fstudio-9p\u002FScreen_Image_Club_Mate.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598753\u002Fstudio9p-rebranded\u002FClubmate.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644423624\u002Fstudio-9p\u002FCover_Image_Club_Mate.jpg","2019-06-13T17:02:00.000+02:00","https:\u002F\u002Fclub-mate.fr\u002F",[1009,1010,102,468,696,810,1011],"Branding & tone of voice","Photography","Follow-up & evolutions","2019","\u002Fclub-mate",{"title":1015,"description":1016},"Club-Mate: branding and website design","How did Club-Mate launch in France? With a colorful visual universe and motion design crafted to introduce the brand to a new audience.","club-mate","_Dg_6PdbKQJOfwbsdvMVIy9Y92VwZEWeGCwcMBnfMyY",{"id":1020,"title":1021,"body":8,"description":1022,"extension":7,"meta":1023,"navigation":64,"path":1044,"seo":1045,"slug":1048,"stem":1048,"__hash__":1049},"content_en\u002Fnoel-aux-gobelins.json","Noël aux Gobelins","The Mobilier National has partnered with Lego to create an end of year animation for children (and not only). The concept? Recreate a 16th century tapestry using small colored bricks. And for the little hands that couldn't make it to Paris, 9P created an online version of the experience!",{"modules":1024,"preview":1038,"layout":261,"thumbnail":1039,"date":1040,"url":46,"cover":1039,"tags":1041,"year":1012},[1025,1032,1034,1036],{"type":837,"reverse_flow":172,"title":1026,"column":1027},"An \u003C\u002Fbr> IRL \u002F WebGL \u003C\u002Fbr> experience",[1028,1030],{"type":844,"image":1029},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644422654\u002Fstudio-9p\u002FGrille_Image_Gauche_Gobelins.jpg",{"type":870,"text":1031},"While the little Parisian hands reconstructed the tapestry in the Galerie des Gobelins, the other children participated online on our game! A WebGL experience allowed them to live the event by placing virtual bricks from their home, on the game board in Paris.",{"type":170,"gradient":680,"inverse":172,"image":1033},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644422653\u002Fstudio-9p\u002FLego_Gobelins.png",{"type":20,"style":21,"format":22,"video":1035},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1645106291\u002FVideo-Lego-Gobelins.mp4",{"type":48,"style":51,"image":1037},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644422655\u002Fstudio-9p\u002FScreen_Image_2_Gobelins.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598753\u002Fstudio9p-rebranded\u002FLego.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644422655\u002Fstudio-9p\u002FCover_Image_Gobelins.jpg","2019-06-11T10:44:00.000+02:00",[1042,1043,963],"AD & UX design","Video production","\u002Fnoel-aux-gobelins",{"title":1046,"description":1047},"Noël aux Gobelins: interactive experience","Mobilier National and Lego turned a 16th century tapestry into a brick experience that 9P brought online with Three.js.","noel-aux-gobelins","6DF_50MoNqZgfgBpaWRfRi8u1RPkYCkzf7-UfZgv2pw",{"id":1051,"title":1052,"body":8,"description":1053,"extension":7,"meta":1054,"navigation":64,"path":1080,"seo":1081,"slug":1084,"stem":1084,"__hash__":1085},"content_en\u002Fgreenpeace-orizon.json","Greenpeace, Orizon","The agency Artefact has imagined Orizon, the real estate agency of the future that tells you where to invest according to the rising waters. The site produced by 9P combines real estate data and a global warming prediction model for more than realistic results.\n\nFortunately, it's all for a good cause, a hoax from Greenpeace to raise awareness about the dangers of inactivity in the face of CO2 emissions.",{"modules":1055,"preview":1074,"layout":261,"thumbnail":1075,"date":1076,"url":1077,"cover":1075,"tags":1078,"year":1079},[1056,1058,1061,1063,1066,1068,1070,1072],{"type":43,"style":44,"text":1057},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F9vn0wJgm9ko\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C\u002Fiframe>",{"type":43,"style":44,"title":1059,"text":1060},"A very realistic fake","Specialized in data, the agency Artefact designed for Orizon a real algorithm crossing models of the rise on the French coasts and databases of real estate ads. Studio 9P then integrated this API to the real \u002F fake Orizon website to allow visitors to live the experience with real results.",{"type":48,"style":21,"image":1062},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644485352\u002Fstudio-9p\u002FGrid_Image_1_Greenpeace.jpg",{"type":170,"gradient":1064,"inverse":172,"image":1065},0.47,"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644861943\u002Fstudio-9p\u002FPin_Greenpeace.png",{"type":48,"style":21,"image":1067},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644485352\u002Fstudio-9p\u002FGrid_Image_2_Greenpeace.jpg",{"type":48,"style":21,"image":1069},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644485350\u002Fstudio-9p\u002FGrid_Image_3_Greenpeace.jpg",{"type":20,"style":21,"format":22,"video":1071},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fvideo\u002Fupload\u002Fv1645105386\u002FVideo-Reveal-Greenpeace.mp4",{"type":48,"style":51,"image":1073},"https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644485348\u002Fstudio-9p\u002FScreen_Image_Greenpeace.jpg","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1778598756\u002Fstudio9p-rebranded\u002FOrizon.png","https:\u002F\u002Fres.cloudinary.com\u002Fneuvieme-page\u002Fimage\u002Fupload\u002Fv1644485346\u002Fstudio-9p\u002FCover_Image_Greenpeace.jpg","2017-06-10T10:27:00.000+02:00","https:\u002F\u002Forizon.immo\u002F",[102,186],"2017","\u002Fgreenpeace-orizon",{"title":1082,"description":1083},"Greenpeace Orizon: awareness website","Orizon, a realistic real estate hoax created for Greenpeace, raises awareness about rising sea levels through UX design and API integration.","greenpeace-orizon","uW_Fxd_UGTucjNR-PqnHKpJ0zUFtsLHAwhV3XdNUJW0"]