[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-riotters":3,"facets-{\"includeAuthors\":\"false\"}":208,"facets-baseline-false":383,"similar-websites-riotters":397},{"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":36,"pages":37,"typefaces":99,"technologiesByCategory":100,"pagespeedDesktop":153,"pagespeedMobile":166,"performanceDesktop":156,"performanceMobile":168,"colorBuckets":172,"colorPalette":189},"ee1c6e88-c97b-483a-801a-1c4f35f83e7d","Riotters","riotters","https:\u002F\u002Friotters.com","2026-06-25T10:32:41.000Z","2026-05-24T20:59:55.000Z","007965ab-ba4c-480a-81d9-74fef48716d6","d31f9f38-8b45-45ee-9118-5ab2da88d8a9",1440,900,780,1688,"Riotters is a high-caliber design studio positioned at the intersection of product design, branding, and digital transformation. The website serves as a sophisticated portfolio for a senior design team that specializes in distilling complex product values into intuitive, high-impact user experiences. Its primary purpose is to attract tech-driven companies and innovators looking for premium UX\u002FUI and creative development services.\n\nThe visual identity is defined by a bold, minimalist aesthetic that leans heavily into high-contrast typography and cinematic product photography. By utilizing a clean, spacious layout and a sophisticated dark-mode influence, the brand communicates authority and modern elegance. The design language is unapologetically premium, targeting a professional audience that values clarity, precision, and cutting-edge digital craftsmanship.",{"title":18,"meta_description":19},"Riotters | Premium UX, Product Design & Branding Studio","Riotters is a senior design studio specializing in UX\u002FUI, product design, and brand development to make complex products obvious and impactful.",{"name":21,"label":22,"slug":23},"Agency & Studio","Agencies","agencies",[25,28,32],{"name":26,"label":26,"slug":27},"Dark Mode","dark-mode",{"name":29,"label":30,"slug":31},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":33,"label":34,"slug":35},"Typographic \u002F Big Type","Typographic","typographic",[],[38,49,62,74,87],{"name":39,"title":40,"description":41,"url":42,"coverId":10,"coverMobileId":11,"alt":43,"altMobile":44,"pageType":45},"Homepage","Riotters – Explain your product value in a heartbeat","Riotters is a design studio driving digital transformation through innovative UX\u002FUI, product design, and brand development.","https:\u002F\u002Friotters.com\u002F","The desktop homepage features a minimalist white and black design with a large hero headline: 'Your product is complex. We make it obvious.' To the right, a high-quality product photograph shows a sleek, yellow and black electronic device against a dark, rocky background. The navigation bar includes links for Services, About, Case Studies, Process, and Toolbox, alongside a black 'Contact Us' button.","The mobile version presents a vertically stacked layout with the 'Riotters' logo and a 'MENU' dropdown at the top. The hero headline is centered above a large, close-up image of the yellow electronic device. A cookie consent banner with a black 'Proceed' button overlays the bottom of the screen.",{"name":46,"label":47,"slug":48},"Home \u002F Landing Page","Home \u002F Landing","home-landing",{"name":50,"title":51,"description":52,"url":53,"coverId":54,"coverMobileId":55,"alt":56,"altMobile":57,"pageType":58},"About","Riotters Studio — Senior design team for tech companies","Meet the Riotters team, a collective of design experts pushing the boundaries in UX, product design, and brand innovation. Discover our approach and culture.","https:\u002F\u002Friotters.com\u002Fabout","39421f1c-dce3-4390-95d9-4ca95de95158","1d177494-0966-4fee-8042-58ecdf10ac6c","The desktop About page features a large hero image of a team sitting on couches in a modern office, followed by a white content section with a 'Book a Discovery Call' button. Below, text describes the studio's agile philosophy, followed by a list of services and a grid of team member portraits with their names and roles.","The mobile version presents a vertically stacked layout, starting with a full-width hero image of the team in an office setting. The navigation is condensed into a 'MENU' dropdown, and the content sections, including the 'Book a Discovery Call' call-to-action and team member profiles, are scaled for a single-column view.",{"name":59,"label":60,"slug":61},"About Us \u002F Team","About Us","about-us",{"name":63,"title":64,"description":65,"url":66,"coverId":67,"coverMobileId":68,"alt":69,"altMobile":70,"pageType":71},"Services","Riotters Services – UX, Branding, Product Design & Digital Transformation","Discover Riotters’ full range of services, from UX\u002FUI and product design to branding and software development.","https:\u002F\u002Friotters.com\u002Fservices","e7ce83a9-eebe-425c-a05f-bc15e6efe400","02637166-6e96-43ba-9bb8-d941666f7345","The desktop version features a clean white background with the headline 'Meet your design acceleratttor.' in large black text, with 'acceleratttor' highlighted in bright teal. Below the headline is a large hero image of two men working on a laptop in a modern indoor setting. A navigation bar at the top includes links for Services, About, Case Studies, Process, and Toolbox, alongside a black 'Contact Us' button.","The mobile version presents a vertically stacked layout with the 'Riotters' logo and a 'MENU' dropdown at the top. The headline 'Meet your design acceleratttor.' appears prominently above a large, centered hero image of two men with a laptop. A cookie consent banner with a black 'Proceed' button is visible at the bottom of the screen.",{"name":72,"label":63,"slug":73},"Services \u002F Features","services",{"name":75,"title":76,"description":77,"url":78,"coverId":79,"coverMobileId":80,"alt":81,"altMobile":82,"pageType":83},"Case Studies","Riotters Case Studies – Transformative Design Solutions","Explore Riotters’ case studies showcasing our work in UX, branding, product design, and digital solutions. See how we bring concepts to life for leading brands.","https:\u002F\u002Friotters.com\u002Fcase-studies","be926dcc-68d4-4194-b88e-c39d0fe8acb5","6eaf2158-79e0-4ad2-8554-6769668f2586","The desktop Case Studies page features a minimalist white background with large, bold black typography. A hero headline uses bright cyan highlights behind the words 'new visual and technological'. Below, a grid layout displays various project works, each consisting of a large image thumbnail followed by the project name and a list of services provided.","The mobile version presents a single-column vertical layout optimized for small screens. The large bold headline and cyan-highlighted text are stacked vertically, followed by the introductory text and a single-column list of project case studies. A cookie consent banner appears at the bottom of the viewport with a black 'Proceed' button.",{"name":84,"label":85,"slug":86},"Projects \u002F Portfolio","Portfolio","portfolio",{"name":88,"title":89,"description":90,"url":91,"coverId":92,"coverMobileId":93,"alt":94,"altMobile":95,"pageType":96},"Contact Us","Contact Riotters - Book a Discovery Call","Ready to elevate your brand? Connect with Riotters for expert design solutions in UX\u002FUI, product design, and digital transformation.","https:\u002F\u002Friotters.com\u002Fcontact","b23d1176-9c68-473f-bc77-d3e4acd59c2b","848bc63f-81ee-4789-8c49-a50ee7a10039","The desktop page features a minimalist light gray background with a large headline reading 'Let's figure out if there's a fit.' To the right is a portrait of a man named Dawid, followed by booking information and an email address. Below, a contact form with fields for name, email, and message is positioned next to the text '..or just send us more info!'","The mobile version uses a vertical layout with the large headline 'Let's figure out if there's a fit.' stacked at the top. Below the headline, the portrait of Dawid and the booking details are centered, followed by a cookie consent banner at the bottom of the screen.",{"name":88,"label":97,"slug":98},"Contact","contact",[],{"Uncategorized":101,"Analytics":106,"Tag managers":113,"Security":117,"CDN":121,"Advertising":125,"Email":129,"JavaScript frameworks":131,"Web frameworks":139,"Programming languages":141,"PaaS":145,"Miscellaneous":149},[102],{"name":103,"label":103,"slug":104,"isLinkable":105},"C3.js","c3js",false,[107,110],{"name":108,"label":108,"slug":109,"isLinkable":105},"FullContact","fullcontact",{"name":111,"label":111,"slug":112,"isLinkable":105},"Google Analytics","google-analytics",[114],{"name":115,"label":115,"slug":116,"isLinkable":105},"Google Tag Manager","google-tag-manager",[118],{"name":119,"label":119,"slug":120,"isLinkable":105},"HSTS","hsts",[122],{"name":123,"label":123,"slug":124,"isLinkable":105},"jsDelivr","jsdelivr",[126],{"name":127,"label":127,"slug":128,"isLinkable":105},"LiveIntent","liveintent",[130],{"name":127,"label":127,"slug":128,"isLinkable":105},[132,136],{"name":133,"label":133,"slug":134,"isLinkable":135},"Next.js","nextjs",true,{"name":137,"label":137,"slug":138,"isLinkable":135},"React","react",[140],{"name":133,"label":133,"slug":134,"isLinkable":135},[142],{"name":143,"label":143,"slug":144,"isLinkable":135},"Node.js","nodejs",[146],{"name":147,"label":147,"slug":148,"isLinkable":135},"Vercel","vercel",[150],{"name":151,"label":151,"slug":152,"isLinkable":105},"Webpack","webpack",[154,157,160,163],{"category":155,"score":156},"performance",78,{"category":158,"score":159},"accessibility",90,{"category":161,"score":162},"best-practices",96,{"category":164,"score":165},"seo",100,[167,169,170,171],{"category":155,"score":168},56,{"category":158,"score":159},{"category":161,"score":162},{"category":164,"score":165},[173,177,181,185],{"value":174,"label":175,"hex":176},"white","White","#ffffff",{"value":178,"label":179,"hex":180},"black","Black","#000000",{"value":182,"label":183,"hex":184},"gray","Gray","#737373",{"value":186,"label":187,"hex":188},"teal","Teal","#00bba7",[190,193,196,199,202,205],{"hex":191,"percent":192},"#FEFEFE",0.5534,{"hex":194,"percent":195},"#E5E5E4",0.1813,{"hex":197,"percent":198},"#0A0D0D",0.0992,{"hex":200,"percent":201},"#ADA294",0.0826,{"hex":203,"percent":204},"#61504A",0.0743,{"hex":206,"percent":207},"#12DAD2",0.0092,{"facetDistribution":209,"facetTotals":293,"facetLabels":295},{"industry":210,"styles":230,"technologies":245,"font_families":270,"page_type_name":283},{"Agency & Studio":211,"Art & Culture":212,"SaaS & Software":213,"Fashion & Apparel":214,"Architecture & Real Estate":215,"Entertainment & Media":216,"Food & Beverage":217,"Photography & Video":218,"Finance & Fintech":219,"Healthcare & Wellness":220,"Technology & Hardware":221,"Industrial & Manufacturing":222,"Beauty & Cosmetics":223,"Travel & Hospitality":224,"Non-Profit & Charity":225,"Education & Courses":226,"Crypto & Web3":227,"Sports & Fitness":228,"Automotive & Transportation":229},752,306,227,171,167,142,132,124,79,62,57,50,49,47,41,32,25,22,11,{"Clean \u002F Minimalist":231,"Typographic \u002F Big Type":232,"High-End \u002F Luxury":233,"Dark Mode":234,"Vibrant \u002F Colorful":235,"Monochrome \u002F Grayscale":236,"Fun \u002F Playful":237,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":241,"3D \u002F Spatial":221,"Retro \u002F Vintage \u002F Y2K":242,"Bento Grid":243,"Glassmorphism":244},2145,1779,1053,594,403,335,262,248,212,89,71,35,18,17,{"jQuery":246,"PHP":247,"WordPress":248,"Node.js":249,"React":250,"Vercel":251,"Vue.js":252,"Shopify":253,"Next.js":254,"Klaviyo":255,"Nuxt.js":256,"Typekit":257,"Amazon Web Services":258,"reCAPTCHA":259,"MailChimp":260,"YouTube":261,"Modernizr":262,"Bootstrap":159,"Google Font API":263,"Slick":264,"Framer Sites":265,"Craft CMS":266,"Contact Form 7":267,"Stimulus":268,"Webflow":269},915,652,521,330,324,278,218,208,165,155,153,143,134,119,99,98,94,84,83,73,67,65,60,59,{"Inter":249,"Times New Roman":271,"Roboto":272,"Neue Haas Grotesk":273,"Open Sans":262,"Suisse Intl":274,"Arial":241,"Poppins":266,"Helvetica Neue":266,"Montserrat":275,"Neue Montreal":168,"Diatype":276,"Lato":277,"Graphik":223,"Source Sans":278,"Noto Sans":279,"Monument Grotesk":279,"IBM Plex Mono":279,"Helvetica":280,"Google Sans":281,"Söhne":242,"GT America":242,"DM Sans":242,"Founders Grotesk":242,"Editorial":282},175,133,95,93,63,55,51,46,40,38,37,33,{"Home \u002F Landing Page":284,"About Us \u002F Team":285,"Projects \u002F Portfolio":286,"Contact Us":287,"Blog \u002F Article Layout":288,"Services \u002F Features":289,"Shop \u002F Catalog":290,"Careers \u002F Jobs":240,"Pricing Page":220,"Sign Up \u002F Login":291,"404 Error Page":292},2500,806,541,432,392,353,311,27,9,{"industry":294},2496,{"industry":296,"styles":315,"page_type_name":328,"technologies":335,"font_families":357},{"Agency & Studio":22,"Art & Culture":297,"SaaS & Software":298,"Fashion & Apparel":299,"Architecture & Real Estate":300,"Entertainment & Media":301,"Food & Beverage":302,"Photography & Video":303,"Finance & Fintech":304,"Healthcare & Wellness":305,"Technology & Hardware":306,"Industrial & Manufacturing":307,"Beauty & Cosmetics":308,"Travel & Hospitality":309,"Non-Profit & Charity":310,"Education & Courses":311,"Crypto & Web3":312,"Sports & Fitness":313,"Automotive & Transportation":314},"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":30,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":316,"Dark Mode":26,"Vibrant \u002F Colorful":317,"Monochrome \u002F Grayscale":318,"Fun \u002F Playful":319,"Brutalist \u002F Neo-Brutalist":320,"Corporate \u002F Professional":321,"Illustrative \u002F Hand-drawn":322,"Futuristic \u002F Sci-Fi":323,"3D \u002F Spatial":324,"Retro \u002F Vintage \u002F Y2K":325,"Bento Grid":326,"Glassmorphism":327},"Luxury","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Bento Grid","Glassmorphism",{"Home \u002F Landing Page":47,"About Us \u002F Team":60,"Projects \u002F Portfolio":85,"Contact Us":97,"Blog \u002F Article Layout":329,"Services \u002F Features":63,"Shop \u002F Catalog":330,"Careers \u002F Jobs":331,"Pricing Page":332,"Sign Up \u002F Login":333,"404 Error Page":334},"Blog \u002F Article","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":336,"PHP":337,"WordPress":338,"Node.js":143,"React":137,"Vercel":147,"Vue.js":339,"Shopify":340,"Next.js":133,"Klaviyo":341,"Nuxt.js":342,"Typekit":343,"Amazon Web Services":344,"reCAPTCHA":345,"MailChimp":346,"YouTube":347,"Modernizr":348,"Bootstrap":349,"Google Font API":350,"Slick":351,"Framer Sites":352,"Craft CMS":353,"Contact Form 7":354,"Stimulus":355,"Webflow":356},"jQuery","PHP","WordPress","Vue.js","Shopify","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","MailChimp","YouTube","Modernizr","Bootstrap","Google Font API","Slick","Framer Sites","Craft CMS","Contact Form 7","Stimulus","Webflow",{"Inter":358,"Times New Roman":359,"Roboto":360,"Neue Haas Grotesk":361,"Open Sans":362,"Suisse Intl":363,"Arial":364,"Poppins":365,"Helvetica Neue":366,"Montserrat":367,"Neue Montreal":368,"Diatype":369,"Lato":370,"Graphik":371,"Source Sans":372,"Noto Sans":373,"Monument Grotesk":374,"IBM Plex Mono":375,"Helvetica":376,"Google Sans":377,"Söhne":378,"GT America":379,"DM Sans":380,"Founders Grotesk":381,"Editorial":382},"Inter","Times New Roman","Roboto","Neue Haas Grotesk","Open Sans","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Neue Montreal","Diatype","Lato","Graphik","Source Sans","Noto Sans","Monument Grotesk","IBM Plex Mono","Helvetica","Google Sans","Söhne","GT America","DM Sans","Founders Grotesk","Editorial",{"facetDistribution":384,"facetTotals":390,"facetLabels":391},{"industry":385,"styles":386,"technologies":387,"font_families":388,"page_type_name":389},{"Agency & Studio":211,"Art & Culture":212,"SaaS & Software":213,"Fashion & Apparel":214,"Architecture & Real Estate":215,"Entertainment & Media":216,"Food & Beverage":217,"Photography & Video":218,"Finance & Fintech":219,"Healthcare & Wellness":220,"Technology & Hardware":221,"Industrial & Manufacturing":222,"Beauty & Cosmetics":223,"Travel & Hospitality":224,"Non-Profit & Charity":225,"Education & Courses":226,"Crypto & Web3":227,"Sports & Fitness":228,"Automotive & Transportation":229},{"Clean \u002F Minimalist":231,"Typographic \u002F Big Type":232,"High-End \u002F Luxury":233,"Dark Mode":234,"Vibrant \u002F Colorful":235,"Monochrome \u002F Grayscale":236,"Fun \u002F Playful":237,"Brutalist \u002F Neo-Brutalist":238,"Corporate \u002F Professional":239,"Illustrative \u002F Hand-drawn":240,"Futuristic \u002F Sci-Fi":241,"3D \u002F Spatial":221,"Retro \u002F Vintage \u002F Y2K":242,"Bento Grid":243,"Glassmorphism":244},{"jQuery":246,"PHP":247,"WordPress":248,"Node.js":249,"React":250,"Vercel":251,"Vue.js":252,"Shopify":253,"Next.js":254,"Klaviyo":255,"Nuxt.js":256,"Typekit":257,"Amazon Web Services":258,"reCAPTCHA":259,"MailChimp":260,"YouTube":261,"Modernizr":262,"Bootstrap":159,"Google Font API":263,"Slick":264,"Framer Sites":265,"Craft CMS":266,"Contact Form 7":267,"Stimulus":268,"Webflow":269},{"Inter":249,"Times New Roman":271,"Roboto":272,"Neue Haas Grotesk":273,"Open Sans":262,"Suisse Intl":274,"Arial":241,"Poppins":266,"Helvetica Neue":266,"Montserrat":275,"Neue Montreal":168,"Diatype":276,"Lato":277,"Graphik":223,"Source Sans":278,"Noto Sans":279,"Monument Grotesk":279,"IBM Plex Mono":279,"Helvetica":280,"Google Sans":281,"Söhne":242,"GT America":242,"DM Sans":242,"Founders Grotesk":242,"Editorial":282},{"Home \u002F Landing Page":284,"About Us \u002F Team":285,"Projects \u002F Portfolio":286,"Contact Us":287,"Blog \u002F Article Layout":288,"Services \u002F Features":289,"Shop \u002F Catalog":290,"Careers \u002F Jobs":240,"Pricing Page":220,"Sign Up \u002F Login":291,"404 Error Page":292},{"industry":294},{"industry":392,"styles":393,"page_type_name":394,"technologies":395,"font_families":396},{"Agency & Studio":22,"Art & Culture":297,"SaaS & Software":298,"Fashion & Apparel":299,"Architecture & Real Estate":300,"Entertainment & Media":301,"Food & Beverage":302,"Photography & Video":303,"Finance & Fintech":304,"Healthcare & Wellness":305,"Technology & Hardware":306,"Industrial & Manufacturing":307,"Beauty & Cosmetics":308,"Travel & Hospitality":309,"Non-Profit & Charity":310,"Education & Courses":311,"Crypto & Web3":312,"Sports & Fitness":313,"Automotive & Transportation":314},{"Clean \u002F Minimalist":30,"Typographic \u002F Big Type":34,"High-End \u002F Luxury":316,"Dark Mode":26,"Vibrant \u002F Colorful":317,"Monochrome \u002F Grayscale":318,"Fun \u002F Playful":319,"Brutalist \u002F Neo-Brutalist":320,"Corporate \u002F Professional":321,"Illustrative \u002F Hand-drawn":322,"Futuristic \u002F Sci-Fi":323,"3D \u002F Spatial":324,"Retro \u002F Vintage \u002F Y2K":325,"Bento Grid":326,"Glassmorphism":327},{"Home \u002F Landing Page":47,"About Us \u002F Team":60,"Projects \u002F Portfolio":85,"Contact Us":97,"Blog \u002F Article Layout":329,"Services \u002F Features":63,"Shop \u002F Catalog":330,"Careers \u002F Jobs":331,"Pricing Page":332,"Sign Up \u002F Login":333,"404 Error Page":334},{"jQuery":336,"PHP":337,"WordPress":338,"Node.js":143,"React":137,"Vercel":147,"Vue.js":339,"Shopify":340,"Next.js":133,"Klaviyo":341,"Nuxt.js":342,"Typekit":343,"Amazon Web Services":344,"reCAPTCHA":345,"MailChimp":346,"YouTube":347,"Modernizr":348,"Bootstrap":349,"Google Font API":350,"Slick":351,"Framer Sites":352,"Craft CMS":353,"Contact Form 7":354,"Stimulus":355,"Webflow":356},{"Inter":358,"Times New Roman":359,"Roboto":360,"Neue Haas Grotesk":361,"Open Sans":362,"Suisse Intl":363,"Arial":364,"Poppins":365,"Helvetica Neue":366,"Montserrat":367,"Neue Montreal":368,"Diatype":369,"Lato":370,"Graphik":371,"Source Sans":372,"Noto Sans":373,"Monument Grotesk":374,"IBM Plex Mono":375,"Helvetica":376,"Google Sans":377,"Söhne":378,"GT America":379,"DM Sans":380,"Founders Grotesk":381,"Editorial":382},{"hits":398},[399,458,590,721],{"id":400,"website_id":401,"page_id":400,"name":402,"slug":403,"url":404,"website_name":402,"website_slug":403,"website_url":405,"result_url":404,"fetched_at":406,"score":407,"score_boost":408,"ai_score":409,"freshness_score":410,"scored_at":411,"page_name":39,"page_url":404,"page_title":412,"page_description":413,"page_content":414,"page_sort":408,"is_home":135,"is_home_rank":415,"page_type_id":416,"page_type_name":46,"cover":417,"cover_mobile":420,"cover_sequence":423,"translations":436,"industry":440,"styles":441,"credits":442,"font_families":443,"technologies":445,"pagespeed":446,"pagespeed_mobile":451,"buckets":456,"search_payload":457},"d6e45fa9-abe6-4a71-becb-b6ee43ad285c","ed4776a7-d382-4924-8b80-996d9266bc9d","Roel Wouters","roel-wouters","https:\u002F\u002Froelwouters.com\u002F","https:\u002F\u002Froelwouters.com","2026-05-04T12:26:05.000Z",75,0,72,74,"2026-05-23T19:26:43.000Z","Roel Wouters — Profile","Roel Wouters is a director, designer, and educator creating films, interactive installations, and participatory digital experiences.","Roel Wouters is a director, designer, and educator working across film, interactive installations, performance and immersive experiments. Each project pursued by Roel, be it a short film, a music video, or a website, is informed by his fascination with the tension between our digital and physical realities. And oh... Try squeezing a brainrot worm. [ Deep Soup A participatory, sci-fi, celebrating our physical reality. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#deep-soup) [ Designing Friction Designing Friction publication and visual identity A manifesto arguing for the intentional return of friction in digital products. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#designing-friction) [ Do Not Draw A Penis A browser game that exposes the cultural and technical boundaries inside machine vision datasets. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#do-not-draw-a-penis) [ Conditional Design Conditional Design workshop documentation A design manifesto that values process over product. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#conditional-design) [ Grip A one-take trampoline music video for zZz that turns a simple setup into a precise visual event. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#grip) [ clickclickclick.click Tracking and profiling turned into a browserbased game. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#click-click-click) [ Dance Tonite A WebVR music video project exploring movement, in our digital realities. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#dance-tonite) [ Do Not Touch A crowd-sourced music video shaped live through the cursor movements of online participants. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#do-not-touch) [ Emoji Is All We Have A series of performative talks. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#emoji-is-all-we-have) [ My Inner Wolf My Inner Wolf still A project centered on identity, transformation, and the staging of interior states through image and performance. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#my-inner-wolf) [ Place a Stone Place a Stone - De Dam documentation A memorial on the dam square. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#place-a-stone-de-dam) [ Red Follows Yellow Follows Blue A participatory performance on crowd behavior and individuality. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#red-follows-yellow-follows-blue) [ Sandro–Louise Bourgeois A visual campaign collaboration for Sandro inspired by the work of Louise Bourgeois. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#sandro-louise-bourgeois) [ Spatial AI - The Entrance What if a space has a first impression of the person entering it?. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#spatial-ai-the-entrance) [ Spatial AI - The Floor Spatial AI - The Floor installation view A three-prototype sentient-space research trajectory exploring how environments can read, direct, and co-create behavior. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#spatial-ai-the-floor) [ The Garden A digital environment project about atmosphere, composition, and mediated experience. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-garden) [ The Lens A project examining the boundary between digital representation and physical presence. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-lens) [ The Puff Up Club A participatory work built around suspense, inflation, and the collective tension of an imminent pop. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-puff-up-club) [ Wex Machine W139 Wex Machine W139 documentation A physical website. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#wex-machine-w139) Studio Roel Wouters Broekermeerdijk 28 1454 AH Watergang Enquiries mail@roelwouters.com +31 (0) 642076377 Social Instagram LinkedIn Web Wikipedia IMDb",1,"1",{"id":418,"height":13,"width":12,"blurhash":419},"58bc874c-118c-4fa1-b698-cc2dc0d89a6f","radial-gradient(at 0 0,#f2f0f0,#00000000 50%),radial-gradient(at 33% 0,#efeded,#00000000 50%),radial-gradient(at 67% 0,#f5f3f3,#00000000 50%),radial-gradient(at 100% 0,#f9f7f7,#00000000 50%),radial-gradient(at 0 50%,#efeded,#00000000 50%),radial-gradient(at 33% 50%,#ebe9e9,#00000000 50%),radial-gradient(at 67% 50%,#f0eeee,#00000000 50%),radial-gradient(at 100% 50%,#f5f3f3,#00000000 50%),radial-gradient(at 0 100%,#f0eeee,#00000000 50%),radial-gradient(at 33% 100%,#f6f4f4,#00000000 50%),radial-gradient(at 67% 100%,#fbf9f9,#00000000 50%),radial-gradient(at 100% 100%,#f8f6f6,#00000000 50%)",{"id":421,"height":15,"width":14,"blurhash":422},"a7f1b0af-14ff-411b-b159-310a51182dc2",null,[424,427,430,433],{"directus_files_id":425},{"id":426},"b2a2ccb5-a5c1-4b0d-ae0c-294a12e2c4ec",{"directus_files_id":428},{"id":429},"65bce768-7ec3-4c4d-a82f-5e14cc3045b4",{"directus_files_id":431},{"id":432},"c8593173-8ee5-4fb9-afcf-701231c280e5",{"directus_files_id":434},{"id":435},"a1b085af-d802-4af8-8de2-ec8dcfa7a456",[437],{"languages_code":438,"description":439},"en","Roel Wouters' website serves as a minimalist digital portfolio for a multi-disciplinary creator working at the intersection of film, design, and interactive media. The site functions as a professional profile that emphasizes the tension between digital and physical realities, presenting a curated overview of his work as a director, designer, and educator.\n\nThe visual identity is defined by a stark, high-contrast aesthetic that leans heavily into typographic hierarchy and whitespace. By utilizing a clean, almost brutalist layout with a monochromatic palette, the design ensures that the focus remains entirely on the conceptual depth of the work. It is a sophisticated, low-friction experience tailored for industry professionals, collaborators, and academic peers seeking a direct connection to his creative output.","Photography & Video",[29,26,33],[],[444,358],"Univers",[147],[447,448,449,450],{"score":274,"category":155},{"score":165,"category":158},{"score":165,"category":161},{"score":165,"category":164},[452,453,454,455],{"score":274,"category":155},{"score":273,"category":158},{"score":162,"category":161},{"score":165,"category":164},[174,178,182],"Website: Roel Wouters. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Roel Wouters — Profile. Page description: Roel Wouters is a director, designer, and educator creating films, interactive installations, and participatory digital experiences.. Page content: Roel Wouters is a director, designer, and educator working across film, interactive installations, performance and immersive experiments. Each project pursued by Roel, be it a short film, a music video, or a website, is informed by his fascination with the tension between our digital and physical realities. And oh... Try squeezing a brainrot worm. [ Deep Soup A participatory, sci-fi, celebrating our physical reality. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#deep-soup) [ Designing Friction Designing Friction publication and visual identity A manifesto arguing for the intentional return of friction in digital products. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#designing-friction) [ Do Not Draw A Penis A browser game that exposes the cultural and technical boundaries inside machine vision datasets. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#do-not-draw-a-penis) [ Conditional Design Conditional Design workshop documentation A design manifesto that values process over product. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#conditional-design) [ Grip A one-take trampoline music video for zZz that turns a simple setup into a precise visual event. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#grip) [ clickclickclick.click Tracking and profiling turned into a browserbased game. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#click-click-click) [ Dance Tonite A WebVR music video project exploring movement, in our digital realities. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#dance-tonite) [ Do Not Touch A crowd-sourced music video shaped live through the cursor movements of online participants. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#do-not-touch) [ Emoji Is All We Have A series of performative talks. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#emoji-is-all-we-have) [ My Inner Wolf My Inner Wolf still A project centered on identity, transformation, and the staging of interior states through image and performance. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#my-inner-wolf) [ Place a Stone Place a Stone - De Dam documentation A memorial on the dam square. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#place-a-stone-de-dam) [ Red Follows Yellow Follows Blue A participatory performance on crowd behavior and individuality. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#red-follows-yellow-follows-blue) [ Sandro–Louise Bourgeois A visual campaign collaboration for Sandro inspired by the work of Louise Bourgeois. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#sandro-louise-bourgeois) [ Spatial AI - The Entrance What if a space has a first impression of the person entering it?. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#spatial-ai-the-entrance) [ Spatial AI - The Floor Spatial AI - The Floor installation view A three-prototype sentient-space research trajectory exploring how environments can read, direct, and co-create behavior. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#spatial-ai-the-floor) [ The Garden A digital environment project about atmosphere, composition, and mediated experience. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-garden) [ The Lens A project examining the boundary between digital representation and physical presence. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-lens) [ The Puff Up Club A participatory work built around suspense, inflation, and the collective tension of an imminent pop. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#the-puff-up-club) [ Wex Machine W139 Wex Machine W139 documentation A physical website. ](\u002Fprojects\u002Fvariant\u002Fneutral-short#wex-machine-w139) Studio Roel Wouters Broekermeerdijk 28 1454 AH Watergang Enquiries mail@roelwouters.com +31 (0) 642076377 Social Instagram LinkedIn Web Wikipedia IMDb. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Photography & Video industry. The overall color palette features White, Black, Gray. The typography features Univers (Sans Serif), Inter (Sans Serif). Built using Vercel. AI description: Roel Wouters' website serves as a minimalist digital portfolio for a multi-disciplinary creator working at the intersection of film, design, and interactive media. The site functions as a professional profile that emphasizes the tension between digital and physical realities, presenting a curated overview of his work as a director, designer, and educator. The visual identity is defined by a stark, high-contrast aesthetic that leans heavily into typographic hierarchy and whitespace. By utilizing a clean, almost brutalist layout with a monochromatic palette, the design ensures that the focus remains entirely on the conceptual depth of the work. It is a sophisticated, low-friction experience tailored for industry professionals, collaborators, and academic peers seeking a direct connection to his creative output.",{"id":459,"website_id":460,"page_id":459,"name":461,"slug":462,"url":463,"website_name":461,"website_slug":462,"website_url":464,"result_url":463,"fetched_at":465,"score":240,"score_boost":408,"ai_score":466,"freshness_score":467,"scored_at":468,"page_name":39,"page_url":463,"page_title":469,"page_description":470,"page_content":471,"page_sort":408,"is_home":135,"is_home_rank":415,"page_type_id":416,"page_type_name":46,"cover":472,"cover_mobile":475,"cover_sequence":477,"translations":568,"industry":571,"styles":572,"credits":573,"font_families":574,"technologies":575,"pagespeed":576,"pagespeed_mobile":581,"buckets":587,"search_payload":589},"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",88,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":473,"height":13,"width":12,"blurhash":474},"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":476,"height":15,"width":14,"blurhash":422},"8c80eb63-6b94-41c4-929e-4097d99efd84",[478,481,484,487,490,493,496,499,502,505,508,511,514,517,520,523,526,529,532,535,538,541,544,547,550,553,556,559,562,565],{"directus_files_id":479},{"id":480},"52b82b78-a4c7-4b76-81fb-48849c8d8c8b",{"directus_files_id":482},{"id":483},"ed3f0dc8-b9d9-4237-856f-441be101d16e",{"directus_files_id":485},{"id":486},"75e94c38-b923-43a2-ab50-04ce2da57128",{"directus_files_id":488},{"id":489},"2b8b6fdb-fa18-44eb-b770-1b8e82e873ee",{"directus_files_id":491},{"id":492},"3ec0d7bc-001b-4ba3-b33d-2b7443c31185",{"directus_files_id":494},{"id":495},"ac405544-fd92-46c2-86c3-99109c8e0ae6",{"directus_files_id":497},{"id":498},"bb8592f5-3825-4f73-ad41-b2e97c714a11",{"directus_files_id":500},{"id":501},"384da9ff-7ba2-4a80-8c4d-26fa380eb320",{"directus_files_id":503},{"id":504},"6de031dd-193d-4607-94ab-6d3e1900890f",{"directus_files_id":506},{"id":507},"b88b9bc3-834b-4b86-9291-0696e975d319",{"directus_files_id":509},{"id":510},"1926742e-f679-47e3-8f8e-01ef89dd5dce",{"directus_files_id":512},{"id":513},"08d24769-fe24-4672-a273-09101defb724",{"directus_files_id":515},{"id":516},"bb686c58-6882-42f3-9178-7c2946c62d86",{"directus_files_id":518},{"id":519},"cc7ce8d5-2387-4f60-a12b-90de1ce801a9",{"directus_files_id":521},{"id":522},"9f40e16f-2705-49b0-b2d8-deb47d54d589",{"directus_files_id":524},{"id":525},"e1ec4a51-d81d-421d-a946-2da308d4c6a7",{"directus_files_id":527},{"id":528},"49d70787-08f0-40f5-96c1-3c50cdcd7e2b",{"directus_files_id":530},{"id":531},"d93e0a7f-7ff6-441b-b9da-23589e410595",{"directus_files_id":533},{"id":534},"af829a33-5928-4725-888b-838d0cc5c146",{"directus_files_id":536},{"id":537},"a496cbed-a7b9-46d7-8524-eff70701cfe3",{"directus_files_id":539},{"id":540},"c3aeba4b-8f16-4355-8ea0-92eb194af09c",{"directus_files_id":542},{"id":543},"e410152c-5b66-4d68-a225-764bebee36b0",{"directus_files_id":545},{"id":546},"b87a4194-edbb-4097-9bf9-1cb693790f9c",{"directus_files_id":548},{"id":549},"23d6cc03-e969-4657-9411-eb1d5445e7ce",{"directus_files_id":551},{"id":552},"565d4f42-4828-41cf-bdc7-25ede0f8b0df",{"directus_files_id":554},{"id":555},"3f09e95d-8528-4a4e-96d8-840450a7de72",{"directus_files_id":557},{"id":558},"05b268ea-59ba-4831-9bd7-bb15ea1ffea3",{"directus_files_id":560},{"id":561},"5e846108-4258-43e4-8df0-a878f602d0d9",{"directus_files_id":563},{"id":564},"96dba650-b655-4a00-8789-90d5e47ed05a",{"directus_files_id":566},{"id":567},"101d1eba-5ba1-45a2-9aab-ac507e35fcd8",[569],{"languages_code":438,"description":570},"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",[29,26,33],[],[378],[133,143,137,147],[577,578,579,580],{"score":165,"category":155},{"score":260,"category":158},{"score":165,"category":161},{"score":165,"category":164},[582,584,585,586],{"score":583,"category":155},92,{"score":260,"category":158},{"score":165,"category":161},{"score":165,"category":164},[178,174,182,588],"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.",{"id":591,"website_id":592,"page_id":591,"name":593,"slug":593,"url":594,"website_name":593,"website_slug":593,"website_url":595,"result_url":594,"fetched_at":596,"score":597,"score_boost":408,"ai_score":159,"freshness_score":598,"scored_at":599,"page_name":39,"page_url":594,"page_title":600,"page_description":601,"page_content":602,"page_sort":408,"is_home":135,"is_home_rank":415,"page_type_id":416,"page_type_name":46,"cover":603,"cover_mobile":606,"cover_sequence":608,"translations":699,"industry":21,"styles":702,"credits":704,"font_families":705,"technologies":706,"pagespeed":707,"pagespeed_mobile":714,"buckets":719,"search_payload":720},"7656d2cc-cb05-422f-a5a4-0707aedc7681","d867b9f6-8043-4942-b790-06a55a03ca0c","thoughtbot","https:\u002F\u002Fthoughtbot.com\u002F","https:\u002F\u002Fthoughtbot.com","2026-05-05T19:35:08.000Z",85,76,"2026-05-23T19:26:23.000Z","Design and Development agency building web and mobile products - thoughtbot","Looking for a nearby developer? Hire thoughtbot, a design and development agency that provides design and development services for mobile and web applications.","When the stakes are high, experience matters Our senior team partners with you to deliver reliable software and strengthen your team, even under complex constraints. [ Let’s talk ](\u002Fhire-us) Featured case study Client logo Your browser does not support the video tag. Your browser does not support the video tag. CloseKnit Health - Product Management - UX, UI, & Product Design - Ruby on Rails How thoughtbot delivered a multi-platform care solution while accelerating release speeds by 10x. Read about how we helped CloseKnit Health > We’ve had eight to ten times improvement in our release speed over a year, and that pace only looks to continue to accelerate. It’s night and day in terms of what we’re able to deliver. A headshot of Matt Thompson, Product Manager, CloseKnit Health Matt Thompson, Product Manager, CloseKnit Health Our services Your expert partners for building mission-driven products We specialize in building and modernizing software where reliability, compliance, and long-term maintainability matter as much as speed. Learn more about our services For every stage of your business - Rapid validation and early product strategy - Building a new product and roadmap planning - Team augmentation and process improvement - DevOps, Cloud, CI\u002FCD Over 1,000+ positive outcomes Our Clients Trusted by teams building software in high-stakes and regulated environments Here are their stories - Real Chemistry logo - Postmates logo - MoMA logo - Groups Recover Together logo - Harvard Business Review logo - LevelUp logo - Lola logo - vimeo logo - Airrosti logo - Digital Ocean logo - Planned Parenthood logo - Everlane logo - Hilton logo - Blinkist logo - Gov.uk logo - Mass Challenge logo - Mailchimp logo - Tile logo - Mindler logo - Merck logo - Harry's logo - BarkBox logo - Kickstarter logo - Disney logo Service Highlight Streamline your workflows with Artificial Intelligence (AI) Reimagine your company's future by developing your own custom Generative AI applications. thoughtbot can help you find opportunities to leverage OpenAI's ChatGPT to streamline internal workflows and stay ahead of the competition. Drive innovation with AI Illustration of a maze with paths combining to a single way out. Client Success Delivering confidently in complex environments [ A cropped view of a person with green pants, focus is on their hand holding a phone. The screen has an article with an area chart image and a title that reads '5 Pillars for Democratizing Data at Your Organization'. A cropped view of a person with green pants, focus is on their hand holding a phone. The screen has an article with an area chart image and a title that reads '5 Pillars for Democratizing Data at Your Organization'. HBR Future-proofing Harvard Business Review to inspire the next generation of global business leaders. ](\u002Fcase-studies\u002FHBR-new-mobile-app)[ Various people sitting at a meeting table. Most people are wearing headphones and all are looking at their own laptops. Various people sitting at a meeting table. Most people are wearing headphones and all are looking at their own laptops. Generative AI Transforming healthcare experiences with artificial intelligence and machine learning ](\u002Fcase-studies\u002Fgenerative-ai)[ CloseKnit logo is centered on a purple background above an illustration of medical professionals. CloseKnit logo is centered on a purple background above an illustration of medical professionals. CloseKnit Health Creating a scalable, multi-platform solution for virtual urgent care ](https:\u002F\u002Fthoughtbot.com\u002Fcase-studies\u002Fcloseknit) > We were so impressed by how collaborative and organized thoughtbot’s cross-functional team was. They were able to work through unexpected challenges with strategic focus. That remained consistent throughout our nine-month engagement. A headshot of Anne Bartholomew Anne Bartholomew Director of Product Management, Harvard Business Review Read the Harvard Business Review case study Our company Purpose-driven teams Our team is driven by our purpose and values; we continually improve our process, do our best work in strong partnerships with you, and transparently share how we work. We now have teammates located throughout the Americas, Europe, West Asia, and Africa enabling us to take on client projects around the world. Learn more about our company Illustration of a compass with silhouettes of people around it. Resources for Designers, Developers, and Leaders Reap the rewards of everything we’ve learned while building successful products Tech Leadership A quick-library to help your team level up processes and decision-making. Dive into our resources Design Sprint Guide Our guide to conducting and facilitating Product Design Sprints. Start your sprint Upcase Become an experienced developer and take “junior” out of your title. Learn from the experts Our Playbook Our documented approach to making successful web and mobile products. Discover a better way of working Our Blog The latest design, development, and product tools, techniques and more. Stay current on best practices Giant Robots Smashing Into Other Giant Robots Podcast A podcast about the design, development, and business of great software. Listen and subscribe What does success look like for your project? Let’s chat",{"id":604,"height":13,"width":12,"blurhash":605},"6c2470cd-b621-4603-ad87-d447e8bebe87","radial-gradient(at 0 0,#37003e,#00000000 50%),radial-gradient(at 33% 0,#26002a,#00000000 50%),radial-gradient(at 67% 0,#000017,#00000000 50%),radial-gradient(at 100% 0,#3b3139,#00000000 50%),radial-gradient(at 0 50%,#5a5266,#00000000 50%),radial-gradient(at 33% 50%,#43233f,#00000000 50%),radial-gradient(at 67% 50%,#55606f,#00000000 50%),radial-gradient(at 100% 50%,#6f6e8d,#00000000 50%),radial-gradient(at 0 100%,#603b3e,#00000000 50%),radial-gradient(at 33% 100%,#2e0000,#00000000 50%),radial-gradient(at 67% 100%,#313c2b,#00000000 50%),radial-gradient(at 100% 100%,#536649,#00000000 50%)",{"id":607,"height":15,"width":14,"blurhash":422},"5781c06a-1fb1-4eb8-934a-72af88e0a974",[609,612,615,618,621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669,672,675,678,681,684,687,690,693,696],{"directus_files_id":610},{"id":611},"69e32dbc-a8a0-49df-a247-42acb235ef2f",{"directus_files_id":613},{"id":614},"207a59ed-e4d3-41ab-965d-0198de3dbf28",{"directus_files_id":616},{"id":617},"5209c5c9-3536-4fe3-a92e-1ac8f8b6b0b1",{"directus_files_id":619},{"id":620},"9fee896a-9d47-4c66-ae47-d0a0361b23b9",{"directus_files_id":622},{"id":623},"a501cc76-1864-4905-8cc1-63e9f05e26b3",{"directus_files_id":625},{"id":626},"eff61be4-e5e5-4760-86a2-916852f95d68",{"directus_files_id":628},{"id":629},"791a5db5-8b71-459a-ac80-7aa43b27d223",{"directus_files_id":631},{"id":632},"fd656a31-8fe6-452e-a03c-c81eaef76656",{"directus_files_id":634},{"id":635},"bbdea74d-4473-4a2d-8bee-b7c466c66311",{"directus_files_id":637},{"id":638},"02f6a007-b4be-43ff-ac67-fbbbff6c7f78",{"directus_files_id":640},{"id":641},"287c8736-f471-443f-8a4a-672ee14bdd93",{"directus_files_id":643},{"id":644},"83b19ad3-d826-4526-879f-4162cd488daf",{"directus_files_id":646},{"id":647},"e3f6ca92-ee95-481a-aae7-c786bf1791ac",{"directus_files_id":649},{"id":650},"ef952a35-949a-4acb-8897-047d3ca85f77",{"directus_files_id":652},{"id":653},"112d40af-66c1-4c73-8278-a1768ad2d44d",{"directus_files_id":655},{"id":656},"c20ea841-f12a-413a-8e61-8f64b4eed6b8",{"directus_files_id":658},{"id":659},"e849251b-71c1-4ae3-8d53-ba88bdd45ff7",{"directus_files_id":661},{"id":662},"d66d15c4-0211-4830-976e-73da540e9525",{"directus_files_id":664},{"id":665},"d5f52908-baee-4f46-ae77-a468716c833c",{"directus_files_id":667},{"id":668},"e0ec23e0-15ea-4f47-a195-686e078496a9",{"directus_files_id":670},{"id":671},"0522c4ce-4cb1-4c3e-b6a1-83e20544433d",{"directus_files_id":673},{"id":674},"05556018-8d2e-4e4a-8601-f054b86ca5e1",{"directus_files_id":676},{"id":677},"383796f2-9400-4d6a-8f20-ea84b1e9cdfd",{"directus_files_id":679},{"id":680},"a1ff483a-5fe3-4b17-a830-1ed977819f6e",{"directus_files_id":682},{"id":683},"d031bbd7-4428-454c-b166-4559496487b9",{"directus_files_id":685},{"id":686},"4ef1523e-a1ad-4155-a9b1-ca388713a130",{"directus_files_id":688},{"id":689},"bd85d74d-bf36-4594-873b-95bcd497cba0",{"directus_files_id":691},{"id":692},"e9aa8601-e95d-45d5-826e-8b980b1611fb",{"directus_files_id":694},{"id":695},"0edcb053-15b4-4eae-ac39-fcc1b680d416",{"directus_files_id":697},{"id":698},"00255163-f07d-4542-ad66-b2c3837baab7",[700],{"languages_code":438,"description":701},"thoughtbot is a premier design and development agency specializing in building high-stakes web and mobile products. By positioning themselves as senior partners rather than mere vendors, they cater to established enterprises and ambitious startups that require deep technical expertise in Ruby on Rails, AI, and product strategy. The site effectively communicates a sense of reliability and high-level craftsmanship, targeting decision-makers who value experience and proven results.\n\nThe visual identity is modern, bold, and highly energetic, utilizing a sophisticated dark mode aesthetic. The design leverages large, impactful typography and a vibrant color palette of corals, teals, and purples to create a sense of personality and technical flair. Asymmetric layouts and organic, rounded image masks break away from traditional corporate stiffness, signaling a studio that is both technically rigorous and creatively forward-thinking.",[29,26,33,703],"Vibrant \u002F Colorful",[593],[358,358],[355],[708,709,710,712],{"score":267,"category":155},{"score":165,"category":158},{"score":711,"category":161},54,{"score":713,"category":164},69,[715,716,717,718],{"score":281,"category":155},{"score":162,"category":158},{"score":711,"category":161},{"score":713,"category":164},[178,182,174,186,588],"Website: thoughtbot. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Design and Development agency building web and mobile products - thoughtbot. Page description: Looking for a nearby developer? Hire thoughtbot, a design and development agency that provides design and development services for mobile and web applications.. Page content: When the stakes are high, experience matters Our senior team partners with you to deliver reliable software and strengthen your team, even under complex constraints. [ Let’s talk ](\u002Fhire-us) Featured case study Client logo Your browser does not support the video tag. Your browser does not support the video tag. CloseKnit Health - Product Management - UX, UI, & Product Design - Ruby on Rails How thoughtbot delivered a multi-platform care solution while accelerating release speeds by 10x. Read about how we helped CloseKnit Health > We’ve had eight to ten times improvement in our release speed over a year, and that pace only looks to continue to accelerate. It’s night and day in terms of what we’re able to deliver. A headshot of Matt Thompson, Product Manager, CloseKnit Health Matt Thompson, Product Manager, CloseKnit Health Our services Your expert partners for building mission-driven products We specialize in building and modernizing software where reliability, compliance, and long-term maintainability matter as much as speed. Learn more about our services For every stage of your business - Rapid validation and early product strategy - Building a new product and roadmap planning - Team augmentation and process improvement - DevOps, Cloud, CI\u002FCD Over 1,000+ positive outcomes Our Clients Trusted by teams building software in high-stakes and regulated environments Here are their stories - Real Chemistry logo - Postmates logo - MoMA logo - Groups Recover Together logo - Harvard Business Review logo - LevelUp logo - Lola logo - vimeo logo - Airrosti logo - Digital Ocean logo - Planned Parenthood logo - Everlane logo - Hilton logo - Blinkist logo - Gov.uk logo - Mass Challenge logo - Mailchimp logo - Tile logo - Mindler logo - Merck logo - Harry's logo - BarkBox logo - Kickstarter logo - Disney logo Service Highlight Streamline your workflows with Artificial Intelligence (AI) Reimagine your company's future by developing your own custom Generative AI applications. thoughtbot can help you find opportunities to leverage OpenAI's ChatGPT to streamline internal workflows and stay ahead of the competition. Drive innovation with AI Illustration of a maze with paths combining to a single way out. Client Success Delivering confidently in complex environments [ A cropped view of a person with green pants, focus is on their hand holding a phone. The screen has an article with an area chart image and a title that reads '5 Pillars for Democratizing Data at Your Organization'. A cropped view of a person with green pants, focus is on their hand holding a phone. The screen has an article with an area chart image and a title that reads '5 Pillars for Democratizing Data at Your Organization'. HBR Future-proofing Harvard Business Review to inspire the next generation of global business leaders. ](\u002Fcase-studies\u002FHBR-new-mobile-app)[ Various people sitting at a meeting table. Most people are wearing headphones and all are looking at their own laptops. Various people sitting at a meeting table. Most people are wearing headphones and all are looking at their own laptops. Generative AI Transforming healthcare experiences with artificial intelligence and machine learning ](\u002Fcase-studies\u002Fgenerative-ai)[ CloseKnit logo is centered on a purple background above an illustration of medical professionals. CloseKnit logo is centered on a purple background above an illustration of medical professionals. CloseKnit Health Creating a scalable, multi-platform solution for virtual urgent care ](https:\u002F\u002Fthoughtbot.com\u002Fcase-studies\u002Fcloseknit) > We were so impressed by how collaborative and organized thoughtbot’s cross-functional team was. They were able to work through unexpected challenges with strategic focus. That remained consistent throughout our nine-month engagement. A headshot of Anne Bartholomew Anne Bartholomew Director of Product Management, Harvard Business Review Read the Harvard Business Review case study Our company Purpose-driven teams Our team is driven by our purpose and values; we continually improve our process, do our best work in strong partnerships with you, and transparently share how we work. We now have teammates located throughout the Americas, Europe, West Asia, and Africa enabling us to take on client projects around the world. Learn more about our company Illustration of a compass with silhouettes of people around it. Resources for Designers, Developers, and Leaders Reap the rewards of everything we’ve learned while building successful products Tech Leadership A quick-library to help your team level up processes and decision-making. Dive into our resources Design Sprint Guide Our guide to conducting and facilitating Product Design Sprints. Start your sprint Upcase Become an experienced developer and take “junior” out of your title. Learn from the experts Our Playbook Our documented approach to making successful web and mobile products. Discover a better way of working Our Blog The latest design, development, and product tools, techniques and more. Stay current on best practices Giant Robots Smashing Into Other Giant Robots Podcast A podcast about the design, development, and business of great software. Listen and subscribe What does success look like for your project? Let’s chat. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Agency & Studio industry. The overall color palette features Black, Gray, White, Teal, Red. The typography features Inter (Sans Serif), Inter (Sans Serif). Built using Stimulus. AI description: thoughtbot is a premier design and development agency specializing in building high-stakes web and mobile products. By positioning themselves as senior partners rather than mere vendors, they cater to established enterprises and ambitious startups that require deep technical expertise in Ruby on Rails, AI, and product strategy. The site effectively communicates a sense of reliability and high-level craftsmanship, targeting decision-makers who value experience and proven results. The visual identity is modern, bold, and highly energetic, utilizing a sophisticated dark mode aesthetic. The design leverages large, impactful typography and a vibrant color palette of corals, teals, and purples to create a sense of personality and technical flair. Asymmetric layouts and organic, rounded image masks break away from traditional corporate stiffness, signaling a studio that is both technically rigorous and creatively forward-thinking.",{"id":722,"website_id":723,"page_id":722,"name":724,"slug":725,"url":726,"website_name":724,"website_slug":725,"website_url":727,"result_url":726,"fetched_at":728,"score":219,"score_boost":408,"ai_score":729,"freshness_score":598,"scored_at":730,"page_name":39,"page_url":726,"page_title":731,"page_description":732,"page_content":733,"page_sort":408,"is_home":135,"is_home_rank":415,"page_type_id":416,"page_type_name":46,"cover":734,"cover_mobile":737,"cover_sequence":739,"translations":830,"industry":21,"styles":833,"credits":834,"font_families":836,"technologies":837,"pagespeed":839,"pagespeed_mobile":846,"buckets":851,"search_payload":853},"3beb0980-eaa1-4cf1-b7b0-cdcd10a5cbf0","de8e298d-8e72-493e-bc79-584f5eb645d4","Ryden","ryden","https:\u002F\u002Fryden.co.jp\u002F","https:\u002F\u002Fryden.co.jp","2026-05-05T16:44:27.000Z",82,"2026-05-23T20:28:09.000Z","ブランディングとデザインをつなげる | 株式会社ライデン","株式会社ライデン（RYDEN Inc.）は、クリエイティブと戦略の両面から「長期に渡って利益を創出できる強靭なブランド」づくりを支援し、クリエイティブにおける最高のビジネスパートナーとしてクライアントに伴走します。","[ OUR RECENT WORKS 01 ](\u002Fproject\u002Fnittadupont)[ OUR VISION IN ART ](\u002Fvision-in-art\u002F01)[ OUR RECENT WORKS 02 ](\u002Fproject\u002Fffis) 我々は資本主義経済の中に生きています｡ 私たちが生きている間､ この状況が変わることはないでしょう｡ どれだけ社会が成熟しても､テクノロジーが進化しても どれだけ社会が成熟しても､ テクノロジーが進化しても 企業と顧客\u002F消費者とのクリエイティブな 企業と顧客\u002F消費者との クリエイティブな コミュニケーションは無くならない｡ 我々RYDENはその｢企業と顧客の接点｣において 我々RYDENは その｢企業と顧客の接点｣において 企業のビジョン､価値､優位性を､ ブランドという名の資産に転換し､ 利益創出の源泉をうむ｡ ひとことで言えば 「クリエイティブでクライアントの利益に貢献する」 「クリエイティブで クライアントの利益に貢献する」 これが我々のミッションです｡ ライデンの仕事 PROJECT [ PROJECT 01 - WEB - BRANDING - PHOTOGRAPH NITTA DuPont VIEW OUTLINE 2ヶ月に及ぶディスカッションを通じて企業DNAの言語化に取り組み、「ともに、ために」というコーポレートスローガンから生まれた企業サイト。 製品品質や顧客満足をひたむきに追求し続ける社員の姿をサイトで表現。誠実で信頼できる企業として、安心して依頼できる姿を目指しました。 生産財のBtoB企業としては、まだまだブランディングに取り組む企業が少ない中、インナーブランディングへの波及も視野に入れた取り組みです。 ](\u002Fproject\u002Fnittadupont) [ PROJECT 02 - WEB - BRANDING - PHOTOGRAPH FFIS RECRUITING VIEW OUTLINE 富士フイルムイメージングシステムズ株式会社様の新卒採用サイトを担当しました。 FUJI FILMを象徴するチェキや写るんですを用いて身近に感じることができつつ、作家性のある写真を使用し社員の方々の素の表情を出すことに努めました。 デザインも無駄を省き写真が引き立つミニマルなデザインに仕上げました。 ](\u002Fproject\u002Fffis) [ MORE PROJECT MORE PROJECT ](\u002Fproject) クライアントから見たライデン CLIENT INTERVIEW COMING SOON... [ MORE INTERVIEW MORE INTERVIEW ](\u002Finterview) ライデンの才能たち MEMBER [ MORE MEMBER MORE MEMBER ](\u002Fmember)",{"id":735,"height":13,"width":12,"blurhash":736},"97b397fb-17b7-47c0-8a0a-8a67c9479898","radial-gradient(at 0 0,#e5eded,#00000000 50%),radial-gradient(at 33% 0,#e9f0f0,#00000000 50%),radial-gradient(at 67% 0,#e8f1f1,#00000000 50%),radial-gradient(at 100% 0,#d8dcdc,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#ffffff,#00000000 50%),radial-gradient(at 67% 50%,#ffffff,#00000000 50%),radial-gradient(at 100% 50%,#feffff,#00000000 50%),radial-gradient(at 0 100%,#c1c1c1,#00000000 50%),radial-gradient(at 33% 100%,#c5cbcb,#00000000 50%),radial-gradient(at 67% 100%,#bfcbcb,#00000000 50%),radial-gradient(at 100% 100%,#b8c1c1,#00000000 50%)",{"id":738,"height":15,"width":14,"blurhash":422},"ee3e178d-fc4f-4d2c-a648-8dbf367220f3",[740,743,746,749,752,755,758,761,764,767,770,773,776,779,782,785,788,791,794,797,800,803,806,809,812,815,818,821,824,827],{"directus_files_id":741},{"id":742},"a13b5e5f-d6a8-49b6-8903-5d2ee72a9867",{"directus_files_id":744},{"id":745},"0e39dfb5-4c8e-4520-9bd5-e5192755fd08",{"directus_files_id":747},{"id":748},"16360702-d689-4f2a-aeec-2390390f4409",{"directus_files_id":750},{"id":751},"d9a921ee-1376-4489-9fc8-e032d03d2530",{"directus_files_id":753},{"id":754},"e1361a00-648f-45ad-a2a8-4befb782ba66",{"directus_files_id":756},{"id":757},"b549e122-9623-437c-b3d6-cc78bd6a7c1a",{"directus_files_id":759},{"id":760},"9c264a8a-a207-4c04-bd58-007ff1ff4154",{"directus_files_id":762},{"id":763},"16efff07-9e7e-41d3-8ff8-d2be6d96be07",{"directus_files_id":765},{"id":766},"99082274-5e6d-4814-ae01-5891eb73fa59",{"directus_files_id":768},{"id":769},"b62bf719-1ad4-4cea-a478-8fdf2b65ac1c",{"directus_files_id":771},{"id":772},"2cf7fd27-6ef3-4ceb-ad16-d1ab5b5b7112",{"directus_files_id":774},{"id":775},"dcfc0d6f-e1f8-4cb0-b741-0eb3fbc381ee",{"directus_files_id":777},{"id":778},"09914bd3-5b8a-4257-91f4-451c2f50cead",{"directus_files_id":780},{"id":781},"15dfb182-8c36-449e-8c14-8cbfded7c25d",{"directus_files_id":783},{"id":784},"f6909cd1-7e2f-46bd-82a1-4bc02b91965e",{"directus_files_id":786},{"id":787},"1058f65f-a757-4b8a-87c6-8e2635890761",{"directus_files_id":789},{"id":790},"852c9115-0696-4bfd-8002-9ea6d2760af1",{"directus_files_id":792},{"id":793},"e9b23688-ce5d-46da-a720-0834814b38a4",{"directus_files_id":795},{"id":796},"73b1f7c1-52bb-47fe-8d65-4b83b32a3390",{"directus_files_id":798},{"id":799},"207d1b22-0013-4e89-bc0f-60da294375e2",{"directus_files_id":801},{"id":802},"78d1d764-1e79-4a92-beea-7dcb30c12f1a",{"directus_files_id":804},{"id":805},"39efe74f-2018-49b3-bcc0-a9cb41e67aa3",{"directus_files_id":807},{"id":808},"acfadccd-1fdf-4c25-9239-8dfb7a7bb11e",{"directus_files_id":810},{"id":811},"961f68aa-a4a1-44f1-a5de-a660a870929b",{"directus_files_id":813},{"id":814},"b35dbb22-7426-4139-83c3-0aca04a0f531",{"directus_files_id":816},{"id":817},"ad4f620b-d949-40bd-9507-8aa6040e9a2c",{"directus_files_id":819},{"id":820},"3bc00fbd-e00d-4ce4-a09e-65bf3a628180",{"directus_files_id":822},{"id":823},"f7bdbdff-3866-40fe-ba8c-c87d82cc1ea8",{"directus_files_id":825},{"id":826},"1147b379-efda-4bf1-8404-0b4e69b8099f",{"directus_files_id":828},{"id":829},"c7d933dc-ae26-47fb-9264-2f68329326fd",[831],{"languages_code":438,"description":832},"Ryden is a high-caliber creative agency that bridges the gap between strategic branding and impactful design. The website serves as a bold manifesto for their philosophy, positioning them as a long-term business partner dedicated to building resilient brands through a blend of creative excellence and strategic insight. \n\nThe visual identity is unapologetically maximalist in its use of typography, utilizing massive, heavy-weight sans-serif fonts that command attention. The design language employs a striking high-contrast palette of black, white, and a vibrant acid green, creating a sense of modern energy and professional edge. Through a structured grid and rhythmic typographic layouts, the site communicates a sophisticated, avant-garde aesthetic tailored for forward-thinking corporate clients seeking transformative brand identities.",[29,33,703],[835],"Shinya Okano",[],[838,143,342,339],"Google Cloud",[840,842,844,845],{"score":841,"category":155},14,{"score":843,"category":158},87,{"score":165,"category":161},{"score":165,"category":164},[847,848,849,850],{"score":229,"category":155},{"score":843,"category":158},{"score":165,"category":161},{"score":165,"category":164},[174,178,182,852],"yellow","Website: Ryden. Page: Homepage. Page type: Home \u002F Landing Page. Page title: ブランディングとデザインをつなげる | 株式会社ライデン. Page description: 株式会社ライデン（RYDEN Inc.）は、クリエイティブと戦略の両面から「長期に渡って利益を創出できる強靭なブランド」づくりを支援し、クリエイティブにおける最高のビジネスパートナーとしてクライアントに伴走します。. Page content: [ OUR RECENT WORKS 01 ](\u002Fproject\u002Fnittadupont)[ OUR VISION IN ART ](\u002Fvision-in-art\u002F01)[ OUR RECENT WORKS 02 ](\u002Fproject\u002Fffis) 我々は資本主義経済の中に生きています｡ 私たちが生きている間､ この状況が変わることはないでしょう｡ どれだけ社会が成熟しても､テクノロジーが進化しても どれだけ社会が成熟しても､ テクノロジーが進化しても 企業と顧客\u002F消費者とのクリエイティブな 企業と顧客\u002F消費者との クリエイティブな コミュニケーションは無くならない｡ 我々RYDENはその｢企業と顧客の接点｣において 我々RYDENは その｢企業と顧客の接点｣において 企業のビジョン､価値､優位性を､ ブランドという名の資産に転換し､ 利益創出の源泉をうむ｡ ひとことで言えば 「クリエイティブでクライアントの利益に貢献する」 「クリエイティブで クライアントの利益に貢献する」 これが我々のミッションです｡ ライデンの仕事 PROJECT [ PROJECT 01 - WEB - BRANDING - PHOTOGRAPH NITTA DuPont VIEW OUTLINE 2ヶ月に及ぶディスカッションを通じて企業DNAの言語化に取り組み、「ともに、ために」というコーポレートスローガンから生まれた企業サイト。 製品品質や顧客満足をひたむきに追求し続ける社員の姿をサイトで表現。誠実で信頼できる企業として、安心して依頼できる姿を目指しました。 生産財のBtoB企業としては、まだまだブランディングに取り組む企業が少ない中、インナーブランディングへの波及も視野に入れた取り組みです。 ](\u002Fproject\u002Fnittadupont) [ PROJECT 02 - WEB - BRANDING - PHOTOGRAPH FFIS RECRUITING VIEW OUTLINE 富士フイルムイメージングシステムズ株式会社様の新卒採用サイトを担当しました。 FUJI FILMを象徴するチェキや写るんですを用いて身近に感じることができつつ、作家性のある写真を使用し社員の方々の素の表情を出すことに努めました。 デザインも無駄を省き写真が引き立つミニマルなデザインに仕上げました。 ](\u002Fproject\u002Fffis) [ MORE PROJECT MORE PROJECT ](\u002Fproject) クライアントから見たライデン CLIENT INTERVIEW COMING SOON... [ MORE INTERVIEW MORE INTERVIEW ](\u002Finterview) ライデンの才能たち MEMBER [ MORE MEMBER MORE MEMBER ](\u002Fmember). A Clean \u002F Minimalist, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Agency & Studio industry. Designed by Shinya Okano. The overall color palette features White, Black, Gray, Yellow. Built using Google Cloud, Node.js, Nuxt.js, Vue.js. AI description: Ryden is a high-caliber creative agency that bridges the gap between strategic branding and impactful design. The website serves as a bold manifesto for their philosophy, positioning them as a long-term business partner dedicated to building resilient brands through a blend of creative excellence and strategic insight. The visual identity is unapologetically maximalist in its use of typography, utilizing massive, heavy-weight sans-serif fonts that command attention. The design language employs a striking high-contrast palette of black, white, and a vibrant acid green, creating a sense of modern energy and professional edge. Through a structured grid and rhythmic typographic layouts, the site communicates a sophisticated, avant-garde aesthetic tailored for forward-thinking corporate clients seeking transformative brand identities."]