[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-mclane":3,"facets-{\"includeAuthors\":\"false\"}":127,"facets-baseline-false":289,"similar-websites-mclane":322},{"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":38,"typefaces":50,"technologiesByCategory":63,"pagespeedDesktop":76,"pagespeedMobile":89,"performanceDesktop":79,"performanceMobile":91,"colorBuckets":95,"colorPalette":108},"f90ba9f8-7877-40ad-880e-51ae9fe3140d","McLane","mclane","https:\u002F\u002Fmclaneteitel.com","2026-05-23T19:24:15.000Z","2026-05-03T23:43:06.000Z","37fe0a41-2cbd-4285-8849-2d45fd7876f3","d3ad1bb1-4620-4dc7-b18b-d977a1a3e3d7",1440,900,780,1688,"McLane Teitel’s digital presence is a masterclass in sophisticated minimalism, serving as a high-end portfolio for a Brooklyn-based product and visual designer. The website utilizes expansive negative space and a restrained color palette to direct absolute focus toward the designer's work. The visual identity is defined by a sense of calm, precision, and intentionality, mirroring the professional ethos of a designer currently contributing to Shopify's Product Design Studio.\n\nThe design language leans heavily into a contemporary, editorial aesthetic, characterized by clean typography and a seamless, airy layout. By stripping away unnecessary decorative elements, the site communicates a premium brand identity that appeals to tech-forward companies and high-end lifestyle brands. It is a curated digital experience that prioritizes clarity and visual impact, positioning McLane as a top-tier talent in the product design landscape.",{"title":18,"meta_description":19},"McLane Teitel | Product & Visual Designer","Portfolio of McLane Teitel, a Brooklyn-based product and visual designer currently at Shopify's Product Design Studio.",{"name":21,"label":22,"slug":23},"Agency & Studio","Agencies","agencies",[25,29,33],{"name":26,"label":27,"slug":28},"High-End \u002F Luxury","Luxury","luxury",{"name":30,"label":31,"slug":32},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":34,"label":35,"slug":36},"Typographic \u002F Big Type","Typographic","typographic",[],[39],{"name":40,"title":41,"description":42,"url":43,"coverId":10,"coverMobileId":11,"alt":44,"altMobile":45,"pageType":46},"Homepage","McLane Teitel","McLane Teitel is a product and visual designer based in Brooklyn, New York. Currently on the Product Design Studio at Shopify.","https:\u002F\u002Fmclaneteitel.com\u002F","The desktop homepage features a minimalist design with a light gray background and large, centered black typography stating, 'McLane is a product designer whose work is driven by simplicity and visual expression.' Below the text, a portion of a large, high-quality product design showcase image is visible, featuring various sleek containers and bottles.","The mobile version maintains the minimalist aesthetic with the same centered headline in black text against a light gray background. The layout is vertically oriented, showing the headline prominently at the top with the top edge of a product imagery section appearing at the bottom of the screen.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,55,59],{"name":52,"label":52,"slug":53,"foundryName":54},"Geist","geist",null,{"name":56,"label":56,"slug":57,"foundryName":58},"Neue Montreal","neue-montreal","Pangram Pangram",{"name":60,"label":60,"slug":61,"foundryName":62},"TWK Lausanne","twk-lausanne","Weltkern",{"Security":64,"CDN":68,"PaaS":72},[65],{"name":66,"label":66,"slug":67},"HSTS","hsts",[69],{"name":70,"label":70,"slug":71},"jsDelivr","jsdelivr",[73],{"name":74,"label":74,"slug":75},"Vercel","vercel",[77,80,83,86],{"category":78,"score":79},"performance",75,{"category":81,"score":82},"accessibility",95,{"category":84,"score":85},"best-practices",96,{"category":87,"score":88},"seo",100,[90,92,93,94],{"category":78,"score":91},86,{"category":81,"score":82},{"category":84,"score":85},{"category":87,"score":88},[96,100,104],{"value":97,"label":98,"hex":99},"white","White","#ffffff",{"value":101,"label":102,"hex":103},"gray","Gray","#737373",{"value":105,"label":106,"hex":107},"black","Black","#000000",[109,112,115,118,121,124],{"hex":110,"percent":111},"#EFEFEF",0.8751,{"hex":113,"percent":114},"#FAFAFA",0.1053,{"hex":116,"percent":117},"#AD9791",0.0057,{"hex":119,"percent":120},"#D7C2B8",0.0053,{"hex":122,"percent":123},"#0E100E",0.0045,{"hex":125,"percent":126},"#713E51",0.0041,{"facetDistribution":128,"facetLabels":205},{"industry":129,"styles":149,"technologies":164,"font_families":189,"page_type_name":203},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":159,"Futuristic \u002F Sci-Fi":160,"3D \u002F Spatial":161,"Retro \u002F Vintage \u002F Y2K":162,"Glassmorphism":163,"Bento Grid":163},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":165,"PHP":166,"WordPress":167,"Node.js":168,"React":169,"Vercel":170,"Vue.js":171,"Shopify":172,"Next.js":173,"Klaviyo":174,"Nuxt.js":175,"Typekit":176,"Amazon Web Services":177,"reCAPTCHA":178,"YouTube":82,"MailChimp":179,"Modernizr":180,"Bootstrap":181,"Slick":182,"Google Font API":183,"Craft CMS":184,"Framer Sites":185,"Contact Form 7":186,"Stimulus":187,"Google Maps":188},875,629,504,320,311,262,207,196,161,149,147,141,129,117,92,91,85,82,79,66,65,64,59,58,{"Inter":190,"Times New Roman":191,"Roboto":192,"Open Sans":193,"Neue Haas Grotesk":193,"Suisse Intl":194,"Arial":160,"Poppins":184,"Helvetica Neue":186,"Montserrat":195,"Diatype":161,"Neue Montreal":140,"Lato":141,"Graphik":196,"Source Sans":197,"Monument Grotesk":198,"Noto Sans":199,"Helvetica":200,"Söhne":201,"DM Sans":201,"Founders Grotesk":201,"GT America":202,"Google Sans":202,"Editorial":162,"IBM Plex Mono":145},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":204},2397,{"industry":206,"styles":225,"page_type_name":238,"technologies":239,"font_families":264},{"Agency & Studio":22,"Art & Culture":207,"SaaS & Software":208,"Fashion & Apparel":209,"Architecture & Real Estate":210,"Entertainment & Media":211,"Food & Beverage":212,"Photography & Video":213,"Finance & Fintech":214,"Healthcare & Wellness":215,"Technology & Hardware":216,"Industrial & Manufacturing":217,"Beauty & Cosmetics":218,"Travel & Hospitality":219,"Non-Profit & Charity":220,"Education & Courses":221,"Crypto & Web3":222,"Sports & Fitness":223,"Automotive & Transportation":224},"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":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":226,"Vibrant \u002F Colorful":227,"Monochrome \u002F Grayscale":228,"Fun \u002F Playful":229,"Brutalist \u002F Neo-Brutalist":230,"Corporate \u002F Professional":231,"Illustrative \u002F Hand-drawn":232,"Futuristic \u002F Sci-Fi":233,"3D \u002F Spatial":234,"Retro \u002F Vintage \u002F Y2K":235,"Glassmorphism":236,"Bento Grid":237},"Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48},{"jQuery":240,"PHP":241,"WordPress":242,"Node.js":243,"React":244,"Vercel":74,"Vue.js":245,"Shopify":246,"Next.js":247,"Klaviyo":248,"Nuxt.js":249,"Typekit":250,"Amazon Web Services":251,"reCAPTCHA":252,"YouTube":253,"MailChimp":254,"Modernizr":255,"Bootstrap":256,"Slick":257,"Google Font API":258,"Craft CMS":259,"Framer Sites":260,"Contact Form 7":261,"Stimulus":262,"Google Maps":263},"jQuery","PHP","WordPress","Node.js","React","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":265,"Times New Roman":266,"Roboto":267,"Open Sans":268,"Neue Haas Grotesk":269,"Suisse Intl":270,"Arial":271,"Poppins":272,"Helvetica Neue":273,"Montserrat":274,"Diatype":275,"Neue Montreal":56,"Lato":276,"Graphik":277,"Source Sans":278,"Monument Grotesk":279,"Noto Sans":280,"Helvetica":281,"Söhne":282,"DM Sans":283,"Founders Grotesk":284,"GT America":285,"Google Sans":286,"Editorial":287,"IBM Plex Mono":288},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":290,"facetLabels":306},{"industry":291,"styles":292,"technologies":293,"font_families":294,"page_type_name":295},{"Agency & Studio":130,"Art & Culture":131,"SaaS & Software":132,"Fashion & Apparel":133,"Architecture & Real Estate":134,"Entertainment & Media":135,"Food & Beverage":136,"Photography & Video":137,"Finance & Fintech":138,"Healthcare & Wellness":139,"Technology & Hardware":140,"Industrial & Manufacturing":141,"Beauty & Cosmetics":142,"Travel & Hospitality":143,"Non-Profit & Charity":144,"Education & Courses":145,"Crypto & Web3":146,"Sports & Fitness":147,"Automotive & Transportation":148},{"Clean \u002F Minimalist":150,"Typographic \u002F Big Type":151,"High-End \u002F Luxury":152,"Dark Mode":153,"Vibrant \u002F Colorful":154,"Monochrome \u002F Grayscale":155,"Fun \u002F Playful":156,"Brutalist \u002F Neo-Brutalist":157,"Corporate \u002F Professional":158,"Illustrative \u002F Hand-drawn":159,"Futuristic \u002F Sci-Fi":160,"3D \u002F Spatial":161,"Retro \u002F Vintage \u002F Y2K":162,"Glassmorphism":163,"Bento Grid":163},{"jQuery":165,"PHP":166,"WordPress":167,"Node.js":168,"React":169,"Vercel":170,"Vue.js":171,"Shopify":172,"Next.js":173,"Klaviyo":174,"Nuxt.js":175,"Typekit":176,"Amazon Web Services":177,"reCAPTCHA":178,"YouTube":82,"MailChimp":179,"Modernizr":180,"Bootstrap":181,"Slick":182,"Google Font API":183,"Craft CMS":184,"Framer Sites":185,"Contact Form 7":186,"Stimulus":187,"Google Maps":188},{"Inter":190,"Times New Roman":191,"Roboto":192,"Open Sans":193,"Neue Haas Grotesk":193,"Suisse Intl":194,"Arial":160,"Poppins":184,"Helvetica Neue":186,"Montserrat":195,"Diatype":161,"Neue Montreal":140,"Lato":141,"Graphik":196,"Source Sans":197,"Monument Grotesk":198,"Noto Sans":199,"Helvetica":200,"Söhne":201,"DM Sans":201,"Founders Grotesk":201,"GT America":202,"Google Sans":202,"Editorial":162,"IBM Plex Mono":145},{"Home \u002F Landing Page":296,"About Us \u002F Team":297,"Projects \u002F Portfolio":298,"Contact Us":299,"Blog \u002F Article Layout":300,"Services \u002F Features":301,"Shop \u002F Catalog":302,"Careers \u002F Jobs":303,"Pricing Page":139,"Sign Up \u002F Login":304,"404 Error Page":305},2401,774,527,418,378,341,299,89,27,9,{"industry":307,"styles":308,"page_type_name":309,"technologies":320,"font_families":321},{"Agency & Studio":22,"Art & Culture":207,"SaaS & Software":208,"Fashion & Apparel":209,"Architecture & Real Estate":210,"Entertainment & Media":211,"Food & Beverage":212,"Photography & Video":213,"Finance & Fintech":214,"Healthcare & Wellness":215,"Technology & Hardware":216,"Industrial & Manufacturing":217,"Beauty & Cosmetics":218,"Travel & Hospitality":219,"Non-Profit & Charity":220,"Education & Courses":221,"Crypto & Web3":222,"Sports & Fitness":223,"Automotive & Transportation":224},{"Clean \u002F Minimalist":31,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":27,"Dark Mode":226,"Vibrant \u002F Colorful":227,"Monochrome \u002F Grayscale":228,"Fun \u002F Playful":229,"Brutalist \u002F Neo-Brutalist":230,"Corporate \u002F Professional":231,"Illustrative \u002F Hand-drawn":232,"Futuristic \u002F Sci-Fi":233,"3D \u002F Spatial":234,"Retro \u002F Vintage \u002F Y2K":235,"Glassmorphism":236,"Bento Grid":237},{"Home \u002F Landing Page":48,"About Us \u002F Team":310,"Projects \u002F Portfolio":311,"Contact Us":312,"Blog \u002F Article Layout":313,"Services \u002F Features":314,"Shop \u002F Catalog":315,"Careers \u002F Jobs":316,"Pricing Page":317,"Sign Up \u002F Login":318,"404 Error Page":319},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":240,"PHP":241,"WordPress":242,"Node.js":243,"React":244,"Vercel":74,"Vue.js":245,"Shopify":246,"Next.js":247,"Klaviyo":248,"Nuxt.js":249,"Typekit":250,"Amazon Web Services":251,"reCAPTCHA":252,"YouTube":253,"MailChimp":254,"Modernizr":255,"Bootstrap":256,"Slick":257,"Google Font API":258,"Craft CMS":259,"Framer Sites":260,"Contact Form 7":261,"Stimulus":262,"Google Maps":263},{"Inter":265,"Times New Roman":266,"Roboto":267,"Open Sans":268,"Neue Haas Grotesk":269,"Suisse Intl":270,"Arial":271,"Poppins":272,"Helvetica Neue":273,"Montserrat":274,"Diatype":275,"Neue Montreal":56,"Lato":276,"Graphik":277,"Source Sans":278,"Monument Grotesk":279,"Noto Sans":280,"Helvetica":281,"Söhne":282,"DM Sans":283,"Founders Grotesk":284,"GT America":285,"Google Sans":286,"Editorial":287,"IBM Plex Mono":288},{"hits":323},[324,467,528,592],{"id":325,"website_id":326,"page_id":325,"name":327,"slug":328,"url":329,"website_name":327,"website_slug":328,"website_url":330,"result_url":329,"fetched_at":331,"score":332,"score_boost":333,"ai_score":91,"freshness_score":334,"scored_at":335,"page_name":40,"page_url":329,"page_title":336,"page_description":337,"page_content":338,"page_sort":333,"is_home":339,"is_home_rank":340,"page_type_id":341,"page_type_name":47,"cover":342,"cover_mobile":345,"cover_sequence":347,"translations":438,"industry":442,"styles":443,"credits":446,"font_families":447,"technologies":451,"pagespeed":452,"pagespeed_mobile":458,"buckets":464,"search_payload":466},"12e0cee8-6fa3-4440-9fb2-42278e31409c","fc1cc798-56d6-4d3d-8ee0-44c32568d6dd","Lele Zhang","lele-zhang","https:\u002F\u002Flelezhang.design\u002F","https:\u002F\u002Flelezhang.design","2026-05-03T20:27:44.000Z",84,0,74,"2026-05-23T19:21:33.000Z","lele's website","product designer","contactworking & playing san francisco, ca click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. hello there! I'm lele. I'm a designer in pursuit of aesthetics and function. I hope to create a world of seeing, learning, thinking, building, and loving. what i • make software made with care software made with care designing for someone you love designing for someone you love puns made visual puns made visual cyanotypes cyanotypes the journal that reflects with you the journal that reflects with you charcuterie for my friends charcuterie for my friends my family :) my family :) my mother's hometown my mother's hometown my friends my friends TALK 2 ME Profile hi! what's up? Chat with me! lele will see ur messages! my work•product•frontend•brand•visuals [ Journaling with pearl ✦ case study ](\u002Fpearl) Creating a gentle, AI-assisted journal & scaled to 2K users with Emily \\[1\\]. This was when I really understood that great products happen when what you make and how it feels are inseparable. [ Journaling with pearl ✦ case study - Main ](\u002Fpearl) [ Journaling with pearl ✦ case study - Stats ](\u002Fpearl)[ Journaling with pearl ✦ case study - Reflection ](\u002Fpearl) [ Draw with claude ✦ prototype walkthrough ](\u002Fdraw) A collaborative drawing experiment where you take turns drawing with Claude, honing in on the joy of co-creating with an intelligent, artful being. [ Sketches of chat as an interface for thinking ✦ blog post ](\u002Fchat-explorations) Exploring how chat interfaces can better support the way we think. I prototyped navigation patterns for going deeper, exploring curiosities, and navigating dense conversations. [ ](\u002Fchat-explorations) Fragile • hardware subscriptions, series b Refining our customer experience to increase conversions and decrease early cancellations. I also developed our brand and created assets for partnerships and recruitment. [ Fragile • hardware subscriptions, series b - Checkout ](https:\u002F\u002Fflex.terrakaffe.com\u002Fterra-kaffe\u002Fcheckout?products=tk-02\\(color%3Dwhite\\)&_gl=1f6ybc6_gcl_awR0NMLjE3NTIwMjIwMjkuQ2p3S0NBandnN1BEQmhCeEVpd0FmMUNWdXo1RDlaOXRNTVhlM1ZVaDRtZ0dyS2N0VzZIcUxXSWxDMklDc25wTkxCUkFyMG0xSExxYVNCb0NydFFRQXZEX0J3RQ.._gcl_au*MTc0NjYxMjk3My4xNzUwODc2NTEy) Fragile • hardware subscriptions, series b - Presentation Fragile • hardware subscriptions, series b - Branding [ TK Flex • coffee rentals ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) I had the privilege to work with the Terra Kaffe team in bringing their rental program to life, designing surfacing across their website, and creating marketing collaterol. [ TK Flex • coffee rentals - Product ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ TK Flex • coffee rentals - Marketing ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1)[ TK Flex • coffee rentals - Coffee ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ Auracam & Mosaic ](https:\u002F\u002Fauracam.onrender.com\u002F) Outside of work, I explored HCI research and implementing little toys. I designed & did the front-end for a generative learning tool that used word and image association, and fully implemented Auracam. Take a picture of yourself \\[2\\] and get a visualization of your aura via Hume's sentiment analysis API! [ Auracam & Mosaic - Auracam ](https:\u002F\u002Fauracam.onrender.com\u002F) Auracam & Mosaic - Mosaic [ Latch • bioinformatics, series a ](https:\u002F\u002Flatch.bio\u002F) This is the internship that brought me to SF and introduced me to startups! I'm grateful to Nathan \\[3\\] for teaching me terminal commands and how to make my first PR (even though I keep forgetting git syntax). [ Latch • bioinformatics, series a - Data Sync ](https:\u002F\u002Flatch.bio\u002F)[ Latch • bioinformatics, series a - Case Study ](https:\u002F\u002Flatch.bio\u002F) TWITTER \\[4\\] EMAIL \\[5\\] LINKEDIN \\[6\\] Lele Zhang THANKS FOR VISITING! 18196TH VISITOR :) CODED BY ME & CLAUDE",true,1,"1",{"id":343,"height":13,"width":12,"blurhash":344},"1cad9aca-8784-4872-a8c6-5057cc67f984","radial-gradient(at 0 0,#fbffff,#00000000 50%),radial-gradient(at 33% 0,#feffff,#00000000 50%),radial-gradient(at 67% 0,#fdfeff,#00000000 50%),radial-gradient(at 100% 0,#faf8fa,#00000000 50%),radial-gradient(at 0 50%,#fefffe,#00000000 50%),radial-gradient(at 33% 50%,#f8f7fc,#00000000 50%),radial-gradient(at 67% 50%,#f5f3f6,#00000000 50%),radial-gradient(at 100% 50%,#f8f4f5,#00000000 50%),radial-gradient(at 0 100%,#d8d7d1,#00000000 50%),radial-gradient(at 33% 100%,#d6d8dc,#00000000 50%),radial-gradient(at 67% 100%,#cbc6c2,#00000000 50%),radial-gradient(at 100% 100%,#c1b9ab,#00000000 50%)",{"id":346,"height":15,"width":14,"blurhash":54},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[348,351,354,357,360,363,366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,414,417,420,423,426,429,432,435],{"directus_files_id":349},{"id":350},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":352},{"id":353},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":355},{"id":356},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":358},{"id":359},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":361},{"id":362},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":364},{"id":365},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":367},{"id":368},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":370},{"id":371},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":373},{"id":374},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":376},{"id":377},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":379},{"id":380},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":382},{"id":383},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":385},{"id":386},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":388},{"id":389},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":391},{"id":392},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":394},{"id":395},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":397},{"id":398},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":400},{"id":401},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":403},{"id":404},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":406},{"id":407},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":409},{"id":410},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":412},{"id":413},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":415},{"id":416},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":418},{"id":419},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":421},{"id":422},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":424},{"id":425},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":427},{"id":428},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":430},{"id":431},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":433},{"id":434},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":436},{"id":437},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[439],{"languages_code":440,"description":441},"en","Lele Zhang’s personal portfolio is a soulful, highly tactile digital space that transcends the traditional, sterile product design showcase. It serves as a living journal of a designer in pursuit of both aesthetics and function, blending professional case studies with deeply personal reflections. The site functions as a bridge between technical product design and human-centric storytelling, making it an inviting destination for collaborators who value empathy and intentionality.\n\nThe visual identity is defined by a soft, dreamlike aesthetic that utilizes gentle gradients, organic shapes, and a playful, layered spatial composition. Eschewing the rigid grids of typical tech portfolios, the design employs a collage-like approach with floating cards and soft shadows that evoke a sense of warmth and intimacy. The typography is approachable and clean, perfectly complementing the site's whimsical yet sophisticated atmosphere, which targets creative directors and forward-thinking tech teams looking for designers with a unique human perspective.","SaaS & Software",[444,30,445],"3D \u002F Spatial","Fun \u002F Playful",[],[448,52,449,270,450],"Untitled Sans","Geist Mono","Instrument Sans",[250,74],[453,455,456,457],{"score":454,"category":78},94,{"score":79,"category":81},{"score":85,"category":84},{"score":88,"category":87},[459,460,462,463],{"score":182,"category":78},{"score":461,"category":81},72,{"score":85,"category":84},{"score":88,"category":87},[97,465,101,105],"brown","Website: Lele Zhang. Page: Homepage. Page type: Home \u002F Landing Page. Page title: lele's website. Page description: product designer. Page content: contactworking & playing san francisco, ca click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. click to listen ⸜(｡˃ ᵕ ˂ )⸝\\.ﾟ♫⋆｡♪ ₊˚. hello there! I'm lele. I'm a designer in pursuit of aesthetics and function. I hope to create a world of seeing, learning, thinking, building, and loving. what i • make software made with care software made with care designing for someone you love designing for someone you love puns made visual puns made visual cyanotypes cyanotypes the journal that reflects with you the journal that reflects with you charcuterie for my friends charcuterie for my friends my family :) my family :) my mother's hometown my mother's hometown my friends my friends TALK 2 ME Profile hi! what's up? Chat with me! lele will see ur messages! my work•product•frontend•brand•visuals [ Journaling with pearl ✦ case study ](\u002Fpearl) Creating a gentle, AI-assisted journal & scaled to 2K users with Emily \\[1\\]. This was when I really understood that great products happen when what you make and how it feels are inseparable. [ Journaling with pearl ✦ case study - Main ](\u002Fpearl) [ Journaling with pearl ✦ case study - Stats ](\u002Fpearl)[ Journaling with pearl ✦ case study - Reflection ](\u002Fpearl) [ Draw with claude ✦ prototype walkthrough ](\u002Fdraw) A collaborative drawing experiment where you take turns drawing with Claude, honing in on the joy of co-creating with an intelligent, artful being. [ Sketches of chat as an interface for thinking ✦ blog post ](\u002Fchat-explorations) Exploring how chat interfaces can better support the way we think. I prototyped navigation patterns for going deeper, exploring curiosities, and navigating dense conversations. [ ](\u002Fchat-explorations) Fragile • hardware subscriptions, series b Refining our customer experience to increase conversions and decrease early cancellations. I also developed our brand and created assets for partnerships and recruitment. [ Fragile • hardware subscriptions, series b - Checkout ](https:\u002F\u002Fflex.terrakaffe.com\u002Fterra-kaffe\u002Fcheckout?products=tk-02\\(color%3Dwhite\\)&_gl=1f6ybc6_gcl_awR0NMLjE3NTIwMjIwMjkuQ2p3S0NBandnN1BEQmhCeEVpd0FmMUNWdXo1RDlaOXRNTVhlM1ZVaDRtZ0dyS2N0VzZIcUxXSWxDMklDc25wTkxCUkFyMG0xSExxYVNCb0NydFFRQXZEX0J3RQ.._gcl_au*MTc0NjYxMjk3My4xNzUwODc2NTEy) Fragile • hardware subscriptions, series b - Presentation Fragile • hardware subscriptions, series b - Branding [ TK Flex • coffee rentals ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) I had the privilege to work with the Terra Kaffe team in bringing their rental program to life, designing surfacing across their website, and creating marketing collaterol. [ TK Flex • coffee rentals - Product ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ TK Flex • coffee rentals - Marketing ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1)[ TK Flex • coffee rentals - Coffee ](https:\u002F\u002Fwww.terrakaffe.com\u002Fproducts\u002Ftk-02?rent=1) [ Auracam & Mosaic ](https:\u002F\u002Fauracam.onrender.com\u002F) Outside of work, I explored HCI research and implementing little toys. I designed & did the front-end for a generative learning tool that used word and image association, and fully implemented Auracam. Take a picture of yourself \\[2\\] and get a visualization of your aura via Hume's sentiment analysis API! [ Auracam & Mosaic - Auracam ](https:\u002F\u002Fauracam.onrender.com\u002F) Auracam & Mosaic - Mosaic [ Latch • bioinformatics, series a ](https:\u002F\u002Flatch.bio\u002F) This is the internship that brought me to SF and introduced me to startups! I'm grateful to Nathan \\[3\\] for teaching me terminal commands and how to make my first PR (even though I keep forgetting git syntax). [ Latch • bioinformatics, series a - Data Sync ](https:\u002F\u002Flatch.bio\u002F)[ Latch • bioinformatics, series a - Case Study ](https:\u002F\u002Flatch.bio\u002F) TWITTER \\[4\\] EMAIL \\[5\\] LINKEDIN \\[6\\] Lele Zhang THANKS FOR VISITING! 18196TH VISITOR :) CODED BY ME & CLAUDE. A 3D \u002F Spatial, Clean \u002F Minimalist, Fun \u002F Playful website in the SaaS & Software industry. The overall color palette features White, Brown, Gray, Black. The typography features Untitled Sans (Sans Serif, Klim Type), Geist (Sans Serif), Geist Mono, Suisse Intl (Swiss Typefaces), Instrument Sans (Sans Serif). Built using Typekit, Vercel. AI description: Lele Zhang’s personal portfolio is a soulful, highly tactile digital space that transcends the traditional, sterile product design showcase. It serves as a living journal of a designer in pursuit of both aesthetics and function, blending professional case studies with deeply personal reflections. The site functions as a bridge between technical product design and human-centric storytelling, making it an inviting destination for collaborators who value empathy and intentionality. The visual identity is defined by a soft, dreamlike aesthetic that utilizes gentle gradients, organic shapes, and a playful, layered spatial composition. Eschewing the rigid grids of typical tech portfolios, the design employs a collage-like approach with floating cards and soft shadows that evoke a sense of warmth and intimacy. The typography is approachable and clean, perfectly complementing the site's whimsical yet sophisticated atmosphere, which targets creative directors and forward-thinking tech teams looking for designers with a unique human perspective.",{"id":468,"website_id":469,"page_id":468,"name":470,"slug":471,"url":472,"website_name":470,"website_slug":471,"website_url":473,"result_url":472,"fetched_at":474,"score":182,"score_boost":333,"ai_score":182,"freshness_score":138,"scored_at":475,"page_name":40,"page_url":472,"page_title":476,"page_description":477,"page_content":478,"page_sort":333,"is_home":339,"is_home_rank":340,"page_type_id":341,"page_type_name":47,"cover":479,"cover_mobile":482,"cover_sequence":484,"translations":503,"industry":21,"styles":506,"credits":507,"font_families":508,"technologies":511,"pagespeed":514,"pagespeed_mobile":519,"buckets":525,"search_payload":527},"3718b696-afcd-457a-bc35-0fea63ea4586","d974206d-5401-4f1f-ad96-1b74b7894333","Rich Lyons","richlyons","https:\u002F\u002Frichlyons.co\u002F","https:\u002F\u002Frichlyons.co","2026-05-05T19:11:57.000Z","2026-05-23T19:17:47.000Z","Rich Lyons – Designer","Rich Lyons – Designer – London & San Francisco","Rich Lyons London & San Francisco Designer at Apple Email Parrish Council Twitter Instagram Spotify Soundcloud",{"id":480,"height":13,"width":12,"blurhash":481},"d8a50933-048f-4d9a-9b9b-a8243b91f643","radial-gradient(at 0 0,#20140b,#00000000 50%),radial-gradient(at 33% 0,#271608,#00000000 50%),radial-gradient(at 67% 0,#2b1806,#00000000 50%),radial-gradient(at 100% 0,#251608,#00000000 50%),radial-gradient(at 0 50%,#221511,#00000000 50%),radial-gradient(at 33% 50%,#342621,#00000000 50%),radial-gradient(at 67% 50%,#3e2f29,#00000000 50%),radial-gradient(at 100% 50%,#31241e,#00000000 50%),radial-gradient(at 0 100%,#23160e,#00000000 50%),radial-gradient(at 33% 100%,#211e1e,#00000000 50%),radial-gradient(at 67% 100%,#1d2327,#00000000 50%),radial-gradient(at 100% 100%,#1f1c1c,#00000000 50%)",{"id":483,"height":15,"width":14,"blurhash":54},"b2a03cd0-6973-47ee-a9f0-e0bdc1a72e2b",[485,488,491,494,497,500],{"directus_files_id":486},{"id":487},"ebbfd160-a5fb-4b5f-8984-16b464dfabff",{"directus_files_id":489},{"id":490},"64b739f4-a73a-4dc5-9266-6cbbaba2eb90",{"directus_files_id":492},{"id":493},"6aa65aa8-8b79-4f8b-907e-f89eec65e9fa",{"directus_files_id":495},{"id":496},"519838ca-bcab-41f1-a03b-2275f6b3425b",{"directus_files_id":498},{"id":499},"279587de-c483-4230-b9bb-f3b907b08222",{"directus_files_id":501},{"id":502},"2f620b73-6dc5-4f0e-a3c1-eb7661ee6e31",[504],{"languages_code":440,"description":505},"Rich Lyons' personal portfolio serves as a sophisticated digital calling card for a high-level designer operating between London and San Francisco. The site functions as a minimalist hub, connecting visitors to his professional identity at Apple and his broader creative presence across social and audio platforms like Spotify and Soundcloud.\n\nThe visual identity is defined by a striking, high-contrast aesthetic that leans into a warm, dark-mode palette. Utilizing elegant serif typography and a charming, hand-drawn character icon, the design strikes a perfect balance between professional prestige and approachable personality. It is a masterclass in restrained, editorial-style web design that prioritizes clarity and character over cluttered information.",[30,226,34],[],[509,510],"Source Code","Futura",[512,513,250],"Squarespace","Squarespace Commerce",[515,516,517,518],{"score":194,"category":78},{"score":88,"category":81},{"score":88,"category":84},{"score":88,"category":87},[520,522,523,524],{"score":521,"category":78},57,{"score":88,"category":81},{"score":88,"category":84},{"score":88,"category":87},[105,97,526,101],"orange","Website: Rich Lyons. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Rich Lyons – Designer. Page description: Rich Lyons – Designer – London & San Francisco. Page content: Rich Lyons London & San Francisco Designer at Apple Email Parrish Council Twitter Instagram Spotify Soundcloud. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features Black, White, Orange, Gray. The typography features Source Code (Sans Serif), Futura (Sans Serif). Built using Squarespace, Squarespace Commerce, Typekit. AI description: Rich Lyons' personal portfolio serves as a sophisticated digital calling card for a high-level designer operating between London and San Francisco. The site functions as a minimalist hub, connecting visitors to his professional identity at Apple and his broader creative presence across social and audio platforms like Spotify and Soundcloud. The visual identity is defined by a striking, high-contrast aesthetic that leans into a warm, dark-mode palette. Utilizing elegant serif typography and a charming, hand-drawn character icon, the design strikes a perfect balance between professional prestige and approachable personality. It is a masterclass in restrained, editorial-style web design that prioritizes clarity and character over cluttered information.",{"id":529,"website_id":530,"page_id":529,"name":531,"slug":532,"url":533,"website_name":531,"website_slug":532,"website_url":534,"result_url":533,"fetched_at":535,"score":536,"score_boost":333,"ai_score":536,"freshness_score":79,"scored_at":537,"page_name":40,"page_url":533,"page_title":538,"page_description":539,"page_content":540,"page_sort":333,"is_home":339,"is_home_rank":340,"page_type_id":341,"page_type_name":47,"cover":541,"cover_mobile":544,"cover_sequence":546,"translations":571,"industry":442,"styles":574,"credits":576,"font_families":577,"technologies":578,"pagespeed":579,"pagespeed_mobile":584,"buckets":589,"search_payload":591},"2d708513-c7b6-4137-9155-c7f215730f58","e78c3282-151e-42b8-b1e1-e697dabcb45c","Michiel de Graaf","michieldegraaf","https:\u002F\u002Fmichieldegraaf.com\u002F","https:\u002F\u002Fmichieldegraaf.com","2026-05-04T17:30:56.000Z",80,"2026-05-23T19:36:18.000Z","Michiel de Graaf - Product Designer","Involved in the design process from strategy, user experience, interface design, prototyping, branding and implementation.","Michiel de Graaf logo Michiel de Graaf ➺ Product Designer Involved in the design process from strategy, user experience, interface design, prototyping, branding and implementation. Work Over the last sixteen years I've collaborated with startups, small to large companies, design studios and other creatives, working side by side to create, launch and refine, meaningful, goal oriented digital products and experiences. Some of the companies I’ve worked with, amongst others: - Airbnb _UI design, UX design_ airbnb.com - Awkward _UI design, UX design, Branding_ awkward.co - Brewbot _UI design, UX design, Branding_ wired.com - Dan.com _UI design, UX design, Branding & Logo_ dan.com - Guerrilla Games _HUD design, UI design_ guerrillagames.com - Jobseeker _UI design, UX design, Product design_ - Product Hunt _UI design, UX design, Branding_ producthunt.com - Riverside _Logo, Identity, UI & UX Design_ riverside.com - Tidal _UI design, UX design_ tidal.com About I'm Michiel (pronounced: _Mee-kheel_) based in Harderwijk, the Netherlands. When finishing my Multimedia Design studies I got my start in Flash and ActionScript. Studying Graphic Design at the Royal Academy of Art in The Hague strengthened my foundation and understanding of design, but the interactive nature of the web captured my interest and imagination. This path started with a role as a front-end developer and gradually expanded into digital product design, taking on a more integrated focus across user experience, interface, interaction design and product development. At the same time I also maintain an ongoing interest and practice in logo design, branding and visual identity. When I'm not staring at a computer screen, I’m out riding, fixing, or building bicycles, drawing, reading and writing. Stay up to date with my latest goings-on on Bluesky, connect with me on LinkedIn, view my resume, or simply send me an email. Profile picture of Michiel de Graaf with mustache holding up two fingers making a peace sign Fin Unavailable for full-time opportunities or freelance projects. Work samples provided upon request. © 2026 — Michiel de Graaf - Colophon - Archive Updated: _13 March 2026_ Everything handcrafted in Figma, carefully coded (with both hands) in VSCodium & assembled with CodeKit. Gifs for the nineties theme sourced from Gif Cities (maybe click the logo). Typefaces used Mier B _(sans)_, Register _(serif)_, IBM Plex Mono _(mono)_ and Redaction _(pixelated)_. Human Made _No AI used, care over convenience._ - v.7 _2025_ - v.6 _2020_ - v.5 _2018_ - v.4.1 _2014_ - v.4.0 _2013_ - v.3 _2012_ - v.2 _2011_ - v.1 _2009_ - v.0.5 _2004_",{"id":542,"height":13,"width":12,"blurhash":543},"c3f5e40f-0713-4adf-9ae5-1f35e77adc5d","radial-gradient(at 0 0,#fffff9,#00000000 50%),radial-gradient(at 33% 0,#fffaf4,#00000000 50%),radial-gradient(at 67% 0,#fff8f4,#00000000 50%),radial-gradient(at 100% 0,#fffcf6,#00000000 50%),radial-gradient(at 0 50%,#fffcf5,#00000000 50%),radial-gradient(at 33% 50%,#f9f3ed,#00000000 50%),radial-gradient(at 67% 50%,#f5efea,#00000000 50%),radial-gradient(at 100% 50%,#fcf5ef,#00000000 50%),radial-gradient(at 0 100%,#fffdf7,#00000000 50%),radial-gradient(at 33% 100%,#fcf4ee,#00000000 50%),radial-gradient(at 67% 100%,#f8f0eb,#00000000 50%),radial-gradient(at 100% 100%,#fef6f0,#00000000 50%)",{"id":545,"height":15,"width":14,"blurhash":54},"ff2f44e1-c500-4cb7-a2b4-6ee481d6e817",[547,550,553,556,559,562,565,568],{"directus_files_id":548},{"id":549},"2f500f31-74d8-40c1-bcbe-fa5f1f45db61",{"directus_files_id":551},{"id":552},"c91239bb-7bb6-471d-a94c-28f569579949",{"directus_files_id":554},{"id":555},"7df4c28a-90f0-4a71-80a7-5c9c401d0ead",{"directus_files_id":557},{"id":558},"2393f5d2-a3cb-4e79-8aec-9e341f140b3c",{"directus_files_id":560},{"id":561},"01949ea5-7df6-44b7-8d99-6f477dd79849",{"directus_files_id":563},{"id":564},"51ca8aa9-9c14-4589-9048-1d6d4ba9855e",{"directus_files_id":566},{"id":567},"304e286f-e2f7-485b-9b7c-6bfe1064742d",{"directus_files_id":569},{"id":570},"d8858edd-eea8-4109-bb02-ccc0ae6e6d17",[572],{"languages_code":440,"description":573},"Michiel de Graaf’s portfolio is a masterclass in sophisticated minimalism, serving as a digital calling card for a seasoned product designer. The site functions as a professional narrative, bridging the gap between high-level strategy and granular interface execution. Through a clean, text-driven layout, it highlights a career spent collaborating with industry giants like Airbnb and Dan.com, positioning the designer as a versatile expert capable of navigating the entire product lifecycle.\n\nThe visual identity is defined by an understated elegance, utilizing ample white space and a refined typographic hierarchy to command attention. The use of a unique, abstract line-art logo adds a touch of bespoke character without distracting from the core message. It is a design that speaks to a high-tier professional audience—startups and large-scale enterprises alike—who value clarity, experience, and a seamless integration of form and function.",[30,575,34],"Monochrome \u002F Grayscale",[],[],[],[580,581,582,583],{"score":88,"category":78},{"score":159,"category":81},{"score":88,"category":84},{"score":88,"category":87},[585,586,587,588],{"score":461,"category":78},{"score":159,"category":81},{"score":88,"category":84},{"score":88,"category":87},[97,105,101,590],"violet","Website: Michiel de Graaf. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Michiel de Graaf - Product Designer. Page description: Involved in the design process from strategy, user experience, interface design, prototyping, branding and implementation.. Page content: Michiel de Graaf logo Michiel de Graaf ➺ Product Designer Involved in the design process from strategy, user experience, interface design, prototyping, branding and implementation. Work Over the last sixteen years I've collaborated with startups, small to large companies, design studios and other creatives, working side by side to create, launch and refine, meaningful, goal oriented digital products and experiences. Some of the companies I’ve worked with, amongst others: - Airbnb _UI design, UX design_ airbnb.com - Awkward _UI design, UX design, Branding_ awkward.co - Brewbot _UI design, UX design, Branding_ wired.com - Dan.com _UI design, UX design, Branding & Logo_ dan.com - Guerrilla Games _HUD design, UI design_ guerrillagames.com - Jobseeker _UI design, UX design, Product design_ - Product Hunt _UI design, UX design, Branding_ producthunt.com - Riverside _Logo, Identity, UI & UX Design_ riverside.com - Tidal _UI design, UX design_ tidal.com About I'm Michiel (pronounced: _Mee-kheel_) based in Harderwijk, the Netherlands. When finishing my Multimedia Design studies I got my start in Flash and ActionScript. Studying Graphic Design at the Royal Academy of Art in The Hague strengthened my foundation and understanding of design, but the interactive nature of the web captured my interest and imagination. This path started with a role as a front-end developer and gradually expanded into digital product design, taking on a more integrated focus across user experience, interface, interaction design and product development. At the same time I also maintain an ongoing interest and practice in logo design, branding and visual identity. When I'm not staring at a computer screen, I’m out riding, fixing, or building bicycles, drawing, reading and writing. Stay up to date with my latest goings-on on Bluesky, connect with me on LinkedIn, view my resume, or simply send me an email. Profile picture of Michiel de Graaf with mustache holding up two fingers making a peace sign Fin Unavailable for full-time opportunities or freelance projects. Work samples provided upon request. © 2026 — Michiel de Graaf - Colophon - Archive Updated: _13 March 2026_ Everything handcrafted in Figma, carefully coded (with both hands) in VSCodium & assembled with CodeKit. Gifs for the nineties theme sourced from Gif Cities (maybe click the logo). Typefaces used Mier B _(sans)_, Register _(serif)_, IBM Plex Mono _(mono)_ and Redaction _(pixelated)_. Human Made _No AI used, care over convenience._ - v.7 _2025_ - v.6 _2020_ - v.5 _2018_ - v.4.1 _2014_ - v.4.0 _2013_ - v.3 _2012_ - v.2 _2011_ - v.1 _2009_ - v.0.5 _2004_. A Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Black, Gray, Violet. AI description: Michiel de Graaf’s portfolio is a masterclass in sophisticated minimalism, serving as a digital calling card for a seasoned product designer. The site functions as a professional narrative, bridging the gap between high-level strategy and granular interface execution. Through a clean, text-driven layout, it highlights a career spent collaborating with industry giants like Airbnb and Dan.com, positioning the designer as a versatile expert capable of navigating the entire product lifecycle. The visual identity is defined by an understated elegance, utilizing ample white space and a refined typographic hierarchy to command attention. The use of a unique, abstract line-art logo adds a touch of bespoke character without distracting from the core message. It is a design that speaks to a high-tier professional audience—startups and large-scale enterprises alike—who value clarity, experience, and a seamless integration of form and function.",{"id":593,"website_id":594,"page_id":593,"name":595,"slug":596,"url":597,"website_name":595,"website_slug":596,"website_url":598,"result_url":597,"fetched_at":599,"score":600,"score_boost":333,"ai_score":201,"freshness_score":601,"scored_at":602,"page_name":40,"page_url":597,"page_title":603,"page_description":604,"page_content":605,"page_sort":333,"is_home":339,"is_home_rank":340,"page_type_id":341,"page_type_name":47,"cover":606,"cover_mobile":609,"cover_sequence":611,"translations":615,"industry":442,"styles":618,"credits":619,"font_families":620,"technologies":621,"pagespeed":622,"pagespeed_mobile":627,"buckets":633,"search_payload":634},"490a66ff-9ecb-478d-8606-8670897f6220","fac71036-eb02-46e5-b582-5e44aaa1448b","Jake Deakin","jake-deakin","https:\u002F\u002Fjakedeakin.com\u002F","https:\u002F\u002Fjakedeakin.com","2026-05-03T23:49:22.000Z",43,1777852162,"2026-05-24T21:02:56.000Z","Jake, Mate.","Senior Product Designer Manager at Meta","Jake Deakin Hi, I’m Jake — a Senior Product Design Manager at Meta, leading the Friends design group across Facebook and Messenger. My teams design the core places people connect—Stories, Notes, and the Friends Tab—and build the social discovery systems that help billions find their people. Before Meta, I helped shape the future of design collaboration at InVision and business platforms at MYOB. Melbourne‑born, Brooklyn‑based; forever loyal to proper coffee. Email \u002F LinkedIn \u002F Instagram \u002F Threads",{"id":607,"height":13,"width":12,"blurhash":608},"b43bc7a0-3506-4858-9b68-fd977d6d6830","radial-gradient(at 0 0,#f6f6f6,#00000000 50%),radial-gradient(at 33% 0,#f8f8f8,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#ffffff,#00000000 50%),radial-gradient(at 0 50%,#f9f9f9,#00000000 50%),radial-gradient(at 33% 50%,#fafafa,#00000000 50%),radial-gradient(at 67% 50%,#fdfdfd,#00000000 50%),radial-gradient(at 100% 50%,#fdfdfd,#00000000 50%),radial-gradient(at 0 100%,#ffffff,#00000000 50%),radial-gradient(at 33% 100%,#ffffff,#00000000 50%),radial-gradient(at 67% 100%,#ffffff,#00000000 50%),radial-gradient(at 100% 100%,#ffffff,#00000000 50%)",{"id":610,"height":15,"width":14,"blurhash":54},"d1b32aca-a8e0-4031-918d-5ff358f42f2c",[612],{"directus_files_id":613},{"id":614},"e9c2371c-ad71-498a-8f92-72df1efee1c4",[616],{"languages_code":440,"description":617},"Jake Deakin’s personal portfolio is a masterclass in high-impact, minimalist communication. Designed for a professional audience of recruiters, peers, and design leaders, the site serves as a digital business card that emphasizes pedigree and personality. By stripping away all visual noise, the site directs absolute focus toward Deakin's impressive professional trajectory at Meta, InVision, and MYOB, establishing immediate authority in the product design space.\n\nThe visual identity is defined by a bold, typographic-driven aesthetic that leans into the power of whitespace and heavy sans-serif type. The monochromatic palette and brutalist-adjacent layout create a sense of modern sophistication and directness. It is a confident, no-nonsense design that mirrors the efficiency and clarity expected of a senior design leader, prioritizing substance and narrative over decorative flair.",[30,575,34],[595],[],[251],[623,624,625,626],{"score":88,"category":78},{"score":536,"category":81},{"score":88,"category":84},{"score":88,"category":87},[628,630,631,632],{"score":629,"category":78},99,{"score":536,"category":81},{"score":88,"category":84},{"score":88,"category":87},[97,105,101],"Website: Jake Deakin. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Jake, Mate.. Page description: Senior Product Designer Manager at Meta. Page content: Jake Deakin Hi, I’m Jake — a Senior Product Design Manager at Meta, leading the Friends design group across Facebook and Messenger. My teams design the core places people connect—Stories, Notes, and the Friends Tab—and build the social discovery systems that help billions find their people. Before Meta, I helped shape the future of design collaboration at InVision and business platforms at MYOB. Melbourne‑born, Brooklyn‑based; forever loyal to proper coffee. Email \u002F LinkedIn \u002F Instagram \u002F Threads. A Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the SaaS & Software industry. Designed by Jake Deakin. The overall color palette features White, Black, Gray. Built using Amazon Web Services. AI description: Jake Deakin’s personal portfolio is a masterclass in high-impact, minimalist communication. Designed for a professional audience of recruiters, peers, and design leaders, the site serves as a digital business card that emphasizes pedigree and personality. By stripping away all visual noise, the site directs absolute focus toward Deakin's impressive professional trajectory at Meta, InVision, and MYOB, establishing immediate authority in the product design space. The visual identity is defined by a bold, typographic-driven aesthetic that leans into the power of whitespace and heavy sans-serif type. The monochromatic palette and brutalist-adjacent layout create a sense of modern sophistication and directness. It is a confident, no-nonsense design that mirrors the efficiency and clarity expected of a senior design leader, prioritizing substance and narrative over decorative flair."]