[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-martin-laxenaire":3,"facets-{\"includeAuthors\":\"false\"}":135,"facets-baseline-false":296,"similar-websites-martin-laxenaire":329},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":37,"pages":43,"typefaces":55,"technologiesByCategory":56,"pagespeedDesktop":78,"pagespeedMobile":89,"performanceDesktop":81,"performanceMobile":91,"colorBuckets":95,"colorPalette":116},"f06a486d-637f-4c64-9d4f-cdb43c0b8c83","Martin Laxenaire","martin-laxenaire","https:\u002F\u002Fmartin-laxenaire.fr","2026-05-24T20:57:35.000Z","2026-05-04T09:55:38.000Z","106b6225-4f76-4dba-b4f8-b89decb5a454","0cdd809f-9b30-4e74-b930-762e553d1554",1440,900,780,1688,"Martin Laxenaire is the digital playground of a creative front-end developer specializing in high-interactivity and immersive user experiences. The website serves as a vibrant portfolio, showcasing a mastery of motion and playful web architecture designed to captivate brands looking for more than just static layouts.\n\nThe visual identity is unapologetically bold, utilizing a high-energy sunburst motif and heavy, stylized typography that demands attention. Through a combination of maximalist color palettes and dynamic motion, the design communicates a sense of expertise, creativity, and a deep technical understanding of modern web animation.",{"title":18,"meta_description":19},"Martin Laxenaire | Creative Front-End Developer","Creative front-end developer specializing in interactive, playful, and high-performance user experiences and web animation.",{"name":21,"label":22,"slug":23},"Agency & Studio","Agencies","agencies",[25,29,33],{"name":26,"label":27,"slug":28},"Fun \u002F Playful","Playful","playful",{"name":30,"label":31,"slug":32},"Typographic \u002F Big Type","Typographic","typographic",{"name":34,"label":35,"slug":36},"Vibrant \u002F Colorful","Vibrant","vibrant",[38],{"author":39,"roles":42},{"name":40,"label":40,"slug":41},"Gilles Tossoukpé","gilles-tossoukp",[],[44],{"name":45,"title":46,"description":47,"url":48,"coverId":10,"coverMobileId":11,"alt":49,"altMobile":50,"pageType":51},"Homepage","Martin Laxenaire | Creative front-end developer","Martin Laxenaire is a french creative freelance front end developer focusing on interactivity and user experience.","https:\u002F\u002Fmartin-laxenaire.fr\u002F","The desktop homepage features a minimalist white header with the name 'MARTIN LAXENAIRE' and a '0%' indicator. The hero section displays a large, colorful sunburst graphic in shades of green, yellow, orange, and burgundy, overlaid with bold, black, stylized text reading 'CRAFTING PLAYFUL WEBSITES SINCE '12'. Below the graphic, a 'SLIDE TO BEGIN' call to action is accompanied by a horizontal slider bar.","The mobile version maintains the same minimalist white header and bold typography but uses a vertically oriented sunburst graphic with blue, green, and teal tones. The central text 'CRAFTING PLAYFUL WEBSITES SINCE '12' is stacked to fit the narrow screen, and the 'SLIDE TO BEGIN' slider remains at the bottom.",{"name":52,"label":53,"slug":54},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[],{"CDN":57,"Programming languages":61,"JavaScript frameworks":65,"Web frameworks":72,"Web servers":74,"Static site generator":76},[58],{"name":59,"label":59,"slug":60},"jsDelivr","jsdelivr",[62],{"name":63,"label":63,"slug":64},"Node.js","nodejs",[66,69],{"name":67,"label":67,"slug":68},"Nuxt.js","nuxtjs",{"name":70,"label":70,"slug":71},"Vue.js","vuejs",[73],{"name":67,"label":67,"slug":68},[75],{"name":67,"label":67,"slug":68},[77],{"name":67,"label":67,"slug":68},[79,82,85,87],{"category":80,"score":81},"performance",93,{"category":83,"score":84},"accessibility",100,{"category":86,"score":84},"best-practices",{"category":88,"score":84},"seo",[90,92,93,94],{"category":80,"score":91},82,{"category":83,"score":84},{"category":86,"score":84},{"category":88,"score":84},[96,100,104,108,112],{"value":97,"label":98,"hex":99},"white","White","#ffffff",{"value":101,"label":102,"hex":103},"black","Black","#000000",{"value":105,"label":106,"hex":107},"yellow","Yellow","#fec700",{"value":109,"label":110,"hex":111},"brown","Brown","#7b3306",{"value":113,"label":114,"hex":115},"green","Green","#00c950",[117,120,123,126,129,132],{"hex":118,"percent":119},"#FFFFFF",0.6016,{"hex":121,"percent":122},"#340E1A",0.1463,{"hex":124,"percent":125},"#D1D052",0.1111,{"hex":127,"percent":128},"#C34627",0.0631,{"hex":130,"percent":131},"#85E26B",0.0492,{"hex":133,"percent":134},"#D4D0A8",0.0287,{"facetDistribution":136,"facetLabels":213},{"industry":137,"styles":157,"technologies":172,"font_families":197,"page_type_name":211},{"Agency & Studio":138,"Art & Culture":139,"SaaS & Software":140,"Fashion & Apparel":141,"Architecture & Real Estate":142,"Entertainment & Media":143,"Food & Beverage":144,"Photography & Video":145,"Finance & Fintech":146,"Healthcare & Wellness":147,"Technology & Hardware":148,"Industrial & Manufacturing":149,"Beauty & Cosmetics":150,"Travel & Hospitality":151,"Non-Profit & Charity":152,"Education & Courses":153,"Crypto & Web3":154,"Sports & Fitness":155,"Automotive & Transportation":156},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":158,"Typographic \u002F Big Type":159,"High-End \u002F Luxury":160,"Dark Mode":161,"Vibrant \u002F Colorful":162,"Monochrome \u002F Grayscale":163,"Fun \u002F Playful":164,"Brutalist \u002F Neo-Brutalist":165,"Corporate \u002F Professional":166,"Illustrative \u002F Hand-drawn":167,"Futuristic \u002F Sci-Fi":168,"3D \u002F Spatial":169,"Retro \u002F Vintage \u002F Y2K":170,"Glassmorphism":171,"Bento Grid":171},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":173,"PHP":174,"WordPress":175,"Node.js":176,"React":177,"Vercel":178,"Vue.js":179,"Shopify":180,"Next.js":181,"Klaviyo":182,"Nuxt.js":183,"Typekit":184,"Amazon Web Services":185,"reCAPTCHA":186,"YouTube":187,"MailChimp":188,"Modernizr":189,"Bootstrap":190,"Slick":91,"Google Font API":191,"Craft CMS":192,"Framer Sites":193,"Contact Form 7":194,"Stimulus":195,"Google Maps":196},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,79,66,65,64,59,58,{"Inter":198,"Times New Roman":199,"Roboto":200,"Open Sans":201,"Neue Haas Grotesk":201,"Suisse Intl":202,"Arial":168,"Poppins":192,"Helvetica Neue":194,"Montserrat":203,"Diatype":169,"Neue Montreal":148,"Lato":149,"Graphik":204,"Source Sans":205,"Monument Grotesk":206,"Noto Sans":207,"Helvetica":208,"Söhne":209,"DM Sans":209,"Founders Grotesk":209,"GT America":210,"Google Sans":210,"Editorial":170,"IBM Plex Mono":153},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":212},2397,{"industry":214,"styles":233,"page_type_name":246,"technologies":247,"font_families":270},{"Agency & Studio":22,"Art & Culture":215,"SaaS & Software":216,"Fashion & Apparel":217,"Architecture & Real Estate":218,"Entertainment & Media":219,"Food & Beverage":220,"Photography & Video":221,"Finance & Fintech":222,"Healthcare & Wellness":223,"Technology & Hardware":224,"Industrial & Manufacturing":225,"Beauty & Cosmetics":226,"Travel & Hospitality":227,"Non-Profit & Charity":228,"Education & Courses":229,"Crypto & Web3":230,"Sports & Fitness":231,"Automotive & Transportation":232},"Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":234,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":237,"Fun \u002F Playful":27,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":241,"3D \u002F Spatial":242,"Retro \u002F Vintage \u002F Y2K":243,"Glassmorphism":244,"Bento Grid":245},"Minimalist","Luxury","Dark Mode","Monochrome","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":53},{"jQuery":248,"PHP":249,"WordPress":250,"Node.js":63,"React":251,"Vercel":252,"Vue.js":70,"Shopify":253,"Next.js":254,"Klaviyo":255,"Nuxt.js":67,"Typekit":256,"Amazon Web Services":257,"reCAPTCHA":258,"YouTube":259,"MailChimp":260,"Modernizr":261,"Bootstrap":262,"Slick":263,"Google Font API":264,"Craft CMS":265,"Framer Sites":266,"Contact Form 7":267,"Stimulus":268,"Google Maps":269},"jQuery","PHP","WordPress","React","Vercel","Shopify","Next.js","Klaviyo","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":271,"Times New Roman":272,"Roboto":273,"Open Sans":274,"Neue Haas Grotesk":275,"Suisse Intl":276,"Arial":277,"Poppins":278,"Helvetica Neue":279,"Montserrat":280,"Diatype":281,"Neue Montreal":282,"Lato":283,"Graphik":284,"Source Sans":285,"Monument Grotesk":286,"Noto Sans":287,"Helvetica":288,"Söhne":289,"DM Sans":290,"Founders Grotesk":291,"GT America":292,"Google Sans":293,"Editorial":294,"IBM Plex Mono":295},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":297,"facetLabels":313},{"industry":298,"styles":299,"technologies":300,"font_families":301,"page_type_name":302},{"Agency & Studio":138,"Art & Culture":139,"SaaS & Software":140,"Fashion & Apparel":141,"Architecture & Real Estate":142,"Entertainment & Media":143,"Food & Beverage":144,"Photography & Video":145,"Finance & Fintech":146,"Healthcare & Wellness":147,"Technology & Hardware":148,"Industrial & Manufacturing":149,"Beauty & Cosmetics":150,"Travel & Hospitality":151,"Non-Profit & Charity":152,"Education & Courses":153,"Crypto & Web3":154,"Sports & Fitness":155,"Automotive & Transportation":156},{"Clean \u002F Minimalist":158,"Typographic \u002F Big Type":159,"High-End \u002F Luxury":160,"Dark Mode":161,"Vibrant \u002F Colorful":162,"Monochrome \u002F Grayscale":163,"Fun \u002F Playful":164,"Brutalist \u002F Neo-Brutalist":165,"Corporate \u002F Professional":166,"Illustrative \u002F Hand-drawn":167,"Futuristic \u002F Sci-Fi":168,"3D \u002F Spatial":169,"Retro \u002F Vintage \u002F Y2K":170,"Glassmorphism":171,"Bento Grid":171},{"jQuery":173,"PHP":174,"WordPress":175,"Node.js":176,"React":177,"Vercel":178,"Vue.js":179,"Shopify":180,"Next.js":181,"Klaviyo":182,"Nuxt.js":183,"Typekit":184,"Amazon Web Services":185,"reCAPTCHA":186,"YouTube":187,"MailChimp":188,"Modernizr":189,"Bootstrap":190,"Slick":91,"Google Font API":191,"Craft CMS":192,"Framer Sites":193,"Contact Form 7":194,"Stimulus":195,"Google Maps":196},{"Inter":198,"Times New Roman":199,"Roboto":200,"Open Sans":201,"Neue Haas Grotesk":201,"Suisse Intl":202,"Arial":168,"Poppins":192,"Helvetica Neue":194,"Montserrat":203,"Diatype":169,"Neue Montreal":148,"Lato":149,"Graphik":204,"Source Sans":205,"Monument Grotesk":206,"Noto Sans":207,"Helvetica":208,"Söhne":209,"DM Sans":209,"Founders Grotesk":209,"GT America":210,"Google Sans":210,"Editorial":170,"IBM Plex Mono":153},{"Home \u002F Landing Page":303,"About Us \u002F Team":304,"Projects \u002F Portfolio":305,"Contact Us":306,"Blog \u002F Article Layout":307,"Services \u002F Features":308,"Shop \u002F Catalog":309,"Careers \u002F Jobs":310,"Pricing Page":147,"Sign Up \u002F Login":311,"404 Error Page":312},2401,774,527,418,378,341,299,89,27,9,{"industry":314,"styles":315,"page_type_name":316,"technologies":327,"font_families":328},{"Agency & Studio":22,"Art & Culture":215,"SaaS & Software":216,"Fashion & Apparel":217,"Architecture & Real Estate":218,"Entertainment & Media":219,"Food & Beverage":220,"Photography & Video":221,"Finance & Fintech":222,"Healthcare & Wellness":223,"Technology & Hardware":224,"Industrial & Manufacturing":225,"Beauty & Cosmetics":226,"Travel & Hospitality":227,"Non-Profit & Charity":228,"Education & Courses":229,"Crypto & Web3":230,"Sports & Fitness":231,"Automotive & Transportation":232},{"Clean \u002F Minimalist":234,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":235,"Dark Mode":236,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":237,"Fun \u002F Playful":27,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":241,"3D \u002F Spatial":242,"Retro \u002F Vintage \u002F Y2K":243,"Glassmorphism":244,"Bento Grid":245},{"Home \u002F Landing Page":53,"About Us \u002F Team":317,"Projects \u002F Portfolio":318,"Contact Us":319,"Blog \u002F Article Layout":320,"Services \u002F Features":321,"Shop \u002F Catalog":322,"Careers \u002F Jobs":323,"Pricing Page":324,"Sign Up \u002F Login":325,"404 Error Page":326},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":248,"PHP":249,"WordPress":250,"Node.js":63,"React":251,"Vercel":252,"Vue.js":70,"Shopify":253,"Next.js":254,"Klaviyo":255,"Nuxt.js":67,"Typekit":256,"Amazon Web Services":257,"reCAPTCHA":258,"YouTube":259,"MailChimp":260,"Modernizr":261,"Bootstrap":262,"Slick":263,"Google Font API":264,"Craft CMS":265,"Framer Sites":266,"Contact Form 7":267,"Stimulus":268,"Google Maps":269},{"Inter":271,"Times New Roman":272,"Roboto":273,"Open Sans":274,"Neue Haas Grotesk":275,"Suisse Intl":276,"Arial":277,"Poppins":278,"Helvetica Neue":279,"Montserrat":280,"Diatype":281,"Neue Montreal":282,"Lato":283,"Graphik":284,"Source Sans":285,"Monument Grotesk":286,"Noto Sans":287,"Helvetica":288,"Söhne":289,"DM Sans":290,"Founders Grotesk":291,"GT America":292,"Google Sans":293,"Editorial":294,"IBM Plex Mono":295},{"hits":330},[331,380,428,502],{"id":332,"website_id":333,"page_id":332,"name":334,"slug":335,"url":336,"website_name":334,"website_slug":335,"website_url":337,"result_url":336,"fetched_at":338,"score":190,"score_boost":339,"ai_score":201,"freshness_score":194,"scored_at":340,"page_name":45,"page_url":336,"page_title":341,"page_description":342,"page_content":343,"page_sort":339,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":52,"cover":347,"cover_mobile":350,"cover_sequence":353,"translations":357,"industry":21,"styles":361,"credits":363,"font_families":364,"technologies":365,"pagespeed":366,"pagespeed_mobile":371,"buckets":377,"search_payload":379},"0a17e202-7bc0-464b-97e3-75b8cf0aeecb","ffb72c29-7eaf-4876-83af-3042fb3f3187","Quentin Hocdé","quentin-hocde","https:\u002F\u002Fquentinhocde.com\u002F","https:\u002F\u002Fquentinhocde.com","2026-04-24T15:43:52.000Z",0,"2026-05-23T19:09:48.000Z","Quentin Hocdé - Creative Developer - v26.0","Freelance Creative & Interactive Developer.\nI build handcrafted websites with motion, subtle\ndetails and fun interactions.","[ Q u e n t i n H o c d é Quentin Hocdé](\u002F) M e n u Menu - [ W o r k s Works W o r k s Works](\u002Fworks) - [ A r c h i v e Archive A r c h i v e Archive](\u002Farchive) - [ A b o u t About A b o u t About](\u002Fabout) - [ C o n t a c t ↗ Contact ↗ C o n t a c t ↗ Contact ↗](mailto:hello@quentinhocde.com) - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I G IG](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B S K Y BSKY](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T W TW](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G H GH](https:\u002F\u002Fgithub.com\u002Fquentinhocde) - WWooorrkss - AAAArrcchhhhivee - AAAAbouuutttt - CCCCoooonntttaaaacct - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I g Ig](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B s k y Bsky](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T w Tw](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G h Gh](https:\u002F\u002Fgithub.com\u002Fquentinhocde) H e l l o F r o m 2 0 1 3 From 2013 F r e e l a n c e I n t e r a c t i v e D e v e l o p e r . I b u i l d h a n d c r a f t e d w e b s i t e s w i t h m o t i o n , s u b t l e d e t a i l s a n d f u n i n t e r a c t i o n s . Freelance Interactive Developer.I build handcrafted websites with motion, subtle details and fun interactions. F r o n t \\- e n d d e v e l o p m e n t C r a f t e d & a n i m a t e d w e b s i t e s W o r d p r e s s S h o p i f y S a n i t y A s t r o Front-end developmentCrafted & animated websitesWordpressShopifySanityAstro B a s e d i n B r u s s e l s B e l g i u m Based in BrusselsBelgium QQQQuuuueeenttttiiinn HHooooccdéééé CCCrreeeeaaaatiivvee TTTeeeecchhnnnoolllooggiiissst &&& Devvvveloooopppeeeerrrr v 2 6 . 0 v26.0",true,1,"1",{"id":348,"height":13,"width":12,"blurhash":349},"fe2f76f4-4aab-463c-84f6-d5c1f80a1c98","radial-gradient(at 0 0,#555555,#00000000 50%),radial-gradient(at 33% 0,#6a6a6a,#00000000 50%),radial-gradient(at 67% 0,#6c6c6c,#00000000 50%),radial-gradient(at 100% 0,#737373,#00000000 50%),radial-gradient(at 0 50%,#000000,#00000000 50%),radial-gradient(at 33% 50%,#505050,#00000000 50%),radial-gradient(at 67% 50%,#3e3e3e,#00000000 50%),radial-gradient(at 100% 50%,#444444,#00000000 50%),radial-gradient(at 0 100%,#686868,#00000000 50%),radial-gradient(at 33% 100%,#818181,#00000000 50%),radial-gradient(at 67% 100%,#8f8f8f,#00000000 50%),radial-gradient(at 100% 100%,#999999,#00000000 50%)",{"id":351,"height":15,"width":14,"blurhash":352},"f560ad78-540f-4115-97af-b7e4440268a1",null,[354],{"directus_files_id":355},{"id":356},"2edd3564-f2c4-404f-b700-6a9c71dd5787",[358],{"languages_code":359,"description":360},"en","Oversized, heavy-weight typography dominates the landscape, immediately establishing a high-impact presence for this creative developer. The site functions as a digital calling card, using a high-contrast grayscale palette to prioritize legibility and structural rhythm. By anchoring the composition with massive letterforms that bleed across the frame, the design communicates a sense of technical confidence and bold creative direction.\n\nMonochromatic textures and a blurred, atmospheric background provide depth without distracting from the core information. The layout utilizes a sparse, grid-based approach where information is distributed with intentional breathing room, allowing the typography to act as both content and primary graphic element. A subtle use of motion and high-density text clusters in the subpages creates a sophisticated pacing that rewards closer inspection of the developer's specific technical stack.",[362,236,30],"Clean \u002F Minimalist",[334],[282],[],[367,368,369,370],{"score":203,"category":80},{"score":188,"category":83},{"score":84,"category":86},{"score":84,"category":88},[372,374,375,376],{"score":373,"category":80},86,{"score":84,"category":83},{"score":84,"category":86},{"score":84,"category":88},[101,378,97],"gray","Website: Quentin Hocdé. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Quentin Hocdé - Creative Developer - v26.0. Page description: Freelance Creative & Interactive Developer.\nI build handcrafted websites with motion, subtle\ndetails and fun interactions.. Page content: [ Q u e n t i n H o c d é Quentin Hocdé](\u002F) M e n u Menu - [ W o r k s Works W o r k s Works](\u002Fworks) - [ A r c h i v e Archive A r c h i v e Archive](\u002Farchive) - [ A b o u t About A b o u t About](\u002Fabout) - [ C o n t a c t ↗ Contact ↗ C o n t a c t ↗ Contact ↗](mailto:hello@quentinhocde.com) - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I G IG](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B S K Y BSKY](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T W TW](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G H GH](https:\u002F\u002Fgithub.com\u002Fquentinhocde) - WWooorrkss - AAAArrcchhhhivee - AAAAbouuutttt - CCCCoooonntttaaaacct - [ L I LI](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fquentinhocde\u002F) - [ I g Ig](https:\u002F\u002Finstagram.com\u002Fquentin_internet) - [ B s k y Bsky](https:\u002F\u002Fbsky.app\u002Fprofile\u002Fquentinhocde.bsky.social) - [ T w Tw](https:\u002F\u002Ftwitter.com\u002Fquentinhocde) - [ G h Gh](https:\u002F\u002Fgithub.com\u002Fquentinhocde) H e l l o F r o m 2 0 1 3 From 2013 F r e e l a n c e I n t e r a c t i v e D e v e l o p e r . I b u i l d h a n d c r a f t e d w e b s i t e s w i t h m o t i o n , s u b t l e d e t a i l s a n d f u n i n t e r a c t i o n s . Freelance Interactive Developer.I build handcrafted websites with motion, subtle details and fun interactions. F r o n t \\- e n d d e v e l o p m e n t C r a f t e d & a n i m a t e d w e b s i t e s W o r d p r e s s S h o p i f y S a n i t y A s t r o Front-end developmentCrafted & animated websitesWordpressShopifySanityAstro B a s e d i n B r u s s e l s B e l g i u m Based in BrusselsBelgium QQQQuuuueeenttttiiinn HHooooccdéééé CCCrreeeeaaaatiivvee TTTeeeecchhnnnoolllooggiiissst &&& Devvvveloooopppeeeerrrr v 2 6 . 0 v26.0. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. Designed and developed by Quentin Hocdé. The overall color palette features Black, Gray, White. The typography features Neue Montreal (Sans Serif, Pangram Pangram). AI description: Oversized, heavy-weight typography dominates the landscape, immediately establishing a high-impact presence for this creative developer. The site functions as a digital calling card, using a high-contrast grayscale palette to prioritize legibility and structural rhythm. By anchoring the composition with massive letterforms that bleed across the frame, the design communicates a sense of technical confidence and bold creative direction. Monochromatic textures and a blurred, atmospheric background provide depth without distracting from the core information. The layout utilizes a sparse, grid-based approach where information is distributed with intentional breathing room, allowing the typography to act as both content and primary graphic element. A subtle use of motion and high-density text clusters in the subpages creates a sophisticated pacing that rewards closer inspection of the developer's specific technical stack.",{"id":381,"website_id":382,"page_id":381,"name":383,"slug":384,"url":385,"website_name":383,"website_slug":384,"website_url":386,"result_url":385,"fetched_at":387,"score":388,"score_boost":339,"ai_score":167,"freshness_score":389,"scored_at":390,"page_name":45,"page_url":385,"page_title":391,"page_description":392,"page_content":393,"page_sort":339,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":52,"cover":394,"cover_mobile":397,"cover_sequence":399,"translations":403,"industry":21,"styles":406,"credits":408,"font_families":410,"technologies":411,"pagespeed":413,"pagespeed_mobile":420,"buckets":425,"search_payload":427},"bd3d8196-fcb7-4d87-941e-7c21397354d9","ffeb8d38-7706-4b33-bce2-ef0df2d756bc","Robin Mastromarino","robin-mastromarino","https:\u002F\u002Frobinmastromarino.com\u002F","https:\u002F\u002Frobinmastromarino.com","2026-04-28T13:21:34.000Z",81,68,"2026-05-23T19:25:40.000Z","Robin Mastromarino - Interactive Designer","Hello! I’m an Interactive Designer who currently lives in Paris.","R o b i n M a s t r o m a r i n o l o a d i n g Hello I’m an interactive designer who currently works in Paris. I love to design fresh interfaces with an attention to detail and coherence for a bright rendering. Some of my favorite hobbies are to build video game graphics and eat up California makis. I’ve founded I n t e r f a c e [ i n G a m e ](https:\u002F\u002Finterfaceingame.com\u002F)a creative tool for video games lovers and game designers. You can explore a collection of video games interfaces, screenshots and articles. The goal is to inspire and help the creation process. Contact If you are interested in my work, please feel free to contact me at r o b i n . m a s t r o m a r i n o \\[ a t \\] g m a i l . c o m Click to copy mail to clipboard Mail copied I’ll be glad to know more about you and your project. Recognations - Awwwards Site of the Month2 - Awwwards Site of the Day6 - Awwwards Developer6 - Awwwards Mobile Excellence4 - FWA of the Day9 - ADC Awards Gaming CraftBronze Cube - ADC Awards InteractiveBronze Cube - Awwwards nominated Independent Designer2 - Awwwards nominated Website of the Year3 - Awwwards nominated Developer Website of the Year3 Special thanks Thanks to P a t r i c k [ H e n g ](https:\u002F\u002Ftwitter.com\u002FPat_Hg)for having coded with love my portfolio. A b o u t C l o s e - [ T w i t t e r ](https:\u002F\u002Ftwitter.com\u002Fcherwoood) - [ D r i b b b l e ](https:\u002F\u002Fdribbble.com\u002Fcherwood) - E m a i l C l i c k t o c o p y m a i l t o c l i p b o a r d Mail copied",{"id":395,"height":13,"width":12,"blurhash":396},"8895f28f-573b-4ba0-8446-c4b81e24b094","radial-gradient(at 0 0,#1d365f,#00000000 50%),radial-gradient(at 33% 0,#295778,#00000000 50%),radial-gradient(at 67% 0,#2b6d81,#00000000 50%),radial-gradient(at 100% 0,#075166,#00000000 50%),radial-gradient(at 0 50%,#385b7c,#00000000 50%),radial-gradient(at 33% 50%,#8895a1,#00000000 50%),radial-gradient(at 67% 50%,#abb6b8,#00000000 50%),radial-gradient(at 100% 50%,#7d8a92,#00000000 50%),radial-gradient(at 0 100%,#416b8d,#00000000 50%),radial-gradient(at 33% 100%,#7086aa,#00000000 50%),radial-gradient(at 67% 100%,#838db0,#00000000 50%),radial-gradient(at 100% 100%,#627298,#00000000 50%)",{"id":398,"height":15,"width":14,"blurhash":352},"81404245-c082-4995-ad11-a99feecc55b1",[400],{"directus_files_id":401},{"id":402},"81b6a4f2-6672-4003-93e0-f4ed35c256a9",[404],{"languages_code":359,"description":405},"Robin Mastromarino’s portfolio is a vibrant showcase of interactive design, blending whimsical storytelling with sophisticated digital craftsmanship. The website serves as a living canvas for an interactive designer, utilizing immersive, illustrative landscapes that invite users into a dreamlike, narrative-driven experience. It is a masterclass in how motion and character can elevate a professional portfolio from a mere gallery to an engaging digital journey.\n\nThe visual identity is defined by a playful, illustrative aesthetic characterized by soft, organic shapes and a rich, nocturnal color palette. Through the use of charming character design and textured, hand-drawn elements, the site establishes a personality that is both approachable and highly creative. It targets creative directors, tech innovators, and brands looking for designers who can infuse digital products with soul, wonder, and seamless interactivity.",[26,407,34],"Illustrative \u002F Hand-drawn",[409],"Patrick Heng",[],[412],"Ubuntu",[414,415,417,418],{"score":203,"category":80},{"score":416,"category":83},78,{"score":388,"category":86},{"score":419,"category":88},50,[421,422,423,424],{"score":203,"category":80},{"score":416,"category":83},{"score":388,"category":86},{"score":419,"category":88},[101,378,426,97],"teal","Website: Robin Mastromarino. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Robin Mastromarino - Interactive Designer. Page description: Hello! I’m an Interactive Designer who currently lives in Paris.. Page content: R o b i n M a s t r o m a r i n o l o a d i n g Hello I’m an interactive designer who currently works in Paris. I love to design fresh interfaces with an attention to detail and coherence for a bright rendering. Some of my favorite hobbies are to build video game graphics and eat up California makis. I’ve founded I n t e r f a c e [ i n G a m e ](https:\u002F\u002Finterfaceingame.com\u002F)a creative tool for video games lovers and game designers. You can explore a collection of video games interfaces, screenshots and articles. The goal is to inspire and help the creation process. Contact If you are interested in my work, please feel free to contact me at r o b i n . m a s t r o m a r i n o \\[ a t \\] g m a i l . c o m Click to copy mail to clipboard Mail copied I’ll be glad to know more about you and your project. Recognations - Awwwards Site of the Month2 - Awwwards Site of the Day6 - Awwwards Developer6 - Awwwards Mobile Excellence4 - FWA of the Day9 - ADC Awards Gaming CraftBronze Cube - ADC Awards InteractiveBronze Cube - Awwwards nominated Independent Designer2 - Awwwards nominated Website of the Year3 - Awwwards nominated Developer Website of the Year3 Special thanks Thanks to P a t r i c k [ H e n g ](https:\u002F\u002Ftwitter.com\u002FPat_Hg)for having coded with love my portfolio. A b o u t C l o s e - [ T w i t t e r ](https:\u002F\u002Ftwitter.com\u002Fcherwoood) - [ D r i b b b l e ](https:\u002F\u002Fdribbble.com\u002Fcherwood) - E m a i l C l i c k t o c o p y m a i l t o c l i p b o a r d Mail copied. A Fun \u002F Playful, Illustrative \u002F Hand-drawn, Vibrant \u002F Colorful website in the Agency & Studio industry. Developed by Patrick Heng. The overall color palette features Black, Gray, Teal, White. Built using Ubuntu. AI description: Robin Mastromarino’s portfolio is a vibrant showcase of interactive design, blending whimsical storytelling with sophisticated digital craftsmanship. The website serves as a living canvas for an interactive designer, utilizing immersive, illustrative landscapes that invite users into a dreamlike, narrative-driven experience. It is a masterclass in how motion and character can elevate a professional portfolio from a mere gallery to an engaging digital journey. The visual identity is defined by a playful, illustrative aesthetic characterized by soft, organic shapes and a rich, nocturnal color palette. Through the use of charming character design and textured, hand-drawn elements, the site establishes a personality that is both approachable and highly creative. It targets creative directors, tech innovators, and brands looking for designers who can infuse digital products with soul, wonder, and seamless interactivity.",{"id":429,"website_id":430,"page_id":429,"name":431,"slug":432,"url":433,"website_name":431,"website_slug":432,"website_url":434,"result_url":433,"fetched_at":435,"score":436,"score_boost":339,"ai_score":436,"freshness_score":437,"scored_at":438,"page_name":431,"page_url":433,"page_title":431,"page_description":439,"page_content":440,"page_sort":339,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":52,"cover":441,"cover_mobile":444,"cover_sequence":446,"translations":480,"industry":21,"styles":483,"credits":485,"font_families":486,"technologies":487,"pagespeed":489,"pagespeed_mobile":494,"buckets":500,"search_payload":501},"7a22d635-2d1e-45df-a7d0-df83c22e1d0b","ec338c86-d0f3-4601-a314-bc7ecf0d6daa","Margaux Lallart","margauxlallart","https:\u002F\u002Fmargauxlallart.com\u002F","https:\u002F\u002Fmargauxlallart.com","2026-05-04T12:33:29.000Z",70,74,"2026-05-23T19:26:25.000Z","Margaux Lallart - Junior Artistic Director","- SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - Art director from Aix-en-Provence to Berlin. If you want to better know me, you have to know that I like Sounds·of things. It’s a bit like a 6th sense for me. It leds me to music and graphic design, like GDFS, Pitchfork Music Festival and Frisch·Kalt·Kälter·Heiß, and also inspired me for Traffic Typeface, or even Milk Magazine and Daylight. My vision is close to Futura Science, Cora Marin and Bleu Blanc Ruche, a bit like Axel Arigato and Caroline Achaintre, that's why I love Her. Today, at the forefront of the digital revolution, I'm getting closer to AR Beauty,CITS and Arobota.plus. But I try to keep this bridge between print and digital with Minot Typeface, Cassiopée Shop and Piazza Roma. ■ I've worked with : Paris Design Summit Grilli Type Warrior Studio Karel Balas Lasse Fløde Nathan Williams (Kinfolk Magazine) Any Studio Jasmine Deporta Tobias Røder Yoann Minet (Production Type) Les Restos du Coeur Jad Hussein Arnaud Deroudilhe Studio Maco Bielke&Yang Work by Post The Shelf Company Stéphane Barbato Manu Fauque Studio Les Cousins Didier D. Daarwin Stéphane Lamalle Anta Dion Amsterdam Berlin Cora Marin Daylight Production Selam X The People So if you want to follow me it’s here. We can also have a drink together here or dowload my portfolio here. Designed and programmed by Margaux Lallart © Margaux Lallart × 3D [ Margaux Lallart ](index.html) [ Instagram ](https:\u002F\u002Fwww.instagram.com\u002Fmargaux__lallart\u002F)",{"id":442,"height":13,"width":12,"blurhash":443},"6501a7e3-2686-49ab-bcfd-ef4d5ad7e9d1","radial-gradient(at 0 0,#d7d7d7,#00000000 50%),radial-gradient(at 33% 0,#d4d4d4,#00000000 50%),radial-gradient(at 67% 0,#d3d3d3,#00000000 50%),radial-gradient(at 100% 0,#dbdbdb,#00000000 50%),radial-gradient(at 0 50%,#eaeaea,#00000000 50%),radial-gradient(at 33% 50%,#eaeaea,#00000000 50%),radial-gradient(at 67% 50%,#e5e5e5,#00000000 50%),radial-gradient(at 100% 50%,#ebebeb,#00000000 50%),radial-gradient(at 0 100%,#e4e5e5,#00000000 50%),radial-gradient(at 33% 100%,#e3e3e3,#00000000 50%),radial-gradient(at 67% 100%,#e1e1e1,#00000000 50%),radial-gradient(at 100% 100%,#e9e9e9,#00000000 50%)",{"id":445,"height":15,"width":14,"blurhash":352},"97ca823a-2df2-41e8-a7a2-2dc62cfde2a1",[447,450,453,456,459,462,465,468,471,474,477],{"directus_files_id":448},{"id":449},"fe5a8b0a-630e-41b6-ab63-56865a06968c",{"directus_files_id":451},{"id":452},"d0aadd06-420c-459b-ab07-39b79a27c9ff",{"directus_files_id":454},{"id":455},"9502029f-cc09-47ea-8850-4d5caadf0e12",{"directus_files_id":457},{"id":458},"f9f7a8cc-5c1b-4bf7-92cd-67e384dbbbdf",{"directus_files_id":460},{"id":461},"2137c7ef-4ee9-485d-87c5-058a9474ea30",{"directus_files_id":463},{"id":464},"005793c2-34dc-41f2-8dbd-66b611a60ab0",{"directus_files_id":466},{"id":467},"e5da029e-7557-4144-8802-67dfb233735e",{"directus_files_id":469},{"id":470},"956d4ac2-a0e9-467c-bc2f-3c9dab7ec24c",{"directus_files_id":472},{"id":473},"ff4f80f0-3751-4145-98c4-a30b131d9701",{"directus_files_id":475},{"id":476},"b27c9769-a0ce-4370-9b2a-bf59815a27e2",{"directus_files_id":478},{"id":479},"13ad5425-ff1d-40f0-9b1d-649e37ebd031",[481],{"languages_code":359,"description":482},"Margaux Lallart's personal portfolio serves as a sophisticated digital manifesto for a Junior Artistic Director working at the intersection of music, graphic design, and the digital revolution. The site functions as both a professional showcase and a personal narrative, blending high-concept artistic vision with a curated list of collaborators and inspirations. It is designed to attract high-end creative agencies, fashion houses, and music festivals looking for a multidisciplinary eye.\n\nThe visual identity is defined by a masterful use of high-contrast typography and a minimalist, editorial layout. By utilizing large, expressive serif fonts against a stark monochrome palette, the design achieves a sense of timeless luxury and intellectual depth. The rhythmic repetition of navigational elements and the deliberate use of whitespace create a sophisticated, avant-garde aesthetic that mirrors the creative sensibilities of the art direction it promotes.",[362,484,30],"High-End \u002F Luxury",[],[275],[488,248,259],"GSAP",[490,491,492,493],{"score":205,"category":80},{"score":389,"category":83},{"score":168,"category":86},{"score":91,"category":88},[495,497,498,499],{"score":496,"category":80},31,{"score":389,"category":83},{"score":168,"category":86},{"score":91,"category":88},[97,101,378],"Website: Margaux Lallart. Page: Margaux Lallart. Page type: Home \u002F Landing Page. Page title: Margaux Lallart. Page description: Margaux Lallart - Junior Artistic Director. Page content: - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - - SEE 3D GALLERY HERE - Art director from Aix-en-Provence to Berlin. If you want to better know me, you have to know that I like Sounds·of things. It’s a bit like a 6th sense for me. It leds me to music and graphic design, like GDFS, Pitchfork Music Festival and Frisch·Kalt·Kälter·Heiß, and also inspired me for Traffic Typeface, or even Milk Magazine and Daylight. My vision is close to Futura Science, Cora Marin and Bleu Blanc Ruche, a bit like Axel Arigato and Caroline Achaintre, that's why I love Her. Today, at the forefront of the digital revolution, I'm getting closer to AR Beauty,CITS and Arobota.plus. But I try to keep this bridge between print and digital with Minot Typeface, Cassiopée Shop and Piazza Roma. ■ I've worked with : Paris Design Summit Grilli Type Warrior Studio Karel Balas Lasse Fløde Nathan Williams (Kinfolk Magazine) Any Studio Jasmine Deporta Tobias Røder Yoann Minet (Production Type) Les Restos du Coeur Jad Hussein Arnaud Deroudilhe Studio Maco Bielke&Yang Work by Post The Shelf Company Stéphane Barbato Manu Fauque Studio Les Cousins Didier D. Daarwin Stéphane Lamalle Anta Dion Amsterdam Berlin Cora Marin Daylight Production Selam X The People So if you want to follow me it’s here. We can also have a drink together here or dowload my portfolio here. Designed and programmed by Margaux Lallart © Margaux Lallart × 3D [ Margaux Lallart ](index.html) [ Instagram ](https:\u002F\u002Fwww.instagram.com\u002Fmargaux__lallart\u002F). A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Black, Gray. The typography features Neue Haas Grotesk (Sans Serif, Commercial Type). Built using GSAP, jQuery, YouTube. AI description: Margaux Lallart's personal portfolio serves as a sophisticated digital manifesto for a Junior Artistic Director working at the intersection of music, graphic design, and the digital revolution. The site functions as both a professional showcase and a personal narrative, blending high-concept artistic vision with a curated list of collaborators and inspirations. It is designed to attract high-end creative agencies, fashion houses, and music festivals looking for a multidisciplinary eye. The visual identity is defined by a masterful use of high-contrast typography and a minimalist, editorial layout. By utilizing large, expressive serif fonts against a stark monochrome palette, the design achieves a sense of timeless luxury and intellectual depth. The rhythmic repetition of navigational elements and the deliberate use of whitespace create a sophisticated, avant-garde aesthetic that mirrors the creative sensibilities of the art direction it promotes.",{"id":503,"website_id":504,"page_id":503,"name":505,"slug":506,"url":507,"website_name":505,"website_slug":506,"website_url":508,"result_url":507,"fetched_at":509,"score":310,"score_boost":339,"ai_score":202,"freshness_score":510,"scored_at":511,"page_name":45,"page_url":507,"page_title":512,"page_description":513,"page_content":514,"page_sort":339,"is_home":344,"is_home_rank":345,"page_type_id":346,"page_type_name":52,"cover":515,"cover_mobile":518,"cover_sequence":520,"translations":611,"industry":614,"styles":615,"credits":616,"font_families":617,"technologies":618,"pagespeed":619,"pagespeed_mobile":625,"buckets":630,"search_payload":632},"493c7fd2-388f-417f-b8a5-55e91c0424be","e95bcc29-a03e-4909-be8c-cfdcf299342f","Shift Nudge","shift-nudge","https:\u002F\u002Fshiftnudge.com\u002F","https:\u002F\u002Fshiftnudge.com","2026-05-04T15:51:30.000Z",1777909890,"2026-05-24T20:59:05.000Z","Shift Nudge - Professional Interface Design Training","Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.","Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …",{"id":516,"height":13,"width":12,"blurhash":517},"1b07505f-ac43-415f-8eb9-90b307dd2a35","radial-gradient(at 0 0,#262625,#00000000 50%),radial-gradient(at 33% 0,#1a1919,#00000000 50%),radial-gradient(at 67% 0,#282727,#00000000 50%),radial-gradient(at 100% 0,#313031,#00000000 50%),radial-gradient(at 0 50%,#090707,#00000000 50%),radial-gradient(at 33% 50%,#070405,#00000000 50%),radial-gradient(at 67% 50%,#0d090b,#00000000 50%),radial-gradient(at 100% 50%,#0f0b0d,#00000000 50%),radial-gradient(at 0 100%,#1d1b1c,#00000000 50%),radial-gradient(at 33% 100%,#120e10,#00000000 50%),radial-gradient(at 67% 100%,#161415,#00000000 50%),radial-gradient(at 100% 100%,#1c1b1b,#00000000 50%)",{"id":519,"height":15,"width":14,"blurhash":352},"8c80eb63-6b94-41c4-929e-4097d99efd84",[521,524,527,530,533,536,539,542,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587,590,593,596,599,602,605,608],{"directus_files_id":522},{"id":523},"52b82b78-a4c7-4b76-81fb-48849c8d8c8b",{"directus_files_id":525},{"id":526},"ed3f0dc8-b9d9-4237-856f-441be101d16e",{"directus_files_id":528},{"id":529},"75e94c38-b923-43a2-ab50-04ce2da57128",{"directus_files_id":531},{"id":532},"2b8b6fdb-fa18-44eb-b770-1b8e82e873ee",{"directus_files_id":534},{"id":535},"3ec0d7bc-001b-4ba3-b33d-2b7443c31185",{"directus_files_id":537},{"id":538},"ac405544-fd92-46c2-86c3-99109c8e0ae6",{"directus_files_id":540},{"id":541},"bb8592f5-3825-4f73-ad41-b2e97c714a11",{"directus_files_id":543},{"id":544},"384da9ff-7ba2-4a80-8c4d-26fa380eb320",{"directus_files_id":546},{"id":547},"6de031dd-193d-4607-94ab-6d3e1900890f",{"directus_files_id":549},{"id":550},"b88b9bc3-834b-4b86-9291-0696e975d319",{"directus_files_id":552},{"id":553},"1926742e-f679-47e3-8f8e-01ef89dd5dce",{"directus_files_id":555},{"id":556},"08d24769-fe24-4672-a273-09101defb724",{"directus_files_id":558},{"id":559},"bb686c58-6882-42f3-9178-7c2946c62d86",{"directus_files_id":561},{"id":562},"cc7ce8d5-2387-4f60-a12b-90de1ce801a9",{"directus_files_id":564},{"id":565},"9f40e16f-2705-49b0-b2d8-deb47d54d589",{"directus_files_id":567},{"id":568},"e1ec4a51-d81d-421d-a946-2da308d4c6a7",{"directus_files_id":570},{"id":571},"49d70787-08f0-40f5-96c1-3c50cdcd7e2b",{"directus_files_id":573},{"id":574},"d93e0a7f-7ff6-441b-b9da-23589e410595",{"directus_files_id":576},{"id":577},"af829a33-5928-4725-888b-838d0cc5c146",{"directus_files_id":579},{"id":580},"a496cbed-a7b9-46d7-8524-eff70701cfe3",{"directus_files_id":582},{"id":583},"c3aeba4b-8f16-4355-8ea0-92eb194af09c",{"directus_files_id":585},{"id":586},"e410152c-5b66-4d68-a225-764bebee36b0",{"directus_files_id":588},{"id":589},"b87a4194-edbb-4097-9bf9-1cb693790f9c",{"directus_files_id":591},{"id":592},"23d6cc03-e969-4657-9411-eb1d5445e7ce",{"directus_files_id":594},{"id":595},"565d4f42-4828-41cf-bdc7-25ede0f8b0df",{"directus_files_id":597},{"id":598},"3f09e95d-8528-4a4e-96d8-840450a7de72",{"directus_files_id":600},{"id":601},"05b268ea-59ba-4831-9bd7-bb15ea1ffea3",{"directus_files_id":603},{"id":604},"5e846108-4258-43e4-8df0-a878f602d0d9",{"directus_files_id":606},{"id":607},"96dba650-b655-4a00-8789-90d5e47ed05a",{"directus_files_id":609},{"id":610},"101d1eba-5ba1-45a2-9aab-ac507e35fcd8",[612],{"languages_code":359,"description":613},"Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision.\n\nThe visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals.","Education & Courses",[362,236,30],[],[289],[254,63,251,252],[620,621,623,624],{"score":84,"category":80},{"score":622,"category":83},99,{"score":84,"category":86},{"score":84,"category":88},[626,627,628,629],{"score":188,"category":80},{"score":622,"category":83},{"score":84,"category":86},{"score":84,"category":88},[101,97,378,631],"red","Website: Shift Nudge. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Shift Nudge - Professional Interface Design Training. Page description: Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.. Page content: Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Education & Courses industry. The overall color palette features Black, White, Gray, Red. The typography features Söhne (Sans Serif, Klim Type). Built using Next.js, Node.js, React, Vercel. AI description: Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision. The visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals."]