[{"data":1,"prerenderedAt":402},["ShallowReactive",2],{"all-projects":3,"project-medias-syndic-one":363},[4,34,104,159,210,262,312],{"slug":5,"title":6,"translations":7,"colors":26,"nextProject":29,"order":30,"featured":31,"thumbnail":32,"seoImage":33},"syndic-one","Syndic One",{"fr":8,"en":17},{"content":9,"title":6,"tags":10,"waitingWords":12,"description":16},[],[11],"Direction Artistique",[13,14,15],"Consultez","Votez","Participez","Marque du groupe de services immobiliers Sergic, Syndic One est pionnier de la gestion de copropriété entièrement en ligne. La direction marketing souhaite revoir l’identité visuelle de son site vitrine pour Marque du groupe de services immobiliers Sergic, Syndic One est pionnier de la gestion de copropriété entièrement en ligne. La direction marketing souhaite revoir l’identité visuelle de son site vitrine pour réaffirmer ses valeurs.",{"content":18,"title":6,"tags":19,"waitingWords":21,"description":25},[],[20],"Art Direction",[22,23,24],"Check it out","Vote","Get Involved","Syndic One, a brand of the Sergic real estate services group, is a pioneer in fully online condominium management. The marketing department wants to revamp the visual identity of its website to refresh its image.",{"primary":27,"secondary":28},"#0068E5","#E5F1FF","inscirkle",1,"\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-illustrations.avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-first-version.avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-illustrations-services.avif",{"order":35,"slug":36,"title":37,"description":38,"content":39,"colors":52,"thumbnail":55,"tags":56,"nextProject":60,"waitingWords":61,"translations":66,"featured":55,"seoImage":103},2,"petit-bambou","Petit Bambou","Petit Bambou is a leading mindfulness and meditation platform. The project aimed to redesign both their marketing website and the web app experience, aligning the visual identity with the calm and clarity promoted by their practice.",[40,43,46,49],{"heading":41,"text":42},"Challenge","Create a serene and user-friendly digital experience that reflects the brand's essence — mindfulness and well-being — while improving content readability and user engagement.",{"heading":44,"text":45},"Approach","We focused on reducing visual noise to let the content breathe. Soft color palettes, generous white space, and a refined typographic hierarchy were key to enhancing the user experience. Custom illustrations were balanced with a minimalist layout and an elegant serif typeface to support both clarity and emotion.",{"heading":47,"text":48},"My role","UX wireframing, Graphic research, UI Design, Design system setup",{"heading":50,"text":51},"Credits","Made together with Wexperience agency.",{"primary":53,"secondary":54},"#00737B","#E7FBFD","\u002Fimages\u002Fpetit-bambou\u002Fpetit-bambou-app-icons-meditation.png",[57,58,59],"Art direction","UX Design","UI Design","gula",[62,63,64,65],"Breathe","Relax","Focus","Meditate",{"fr":67,"en":89},{"title":37,"description":68,"content":69,"tags":82,"waitingWords":84,"seoTitle":87,"seoDescription":88},"Application de méditation et de respiration leader en France (+10 millions d’utilisateurs), nous accompagnons Petit BamBou depuis plusieurs années sur le product design web et mobile.",[70,73,76,79],{"heading":71,"text":72},"Enjeu","Créer une expérience digitale sereine et intuitive, fidèle à l’essence de la marque, la pleine conscience et le bien-être, tout en améliorant la lisibilité des contenus et l’engagement utilisateur.",{"heading":74,"text":75},"Approche","Réduction du bruit visuel pour laisser respirer le contenu. Une palette douce, de grands espaces blancs et une hiérarchie typographique épurée ont permis d'alléger l’expérience. Les illustrations sur-mesure sont équilibrées par une mise en page minimaliste et une typographie élégante qui apportent à la fois clarté et émotion.",{"heading":77,"text":78},"Mon rôle","– Création de la nouvelle interface utilisateur du site  vitrine et de l’application web.\n– Création graphique des icônes pour les programmes de méditation.\n– Product Design : travail d’amélioration continue en collaboration avec le Product Owner de l’application sur le site web et mise en place d’un design system.",{"heading":80,"text":81},"Crédits","Réalisé avec l’agence Wexperience.",[59,58,83],"Design d'icônes",[85,63,64,86],"Respire","Médite","Création du design system Petit BamBou","Refonte de l'interface utilisateur du site vitrine de l'application de méditation Petit BamBou. Modernisation de l'UX. Mise en place d'un design system.",{"title":37,"description":90,"content":91,"tags":98,"waitingWords":100,"seoTitle":101,"seoDescription":102},"As the leading meditation and breathing app in France (with over 10 million users), I worked with Petit BamBou for several years on branding, website design, and the mobile app.",[92,94,95,97],{"heading":41,"text":93},"Create a serene and user-friendly digital experience that reflects the brand's essence, mindfulness and well-being , while improving content readability and user engagement.",{"heading":44,"text":45},{"heading":47,"text":96},"– Design of the new user interface for the showcase website and web application.\n– Graphic design of icons for meditation programs.\n– Product Design: ongoing improvements to the website in collaboration with the app’s Product Owner, and implementation of a design system.",{"heading":50,"text":51},[59,58,99],"Icons design",[62,63,64,65],"Creation of the design system Petit BamBou","Redesign of the user interface for the Petit BamBou meditation app’s showcase website. Modernization of the user experience. Implementation of a design system.","\u002Fimages\u002Fpetit-bambou\u002Fpetit-bambou-illustration-composition.png",{"order":105,"slug":106,"title":107,"description":108,"content":109,"colors":117,"thumbnail":120,"tags":121,"nextProject":122,"waitingWords":123,"translations":127,"seoImage":120,"featured":158},3,"unistellar","Unistellar","Unistellar, French pioneer in \"smart telescopes\", designs a new type of connected telescopes : smarter, easier to use and featured with an application and a community of science enthusiasts revolving around it. We redesigned the entire user journey though the order process with better explanations about the tech behind these smart devices and a brand new look & feel for the whole experience.",[110,112,114,116],{"heading":41,"text":111},"Design a digital experience that communicates the immersive, cutting-edge qualities of Unistellar’s telescopes—while simplifying complex astronomical tech into an elegant, frictionless purchasing journey.",{"heading":44,"text":113},"We opted for a sleek, minimalist aesthetic with clear product storytelling, visual immersion, and a subtle shop interface. The website now support conversions while amplifying the emotional connection to astronomy and the cosmos.",{"heading":47,"text":115},"UX wireframing, Graphic research, UI Design, Motion",{"heading":50,"text":51},{"primary":118,"secondary":119},"#9976FF","#071319","\u002Fimages\u002Funistellar\u002Funistellar-mobile-screens.png",[57,58,59],"lepage",[124,125,126],"Explore","Discover","Share",{"fr":128,"en":146},{"title":107,"description":129,"content":130,"tags":138,"waitingWords":140,"seoTitle":144,"seoDescription":145},"Unistellar, pionnier français des « smart telescopes », conçoit une nouvelle génération de télescopes connectés : plus simples, plus intelligents et intégrés à une application et une communauté de passionnés de science. Nous avons repensé tout le parcours d’achat avec une meilleure mise en avant de la technologie et un look & feel entièrement revu.",[131,133,135,137],{"heading":71,"text":132},"Imaginer une expérience digitale qui transmet l’aspect immersif et innovant des télescopes Unistellar, tout en rendant didactique une technologie complexe pour créer un parcours d’achat fluide et élégant.",{"heading":74,"text":134},"Esthétique épurée, storytelling produit orienté pour les passionnés, des visuels immersifs et une interface boutique subtile pour renforcer la connexion émotionnelle avec l’astronomie et la découverte d' l'univers.",{"heading":77,"text":136},"UX wireframes, Recherches graphiques, UI Design, Motion",{"heading":80,"text":81},[139,58,59],"Direction artistique",[124,141,142,143],"Coopère","Observe","Partage","Création de la boutique de télescopes intelligents","Refonte de la boutique en ligne Unistellar, pionnier tech des télescopes intelligents. Design des parcours utilisateurs et direction artistique pour la nouvelle interface web.",{"title":107,"description":108,"content":147,"tags":153,"waitingWords":154,"seoTitle":156,"seoDescription":157},[148,149,151,152],{"heading":41,"text":111},{"heading":44,"text":150},"A minimalist aesthetic, product storytelling tailored for enthusiasts, immersive visuals, and a subtle store interface designed to strengthen the emotional connection to astronomy and the exploration of the universe.",{"heading":47,"text":115},{"heading":50,"text":51},[57,58,59],[124,155,125,126],"Connect","Design of the smart telescope online store","Redesign of the Unistellar online store, a tech pioneer in smart telescopes. User journey design and art direction for the new web interface.","\u002Fimages\u002Funistellar\u002Funistellar-photo-balcon.jpg",{"order":160,"slug":60,"title":161,"description":162,"content":163,"colors":171,"thumbnail":174,"tags":175,"nextProject":106,"waitingWords":177,"translations":181,"seoImage":174,"featured":174},4,"Gula","Online boutique retailer of organic dried fruits, seeds, and nuts. Gula is focused on promoting healthy eating and responsible agriculture, while still enjoying delicious food. The whole new boutique has been reshape to provide a smarter UX with a mix and match of vibrant colors and handmade lettering.",[164,166,168,170],{"heading":41,"text":165},"Eshop redesign to reinforce Gula’s positionning with a bold and cheerful brand identity, while integrating practical guidance—nutrition tips, health advice, and recipe suggestions—to enhance user engagement. The new eshop balances fun and function inviting users to learn about nutrition and discover recipes, all within a bold and cheerful brand identity.",{"heading":44,"text":167},"We refreshed the visual identity with vibrant colors, friendly font for titles, and appetizing product showcases. UX improvements included guided flows that recommend consumption tips and healthy pairings based on the product. We built intuitive recipe cards that displayed nutrition facts. Throughout, we used lively typography and layout patterns to support both the brand’s character and content clarity.",{"heading":47,"text":169},"Wireframing, Content strategy, Visual identity, UI styleguide",{"heading":50,"text":51},{"primary":172,"secondary":173},"#E7533F","#FDF6DD","\u002Fimages\u002Fgula\u002Fgula-eshop-homepage-mockup.png",[57,176,59],"Ux Design",[178,179,180],"Enjoy","Eat","Taste",{"fr":182,"en":199},{"title":161,"description":183,"content":184,"tags":192,"waitingWords":193,"seoTitle":197,"seoDescription":198},"Boutique en ligne de fruits secs, graines et noix bio. Gula met en avant une alimentation saine et une agriculture responsable, sans renoncer au plaisir. La boutique a été entièrement repensée pour une UX plus fluide, avec un univers visuel mêlant couleurs vives et lettrages faits main.",[185,187,189,191],{"heading":71,"text":186},"Repenser l’eshop pour renforcer le positionnement de Gula avec une identité joyeuse et percutante, tout en intégrant plus de conseils pratiques — nutrition, bien-faits, idées recettes — afin d’encourager l’engagement. Le nouveau site allie fun et pédagogie, et invite à découvrir les produits sous un angle plus gourmand et instructif.",{"heading":74,"text":188},"Nous avons rafraîchi l’identité visuelle : couleurs éclatantes, typographies amicales, produits mis en scène de manière gourmande. L’UX a été repensée avec des parcours guidés, des suggestions de consommation et des associations saines. Nous avons aussi créé des fiches recettes intuitives et riches en informations nutritionnelles. L’ensemble repose sur une mise en page dynamique, qui conserve l’ADN de la marque tout en améliorant la clarté.",{"heading":77,"text":190},"– Direction artistique de l’univers visuel pour la nouvelle version du site web à partir du nouveau brandbook définit par une agence tierce.\n– Conception de l’interface en wireframe.\n– Déclinaison des templates de page en maquettes graphiques.",{"heading":80,"text":81},[139,58,59],[194,195,196],"Savoure","Mange","Goûte","Refonte de la boutique en ligne Gula","Conception UX et maquettage graphique du site web Gula, détaillant spécialiste des graines et fruits secs en vrac.",{"title":161,"description":162,"content":200,"tags":206,"waitingWords":207,"seoTitle":208,"seoDescription":209},[201,202,203,205],{"heading":41,"text":165},{"heading":44,"text":167},{"heading":47,"text":204},"– Art direction of the visual identity for the new version of the website, based on the brand book developed by an external agency.\n– Design of the interface using wireframes.\n– Development of page templates into graphic mockups.",{"heading":50,"text":51},[57,176,59],[178,179,180],"Redesign of the Gula online store","UX design and graphic layout for the Gula website, a specialty retailer of bulk seeds and dried fruits.",{"order":211,"slug":212,"title":213,"description":214,"content":215,"colors":223,"thumbnail":226,"tags":227,"nextProject":36,"waitingWords":228,"translations":232,"featured":261},5,"ncd","NCD","Identity design for the 5th edition of NCD (Nord Conversion Day). Nestled within the Euratechnologie innovation hub, this event welcomes the main players in ux design and e-commerce from the north of France. During one day, conferences, discussions and workshops are led by digital experts.",[216,218,220,222],{"heading":41,"text":217},"Create a strong and cohesive visual identity for the event that reflects its dual nature: a serious professional focus on performance and conversion, combined with a vibrant, engaging atmosphere.",{"heading":44,"text":219},"Bold and dynamic identity system that plays with bold contrast: geometric graphic shapes paired with vibrant colors and tech-inspired grid pattern to reflect the event’s energy. The UI for the event website was clean and modular, making it easy to access the agenda and discover speakers. Graphic assets were also used across digital communication channels and animated formats.",{"heading":47,"text":221},"Graphic system, Event page design, Goodies, Motion assets",{"heading":50,"text":51},{"primary":224,"secondary":225},"#F355F3","#160A2B","\u002Fimages\u002Fncd\u002Fncd-t-shirt-design.png",[57,58],[229,230,231],"Meet","Learn","Talk",{"fr":233,"en":250},{"title":213,"description":234,"content":235,"tags":243,"waitingWords":246},"Identité visuelle pour la 5ᵉ édition du NCD (Nord Conversion Day). Situé au cœur d’Euratechnologies, l’événement rassemble les acteurs majeurs du design et du e-commerce du nord de la France pour une journée de conférences, débats et workshops.",[236,238,240,242],{"heading":71,"text":237},"Créer une identité forte et cohérente qui reflète la double nature de l’événement : une dimension professionnelle tournée vers la performance et la conversion, et une ambiance dynamique et engageante.",{"heading":74,"text":239},"Une identité visuelle jouant sur les contrastes : formes géométriques, couleurs vives et un système de grille inspiré tech pour refléter l’énergie de l’événement. Les éléments graphiques ont aussi été déclinés pour la communication digitale et les formats animés.",{"heading":77,"text":241},"Système graphique, Design de la page événement, Goodies, Assets motion",{"heading":80,"text":81},[244,245]," Identité visuelle","Design graphique",[247,248,249],"Connecte","Découvre","Échange",{"title":213,"description":214,"content":251,"tags":257,"waitingWords":260},[252,253,255,256],{"heading":41,"text":217},{"heading":44,"text":254},"A visual identity that plays on contrasts: geometric shapes, bold colors, and a tech-inspired grid system to reflect the event’s energy. The graphic elements were also adapted for digital communications and animated formats.",{"heading":47,"text":221},{"heading":50,"text":51},[258,259],"Visual identity","Graphic design",[229,230,231],"\u002Fimages\u002Fncd\u002Fncd-event-branding.jpg",{"order":263,"slug":122,"title":264,"description":265,"content":266,"colors":274,"thumbnail":277,"tags":278,"nextProject":212,"waitingWords":279,"translations":282,"seoImage":311,"featured":277},6,"Lepage","Redesigning Maison Lepage's prestigious Jewelry Boutique by seamlessly blend timeless minimalist aesthetics, with cutting-edge UX for a high end shopping experience.",[267,269,271,273],{"heading":41,"text":268},"Align the digital experience with a luxury brand’s elegant identity, while ensuring a smooth, efficient shopping journey. Strengthen brand perception and support both detailed browsing and quick conversions.",{"heading":44,"text":270},"Versatile layouts for both products with many caracteristics like high-end watches – showcasing intricate features—materials, movements, craftsmanship — versus streamlined, minimalist templates for rings and alliances.",{"heading":47,"text":272},"UX design, Wireframing, UI design",{"heading":50,"text":51},{"primary":275,"secondary":276},"#26231F","#EFEAE5","\u002Fimages\u002Flepage\u002Flepage-desktop-ui-ux-design.png",[58,59],[280,281],"Show up","On time",{"fr":283,"en":299},{"title":264,"description":284,"content":285,"tags":293,"waitingWords":294,"seoTitle":297,"seoDescription":298},"Refonte de la boutique en ligne de la Maison Lepage, joaillier français d'exception. Modernisation de l'expérience utilisateur globale. En associant minimalisme intemporel et UX haut de gamme pour une expérience d’achat premium.",[286,288,290,292],{"heading":71,"text":287},"Aligner l’expérience digitale sur l’élégance de la marque de luxe, tout en assurant un parcours d’achat fluide et efficace. Renforcer la perception de marque et accompagner aussi bien la découverte détaillée que l’achat rapide.",{"heading":74,"text":289},"Conception de gabarits adaptés aux produits complexes comme pour les montres de luxe emblématiques, en mettant en avant matériaux, les mouvements et le savoir-faire des horlogers. Des pages plus épurées pour les fiches produits bijoux et les pages listes. L’objectif : servir à la fois la précision et la simplicité.",{"heading":77,"text":291},"UX design, Wireframes, UI design",{"heading":80,"text":81},[59,58],[295,296],"Brille","Frime","Refonte du site e-commerce Lepage.fr","Conception en wireframe et réalisation du guide de style et des maquettes graphiques pour la refonte complète du site.",{"title":264,"description":300,"content":301,"tags":307,"waitingWords":308,"seoTitle":309,"seoDescription":310},"Redesign of the online store for Maison Lepage, an exceptional French jeweler. Modernization of the overall user experience. Combining timeless minimalism with high-end UX to create a premium shopping experience.",[302,303,305,306],{"heading":41,"text":268},{"heading":44,"text":304},"Design of templates tailored to complex products, such as iconic luxury watches, highlighting the materials, movements, and craftsmanship of the watchmakers. Streamlined pages for jewelry product listings and product catalogs. The goal: to balance precision with simplicity.",{"heading":47,"text":272},{"heading":50,"text":51},[59,58],[280,281],"Redesign of the Lepage.fr e-commerce site","Wireframe design and creation of the style guide and graphic mockups for the complete redesign of the website.","\u002Fimages\u002Flepage\u002Flepage-mobile-ui-design.png",{"order":313,"slug":29,"title":314,"description":315,"content":316,"colors":321,"thumbnail":324,"tags":325,"nextProject":122,"waitingWords":327,"translations":330,"seoImage":361,"featured":362},7,"Inscirkle"," ",[317,318,319,320],{"heading":41,"text":315},{"heading":44,"text":315},{"heading":47,"text":315},{"heading":50,"text":315},{"primary":322,"secondary":323},"#094D66","#F5FCFF","\u002Fimages\u002Finscirkle\u002Finscirkle-mobile-screens.avif",[258,326],"UI\u002FUX Design",[328,155,329],"Join","Match",{"fr":331,"en":346},{"title":314,"description":332,"content":333,"tags":342,"waitingWords":343,"seoTitle":344,"seoDescription":345},"Startup d’intrapreneuriat développé au sein du groupe Lincoln, acteur majeur des ressources humaines, Inscirkle se positionne comme un club premium exclusif, 100% digital, qui représente et accompagne des talents du secteur de l'assurance en France et à l'international.",[334,336,338,340],{"heading":41,"text":335},"Proposer une identité visuelle simple et déclinable rapidement pour le site web du projet tout en respectant le positionnement du service : premium, haut de gamme et destiné aux profils cadres supérieurs du monde de l'assurance.",{"heading":44,"text":337},"La nouvelle identité est articulée autour d'un nouveau logo, plus simple qui vient remplacer un monogramme trop énigmatique. La lettre \"C\", dessine un cercle ouvert, symbole du club exclusif que souhaite développer la marque. Ce motif sert à créer un fil rouge sur l'ensemble des pages du site et des supports de communication.",{"heading":47,"text":339},"– Création graphique du logo.\n– Recherche et direction artistique pour le site vitrine.\n– Conception maquettage de l’interface web.",{"heading":50,"text":341}," Réalisé au sein de l’agence Wexperience.",[258,326],[328,155,329],"Création du site pour la startup Inscirkle ","Direction artistique digitale et application de l'univers graphique à l'UI du site web responsive.",{"title":314,"description":347,"content":348,"tags":357,"waitingWords":358,"seoTitle":359,"seoDescription":360},"Intrapreneurship startup project within the Lincoln Group, a major player in human resources, Inscirkle positions itself as an exclusive, 100% digital premium club that represents and supports talent in the insurance sector in France and internationally.",[349,351,353,355],{"heading":41,"text":350}," Develop a simple visual identity that can be easily adapted for the project’s website while aligning with the service’s positioning: premium, high-end, and targeted at C-level executives in the insurance industry.",{"heading":44,"text":352}," The new brand identity centers on a new, simpler logo that replaces a monogram that was too cryptic. The letter “C” forms an open circle, symbolizing the exclusive club the brand aims to build. This motif serves as a unifying theme across all pages of the website and communication materials.",{"heading":47,"text":354},"– Design of the logo\n– Research and art direction for the showcase website\n– UI design of the website",{"heading":50,"text":356}," Made together with Wexperience agency.",[258,326],[328,155,329],"Webdesign for the startup Inscirkle ","Digital art direction and implementation of the visual style into the responsive website's UI.","\u002Fimages\u002Finscirkle\u002Finscirkle-styleguide.avif","\u002Fimages\u002Finscirkle\u002Finscirkle-desktop-screens.avif",[364,371,376,380,384,388,392,396],{"id":365,"order":30,"type":366,"src":31,"alt":367,"layout":368,"width":369,"height":370},"_images_syndic_one_syndic_one_illustrations_avif","image","syndic-one image 7","full",2880,1500,{"id":372,"order":35,"type":366,"src":373,"alt":374,"layout":368,"width":369,"height":375},"_images_syndic_one_syndic_one_art_direction_research_avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-art-direction-research.avif","syndic-one image 1",1290,{"id":377,"order":105,"type":366,"src":32,"alt":378,"layout":368,"width":369,"height":379},"_images_syndic_one_syndic_one_first_version_avif","syndic-one image 3",1502,{"id":381,"order":160,"type":366,"src":33,"alt":382,"layout":368,"width":369,"height":383},"_images_syndic_one_syndic_one_illustrations_services_avif","syndic-one image 6",1362,{"id":385,"order":211,"type":366,"src":386,"alt":387,"layout":368,"width":369,"height":379},"_images_syndic_one_syndic_one_homepage_faq_avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-homepage-faq.avif","syndic-one image 4",{"id":389,"order":263,"type":366,"src":390,"alt":391,"layout":368,"width":369,"height":379},"_images_syndic_one_syndic_one_mobile_illustrations_avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-mobile-illustrations.avif","syndic-one image 8",{"id":393,"order":313,"type":366,"src":394,"alt":395,"layout":368,"width":369,"height":383},"_images_syndic_one_syndic_one_illustrations_services_2_avif","\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-illustrations-services-2.avif","syndic-one image 5",{"id":397,"order":398,"type":366,"src":399,"alt":400,"layout":368,"width":369,"height":401},"_images_syndic_one_syndic_one_contact_offer_avif",8,"\u002Fimages\u002Fsyndic-one\u002Fsyndic-one-contact-offer.avif","syndic-one image 2",1786,1777304981472]