[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-michieldegraaf":3,"facets-{\"includeAuthors\":\"false\"}":114,"facets-baseline-false":278,"similar-websites-michieldegraaf":311},{"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":51,"pagespeedDesktop":62,"pagespeedMobile":73,"performanceDesktop":65,"performanceMobile":75,"colorBuckets":79,"colorPalette":96},"e78c3282-151e-42b8-b1e1-e697dabcb45c","Michiel de Graaf","michieldegraaf","https:\u002F\u002Fmichieldegraaf.com","2026-05-23T19:36:19.000Z","2026-05-04T17:30:56.000Z","c3f5e40f-0713-4adf-9ae5-1f35e77adc5d","ff2f44e1-c500-4cb7-a2b4-6ee481d6e817",1440,900,780,1688,"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.",{"title":18,"meta_description":19},"Michiel de Graaf | Product Designer Portfolio","Product designer specializing in strategy, UX, interface design, and branding. Experience working with Airbnb, Dan.com, and leading design studios.",{"name":21,"label":22,"slug":23},"SaaS & Software","Software","software",[25,29,33],{"name":26,"label":27,"slug":28},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":30,"label":31,"slug":32},"Monochrome \u002F Grayscale","Monochrome","monochrome",{"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","Michiel de Graaf - Product Designer","Involved in the design process from strategy, user experience, interface design, prototyping, branding and implementation.","https:\u002F\u002Fmichieldegraaf.com\u002F","A minimalist portfolio website for product designer Michiel de Graaf with a clean white background and black text. The layout features a central logo, a large headline, a brief professional summary, and a 'Work' section listing various company collaborations. The design is spacious with significant whitespace and simple typography.","The mobile version maintains the minimalist white and black aesthetic but uses a single-column layout for easier scrolling. The text is centered or left-aligned to fit the narrow screen, and the large headings are scaled down to fit the viewport width.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[],{"CDN":52,"Web servers":56,"Reverse proxies":60},[53],{"name":54,"label":54,"slug":55},"jsDelivr","jsdelivr",[57],{"name":58,"label":58,"slug":59},"Nginx","nginx",[61],{"name":58,"label":58,"slug":59},[63,66,69,71],{"category":64,"score":65},"performance",100,{"category":67,"score":68},"accessibility",87,{"category":70,"score":65},"best-practices",{"category":72,"score":65},"seo",[74,76,77,78],{"category":64,"score":75},72,{"category":67,"score":68},{"category":70,"score":65},{"category":72,"score":65},[80,84,88,92],{"value":81,"label":82,"hex":83},"white","White","#ffffff",{"value":85,"label":86,"hex":87},"black","Black","#000000",{"value":89,"label":90,"hex":91},"gray","Gray","#737373",{"value":93,"label":94,"hex":95},"violet","Violet","#8d51ff",[97,100,103,106,109,111],{"hex":98,"percent":99},"#FFF8F2",0.9763,{"hex":101,"percent":102},"#DDD2CF",0.0074,{"hex":104,"percent":105},"#301E16",0.0062,{"hex":107,"percent":108},"#746762",0.0045,{"hex":110,"percent":108},"#C3A987",{"hex":112,"percent":113},"#8858F8",0.0012,{"facetDistribution":115,"facetLabels":192},{"industry":116,"styles":136,"technologies":150,"font_families":176,"page_type_name":190},{"Agency & Studio":117,"Art & Culture":118,"SaaS & Software":119,"Fashion & Apparel":120,"Architecture & Real Estate":121,"Entertainment & Media":122,"Food & Beverage":123,"Photography & Video":124,"Finance & Fintech":125,"Healthcare & Wellness":126,"Technology & Hardware":127,"Industrial & Manufacturing":128,"Beauty & Cosmetics":129,"Travel & Hospitality":130,"Non-Profit & Charity":131,"Education & Courses":132,"Crypto & Web3":133,"Sports & Fitness":134,"Automotive & Transportation":135},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":137,"Typographic \u002F Big Type":138,"High-End \u002F Luxury":139,"Dark Mode":140,"Vibrant \u002F Colorful":141,"Monochrome \u002F Grayscale":142,"Fun \u002F Playful":143,"Brutalist \u002F Neo-Brutalist":144,"Corporate \u002F Professional":145,"Illustrative \u002F Hand-drawn":68,"Futuristic \u002F Sci-Fi":146,"3D \u002F Spatial":147,"Retro \u002F Vintage \u002F Y2K":148,"Glassmorphism":149,"Bento Grid":149},2056,1713,1012,570,393,317,257,236,205,69,55,33,15,{"jQuery":151,"PHP":152,"WordPress":153,"Node.js":154,"React":155,"Vercel":156,"Vue.js":157,"Shopify":158,"Next.js":159,"Klaviyo":160,"Nuxt.js":161,"Typekit":162,"Amazon Web Services":163,"reCAPTCHA":164,"YouTube":165,"MailChimp":166,"Modernizr":167,"Bootstrap":168,"Slick":169,"Google Font API":170,"Craft CMS":171,"Framer Sites":172,"Contact Form 7":173,"Stimulus":174,"Google Maps":175},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,92,91,85,82,79,66,65,64,59,58,{"Inter":177,"Times New Roman":178,"Roboto":179,"Open Sans":180,"Neue Haas Grotesk":180,"Suisse Intl":181,"Arial":146,"Poppins":171,"Helvetica Neue":173,"Montserrat":182,"Diatype":147,"Neue Montreal":127,"Lato":128,"Graphik":183,"Source Sans":184,"Monument Grotesk":185,"Noto Sans":186,"Helvetica":187,"Söhne":188,"DM Sans":188,"Founders Grotesk":188,"GT America":189,"Google Sans":189,"Editorial":148,"IBM Plex Mono":132},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":191},2397,{"industry":193,"styles":212,"page_type_name":225,"technologies":226,"font_families":252},{"Agency & Studio":194,"Art & Culture":195,"SaaS & Software":22,"Fashion & Apparel":196,"Architecture & Real Estate":197,"Entertainment & Media":198,"Food & Beverage":199,"Photography & Video":200,"Finance & Fintech":201,"Healthcare & Wellness":202,"Technology & Hardware":203,"Industrial & Manufacturing":204,"Beauty & Cosmetics":205,"Travel & Hospitality":206,"Non-Profit & Charity":207,"Education & Courses":208,"Crypto & Web3":209,"Sports & Fitness":210,"Automotive & Transportation":211},"Agencies","Art and Culture","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":213,"Dark Mode":214,"Vibrant \u002F Colorful":215,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":216,"Brutalist \u002F Neo-Brutalist":217,"Corporate \u002F Professional":218,"Illustrative \u002F Hand-drawn":219,"Futuristic \u002F Sci-Fi":220,"3D \u002F Spatial":221,"Retro \u002F Vintage \u002F Y2K":222,"Glassmorphism":223,"Bento Grid":224},"Luxury","Dark Mode","Vibrant","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48},{"jQuery":227,"PHP":228,"WordPress":229,"Node.js":230,"React":231,"Vercel":232,"Vue.js":233,"Shopify":234,"Next.js":235,"Klaviyo":236,"Nuxt.js":237,"Typekit":238,"Amazon Web Services":239,"reCAPTCHA":240,"YouTube":241,"MailChimp":242,"Modernizr":243,"Bootstrap":244,"Slick":245,"Google Font API":246,"Craft CMS":247,"Framer Sites":248,"Contact Form 7":249,"Stimulus":250,"Google Maps":251},"jQuery","PHP","WordPress","Node.js","React","Vercel","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":253,"Times New Roman":254,"Roboto":255,"Open Sans":256,"Neue Haas Grotesk":257,"Suisse Intl":258,"Arial":259,"Poppins":260,"Helvetica Neue":261,"Montserrat":262,"Diatype":263,"Neue Montreal":264,"Lato":265,"Graphik":266,"Source Sans":267,"Monument Grotesk":268,"Noto Sans":269,"Helvetica":270,"Söhne":271,"DM Sans":272,"Founders Grotesk":273,"GT America":274,"Google Sans":275,"Editorial":276,"IBM Plex Mono":277},"Inter","Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":279,"facetLabels":295},{"industry":280,"styles":281,"technologies":282,"font_families":283,"page_type_name":284},{"Agency & Studio":117,"Art & Culture":118,"SaaS & Software":119,"Fashion & Apparel":120,"Architecture & Real Estate":121,"Entertainment & Media":122,"Food & Beverage":123,"Photography & Video":124,"Finance & Fintech":125,"Healthcare & Wellness":126,"Technology & Hardware":127,"Industrial & Manufacturing":128,"Beauty & Cosmetics":129,"Travel & Hospitality":130,"Non-Profit & Charity":131,"Education & Courses":132,"Crypto & Web3":133,"Sports & Fitness":134,"Automotive & Transportation":135},{"Clean \u002F Minimalist":137,"Typographic \u002F Big Type":138,"High-End \u002F Luxury":139,"Dark Mode":140,"Vibrant \u002F Colorful":141,"Monochrome \u002F Grayscale":142,"Fun \u002F Playful":143,"Brutalist \u002F Neo-Brutalist":144,"Corporate \u002F Professional":145,"Illustrative \u002F Hand-drawn":68,"Futuristic \u002F Sci-Fi":146,"3D \u002F Spatial":147,"Retro \u002F Vintage \u002F Y2K":148,"Glassmorphism":149,"Bento Grid":149},{"jQuery":151,"PHP":152,"WordPress":153,"Node.js":154,"React":155,"Vercel":156,"Vue.js":157,"Shopify":158,"Next.js":159,"Klaviyo":160,"Nuxt.js":161,"Typekit":162,"Amazon Web Services":163,"reCAPTCHA":164,"YouTube":165,"MailChimp":166,"Modernizr":167,"Bootstrap":168,"Slick":169,"Google Font API":170,"Craft CMS":171,"Framer Sites":172,"Contact Form 7":173,"Stimulus":174,"Google Maps":175},{"Inter":177,"Times New Roman":178,"Roboto":179,"Open Sans":180,"Neue Haas Grotesk":180,"Suisse Intl":181,"Arial":146,"Poppins":171,"Helvetica Neue":173,"Montserrat":182,"Diatype":147,"Neue Montreal":127,"Lato":128,"Graphik":183,"Source Sans":184,"Monument Grotesk":185,"Noto Sans":186,"Helvetica":187,"Söhne":188,"DM Sans":188,"Founders Grotesk":188,"GT America":189,"Google Sans":189,"Editorial":148,"IBM Plex Mono":132},{"Home \u002F Landing Page":285,"About Us \u002F Team":286,"Projects \u002F Portfolio":287,"Contact Us":288,"Blog \u002F Article Layout":289,"Services \u002F Features":290,"Shop \u002F Catalog":291,"Careers \u002F Jobs":292,"Pricing Page":126,"Sign Up \u002F Login":293,"404 Error Page":294},2401,774,527,418,378,341,299,89,27,9,{"industry":296,"styles":297,"page_type_name":298,"technologies":309,"font_families":310},{"Agency & Studio":194,"Art & Culture":195,"SaaS & Software":22,"Fashion & Apparel":196,"Architecture & Real Estate":197,"Entertainment & Media":198,"Food & Beverage":199,"Photography & Video":200,"Finance & Fintech":201,"Healthcare & Wellness":202,"Technology & Hardware":203,"Industrial & Manufacturing":204,"Beauty & Cosmetics":205,"Travel & Hospitality":206,"Non-Profit & Charity":207,"Education & Courses":208,"Crypto & Web3":209,"Sports & Fitness":210,"Automotive & Transportation":211},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":213,"Dark Mode":214,"Vibrant \u002F Colorful":215,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":216,"Brutalist \u002F Neo-Brutalist":217,"Corporate \u002F Professional":218,"Illustrative \u002F Hand-drawn":219,"Futuristic \u002F Sci-Fi":220,"3D \u002F Spatial":221,"Retro \u002F Vintage \u002F Y2K":222,"Glassmorphism":223,"Bento Grid":224},{"Home \u002F Landing Page":48,"About Us \u002F Team":299,"Projects \u002F Portfolio":300,"Contact Us":301,"Blog \u002F Article Layout":302,"Services \u002F Features":303,"Shop \u002F Catalog":304,"Careers \u002F Jobs":305,"Pricing Page":306,"Sign Up \u002F Login":307,"404 Error Page":308},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":227,"PHP":228,"WordPress":229,"Node.js":230,"React":231,"Vercel":232,"Vue.js":233,"Shopify":234,"Next.js":235,"Klaviyo":236,"Nuxt.js":237,"Typekit":238,"Amazon Web Services":239,"reCAPTCHA":240,"YouTube":241,"MailChimp":242,"Modernizr":243,"Bootstrap":244,"Slick":245,"Google Font API":246,"Craft CMS":247,"Framer Sites":248,"Contact Form 7":249,"Stimulus":250,"Google Maps":251},{"Inter":253,"Times New Roman":254,"Roboto":255,"Open Sans":256,"Neue Haas Grotesk":257,"Suisse Intl":258,"Arial":259,"Poppins":260,"Helvetica Neue":261,"Montserrat":262,"Diatype":263,"Neue Montreal":264,"Lato":265,"Graphik":266,"Source Sans":267,"Monument Grotesk":268,"Noto Sans":269,"Helvetica":270,"Söhne":271,"DM Sans":272,"Founders Grotesk":273,"GT America":274,"Google Sans":275,"Editorial":276,"IBM Plex Mono":277},{"hits":312},[313,459,536,621],{"id":314,"website_id":315,"page_id":314,"name":316,"slug":317,"url":318,"website_name":316,"website_slug":317,"website_url":319,"result_url":318,"fetched_at":320,"score":321,"score_boost":322,"ai_score":323,"freshness_score":324,"scored_at":325,"page_name":40,"page_url":318,"page_title":326,"page_description":327,"page_content":328,"page_sort":322,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":47,"cover":332,"cover_mobile":335,"cover_sequence":338,"translations":429,"industry":21,"styles":433,"credits":436,"font_families":437,"technologies":442,"pagespeed":443,"pagespeed_mobile":451,"buckets":456,"search_payload":458},"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,86,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":333,"height":13,"width":12,"blurhash":334},"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":336,"height":15,"width":14,"blurhash":337},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",null,[339,342,345,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],{"directus_files_id":340},{"id":341},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":343},{"id":344},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":346},{"id":347},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":349},{"id":350},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":352},{"id":353},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":355},{"id":356},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":358},{"id":359},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":361},{"id":362},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":364},{"id":365},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":367},{"id":368},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":370},{"id":371},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":373},{"id":374},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":376},{"id":377},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":379},{"id":380},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":382},{"id":383},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":385},{"id":386},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":388},{"id":389},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":391},{"id":392},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":394},{"id":395},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":397},{"id":398},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":400},{"id":401},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":403},{"id":404},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":406},{"id":407},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":409},{"id":410},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":412},{"id":413},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":415},{"id":416},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":418},{"id":419},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":421},{"id":422},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":424},{"id":425},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":427},{"id":428},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[430],{"languages_code":431,"description":432},"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.",[434,26,435],"3D \u002F Spatial","Fun \u002F Playful",[],[438,439,440,258,441],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[238,232],[444,446,448,450],{"score":445,"category":64},94,{"score":447,"category":67},75,{"score":449,"category":70},96,{"score":65,"category":72},[452,453,454,455],{"score":169,"category":64},{"score":75,"category":67},{"score":449,"category":70},{"score":65,"category":72},[81,457,89,85],"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":460,"website_id":461,"page_id":460,"name":462,"slug":463,"url":464,"website_name":462,"website_slug":463,"website_url":465,"result_url":464,"fetched_at":466,"score":168,"score_boost":322,"ai_score":323,"freshness_score":467,"scored_at":468,"page_name":40,"page_url":464,"page_title":462,"page_description":469,"page_content":470,"page_sort":322,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":47,"cover":471,"cover_mobile":474,"cover_sequence":476,"translations":516,"industry":21,"styles":519,"credits":520,"font_families":521,"technologies":522,"pagespeed":523,"pagespeed_mobile":529,"buckets":534,"search_payload":535},"14888ed5-832a-44d3-bcd7-ee131b60d765","e20cfc2b-f10b-4eea-a295-9410c3490e94","Daniela Rivas","daniela","https:\u002F\u002Fdaniela-rivas.com\u002F","https:\u002F\u002Fdaniela-rivas.com","2026-05-24T19:58:53.000Z",1779652733,"2026-05-24T19:59:20.000Z","Product designer","[ ](.\u002F) [ Work ](.\u002Fwork) [ About ](.\u002Fabout) [ Resume ](https:\u002F\u002Fdrive.google.com\u002Ffile\u002Fd\u002F1FBk8I0bUJli9PSz0G4JHflMLybQkLwrh\u002Fview?usp=sharing) [ Contact ](.\u002Fcontact) I’m Daniela – a digital experience designer, passionate daydreamer, and creative problem- solver currently based in Portland, Oregon. Available remotely Previously @ ClickUp, HourStack, REI Co-op Selected work [ See all ](.\u002Fwork) [ RushTranslate A new digital experience and brand identity for a leading translation provider ](.\u002Fwork\u002Frushtranslate) [ ClickUp Bringing timesheets, approvals, and more to a complex productivity platform ](.\u002Fwork\u002Fclickup) [ HourStack End-to-end product and brand design for visual, streamlined time management ](.\u002Fwork\u002Fhourstack) [ REI Co-Op Experiences Creating an inspiring, intuitive digital experience for REI's Experience offerings ](.\u002Fwork\u002Frei-co-op) What I do From brand to product, I create thoughtful, expressive end-to-end digital experiences that connect meaningfully with customers and drive business impact. Over the past 7 years, I’ve worked both in-house and independently on teams big and small designing everything from unique brand identities to complex digital products, websites, animations, and more. I believe the best work delivers intentional contrasts: familiar yet unique, detailed yet simple, playful yet refined. My process is user-centric and data- driven, blending intentional strategy with clever, creative delight. [ About me ](.\u002Fabout) Skills & Services Digital Experience Product design UX\u002FUI Design Design systems User research Usability testing Web design Prototyping Brand Strategy & Design Branding & Identity Illustration Web design Logo design Marketing collateral Motion design & always learning new things! Say hello Contact me I'm always open to hearing about new projects, ideas, or collaborations. Send me a note and I'll get in touch! Copy email danielarivaswolf@gmail.comdanielarivaswolf@gmail.comCopied! [ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ](.\u002Fwork) © 2026 • Designed & built by Daniela Rivas ◡̈ Portland, Oregon, 7:57 PM",{"id":472,"height":13,"width":12,"blurhash":473},"65226f7a-356d-4e7f-a8c1-a6e9db89c19b","radial-gradient(at 0 0,#171717,#00000000 50%),radial-gradient(at 33% 0,#343434,#00000000 50%),radial-gradient(at 67% 0,#0c0c0c,#00000000 50%),radial-gradient(at 100% 0,#151515,#00000000 50%),radial-gradient(at 0 50%,#737373,#00000000 50%),radial-gradient(at 33% 50%,#656565,#00000000 50%),radial-gradient(at 67% 50%,#464646,#00000000 50%),radial-gradient(at 100% 50%,#4c4c4c,#00000000 50%),radial-gradient(at 0 100%,#000000,#00000000 50%),radial-gradient(at 33% 100%,#444444,#00000000 50%),radial-gradient(at 67% 100%,#000000,#00000000 50%),radial-gradient(at 100% 100%,#000000,#00000000 50%)",{"id":475,"height":15,"width":14,"blurhash":337},"60d63e68-b479-4e1d-ae12-457a9b78a7a0",[477,480,483,486,489,492,495,498,501,504,507,510,513],{"directus_files_id":478},{"id":479},"d002ebef-e963-407e-ade4-c8aa5f98a487",{"directus_files_id":481},{"id":482},"4e2000c2-b397-4026-9f9d-56c91f71f979",{"directus_files_id":484},{"id":485},"7825ceb7-b5cd-46f9-92b3-12ca62f05ffe",{"directus_files_id":487},{"id":488},"67d6aee5-4658-4462-a7f7-adb6571e1481",{"directus_files_id":490},{"id":491},"1ef0dc40-af98-4232-9f53-f776b43ebfa3",{"directus_files_id":493},{"id":494},"159420ce-0dc7-42d5-b06a-65fb7ee0fdb0",{"directus_files_id":496},{"id":497},"2e6731ea-8f67-437c-8147-64acab7355cc",{"directus_files_id":499},{"id":500},"607540db-05d1-4bae-a1e1-1ccc798e08ed",{"directus_files_id":502},{"id":503},"d633568a-13fa-474c-a0e2-b536eb12d272",{"directus_files_id":505},{"id":506},"58132d04-a4da-4303-b568-d43159f6d3ca",{"directus_files_id":508},{"id":509},"20a06c71-c56d-4236-bd4f-5daf8860dca7",{"directus_files_id":511},{"id":512},"5b473af1-9e16-4fa7-bf61-69b5ba061ac6",{"directus_files_id":514},{"id":515},"4156b3ac-b59e-40ed-a9cb-df9ad868c962",[517],{"languages_code":431,"description":518},"Daniela Rivas’s portfolio is a sophisticated showcase of multidisciplinary design, positioning her as a high-level digital experience designer. The site serves as a professional landing page for potential clients and employers, highlighting her ability to bridge the gap between brand identity and complex product design. Through a curated selection of work for notable companies like ClickUp and REI Co-op, the site communicates a narrative of thoughtful, end-to-end digital problem-solving.\n\nThe visual identity is rooted in a refined, minimalist aesthetic that leans heavily on high-contrast typography and a moody, dark-mode interface. The use of custom, hand-drawn illustrations provides a humanistic touch to an otherwise sleek, digital-first layout, creating a unique balance between technical precision and creative soul. The layout is spacious and intentional, utilizing a monochromatic palette to ensure that the colorful project previews remain the primary focal points.",[26,214,34],[],[253],[248,231],[524,526,527,528],{"score":525,"category":64},48,{"score":445,"category":67},{"score":65,"category":70},{"score":65,"category":72},[530,531,532,533],{"score":127,"category":64},{"score":445,"category":67},{"score":65,"category":70},{"score":65,"category":72},[85,81,89],"Website: Daniela Rivas. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Daniela Rivas. Page description: Product designer. Page content: [ ](.\u002F) [ Work ](.\u002Fwork) [ About ](.\u002Fabout) [ Resume ](https:\u002F\u002Fdrive.google.com\u002Ffile\u002Fd\u002F1FBk8I0bUJli9PSz0G4JHflMLybQkLwrh\u002Fview?usp=sharing) [ Contact ](.\u002Fcontact) I’m Daniela – a digital experience designer, passionate daydreamer, and creative problem- solver currently based in Portland, Oregon. Available remotely Previously @ ClickUp, HourStack, REI Co-op Selected work [ See all ](.\u002Fwork) [ RushTranslate A new digital experience and brand identity for a leading translation provider ](.\u002Fwork\u002Frushtranslate) [ ClickUp Bringing timesheets, approvals, and more to a complex productivity platform ](.\u002Fwork\u002Fclickup) [ HourStack End-to-end product and brand design for visual, streamlined time management ](.\u002Fwork\u002Fhourstack) [ REI Co-Op Experiences Creating an inspiring, intuitive digital experience for REI's Experience offerings ](.\u002Fwork\u002Frei-co-op) What I do From brand to product, I create thoughtful, expressive end-to-end digital experiences that connect meaningfully with customers and drive business impact. Over the past 7 years, I’ve worked both in-house and independently on teams big and small designing everything from unique brand identities to complex digital products, websites, animations, and more. I believe the best work delivers intentional contrasts: familiar yet unique, detailed yet simple, playful yet refined. My process is user-centric and data- driven, blending intentional strategy with clever, creative delight. [ About me ](.\u002Fabout) Skills & Services Digital Experience Product design UX\u002FUI Design Design systems User research Usability testing Web design Prototyping Brand Strategy & Design Branding & Identity Illustration Web design Logo design Marketing collateral Motion design & always learning new things! Say hello Contact me I'm always open to hearing about new projects, ideas, or collaborations. Send me a note and I'll get in touch! Copy email danielarivaswolf@gmail.comdanielarivaswolf@gmail.comCopied! [ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ](.\u002Fwork) © 2026 • Designed & built by Daniela Rivas ◡̈ Portland, Oregon, 7:57 PM. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features Black, White, Gray. The typography features Inter (Sans Serif). Built using Framer Sites, React. AI description: Daniela Rivas’s portfolio is a sophisticated showcase of multidisciplinary design, positioning her as a high-level digital experience designer. The site serves as a professional landing page for potential clients and employers, highlighting her ability to bridge the gap between brand identity and complex product design. Through a curated selection of work for notable companies like ClickUp and REI Co-op, the site communicates a narrative of thoughtful, end-to-end digital problem-solving. The visual identity is rooted in a refined, minimalist aesthetic that leans heavily on high-contrast typography and a moody, dark-mode interface. The use of custom, hand-drawn illustrations provides a humanistic touch to an otherwise sleek, digital-first layout, creating a unique balance between technical precision and creative soul. The layout is spacious and intentional, utilizing a monochromatic palette to ensure that the colorful project previews remain the primary focal points.",{"id":537,"website_id":538,"page_id":537,"name":539,"slug":540,"url":541,"website_name":539,"website_slug":540,"website_url":542,"result_url":541,"fetched_at":543,"score":181,"score_boost":322,"ai_score":68,"freshness_score":544,"scored_at":545,"page_name":40,"page_url":541,"page_title":546,"page_description":547,"page_content":548,"page_sort":322,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":47,"cover":549,"cover_mobile":552,"cover_sequence":554,"translations":597,"industry":21,"styles":600,"credits":601,"font_families":602,"technologies":605,"pagespeed":606,"pagespeed_mobile":613,"buckets":618,"search_payload":620},"6631e6e2-7b08-4fa8-aaca-a4a32ceb3771","dc6bb9ec-308a-4e78-ac14-c9c72aab8067","Julie Chabin","julie-chabin","https:\u002F\u002Fjulie.design\u002F","https:\u002F\u002Fjulie.design","2026-05-24T20:08:32.000Z",1779653312,"2026-05-24T20:59:01.000Z","Julie Chabin — Product Designer & Early-Stage Partner","Product designer helping early-stage startups launch smarter. Branding, product, and tools—with a clear, fast, no-fluff approach.","- Home - Now - About me - Say hi Julie Chabin One head, several hats. Mostly design. I help turn ideas into real, thoughtful products—easy to use, hard to ignore, and ready to grow. Previously, I led design at Product Hunt. I created a strong user experience and brand, shaped strategy, and scaled design with a small, fast-moving remote team. Now I work with founders to build their product's first version, raise funds, and get noticed. I also vibe code my own tools. It starts with curiosity, and always ends in learning. Say hi Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Teams I've collaborated with AngelList Product Hunt GitBook DeezerYubo API Video \u002F Work principles Design is understanding Good design makes hard things feel simple. It's informed, intentional, and grounded in real insight. Product is never done The job doesn't end on launch day. It's a cycle of testing, learning, and continuous improvement. \"Lazy\" is a short way to say efficient If there's a faster, smarter way to get great results, take it. Outcomes matter more than process. Strategy is early pattern recognition Look three years ahead. Spot patterns, map systems, and sequence work with intent. \u002F Now [ All the names, all the hats Early-stage startups don’t need people who blindly follow the lead. They don’t even need the smartest people. They need people who give a damn so muc... Now 10mo ago ](\u002Fnow#all-the-names-all-the-hats)[ CSS Dynamic Gradient Floating Menu How I built a scroll-responsive navigation with CSS and React (and survived production) I recently implemented a floating navigation menu with a dynam... Now 11mo ago ](\u002Fnow#null)[ Design systems at the wrong time are a trap Why early-stage startups should focus on shipping, not systematizing The past few months, I’ve helped a few early-stage startups get their product of... Now 14mo ago ](\u002Fnow#design-systems-at-the-wrong-time-are-a-trap) More updates → Digital dreaming since 1998 © 2026 All rights reserved.",{"id":550,"height":13,"width":12,"blurhash":551},"20fc6256-c887-462a-8d00-c309161a6edc","radial-gradient(at 0 0,#84788a,#00000000 50%),radial-gradient(at 33% 0,#796a79,#00000000 50%),radial-gradient(at 67% 0,#76676d,#00000000 50%),radial-gradient(at 100% 0,#74696c,#00000000 50%),radial-gradient(at 0 50%,#5b5963,#00000000 50%),radial-gradient(at 33% 50%,#423d54,#00000000 50%),radial-gradient(at 67% 50%,#4e4c62,#00000000 50%),radial-gradient(at 100% 50%,#475058,#00000000 50%),radial-gradient(at 0 100%,#918d9f,#00000000 50%),radial-gradient(at 33% 100%,#726878,#00000000 50%),radial-gradient(at 67% 100%,#715f62,#00000000 50%),radial-gradient(at 100% 100%,#7b6a6e,#00000000 50%)",{"id":553,"height":15,"width":14,"blurhash":337},"87efaf46-490f-4d9d-b955-4e21846adb20",[555,558,561,564,567,570,573,576,579,582,585,588,591,594],{"directus_files_id":556},{"id":557},"9ac458ad-0650-41a7-9378-544b1dc2393e",{"directus_files_id":559},{"id":560},"151a9de8-791c-428e-bfc8-5d31375ad6f9",{"directus_files_id":562},{"id":563},"ad7672dd-b494-4547-af1b-ea323f7f1249",{"directus_files_id":565},{"id":566},"4f22913e-e3ba-489f-8005-c47b4222225b",{"directus_files_id":568},{"id":569},"f500d8d8-4dc4-4722-a603-ba621ca431fd",{"directus_files_id":571},{"id":572},"2898b28a-470f-4bb8-a0e5-34adcb4ea6ef",{"directus_files_id":574},{"id":575},"5d4e1e50-9415-4138-be75-6bc1237cc0f4",{"directus_files_id":577},{"id":578},"09b044c1-243f-4190-8f43-603706a07cf6",{"directus_files_id":580},{"id":581},"6f68980c-3921-4f9d-afb2-13d1de3400f8",{"directus_files_id":583},{"id":584},"736daec0-4a8d-4e9e-86af-f85c3ce5dc78",{"directus_files_id":586},{"id":587},"e2a1a51e-0c8c-42f5-be5f-22a800f88bfc",{"directus_files_id":589},{"id":590},"ddb45635-1f72-4c9d-b7d3-c33d75f49a27",{"directus_files_id":592},{"id":593},"4a8c044a-f602-4177-b838-75853ad8c3af",{"directus_files_id":595},{"id":596},"81e78e7a-0cbc-42d8-ad9e-95fd9b09be90",[598],{"languages_code":431,"description":599},"Julie Chabin’s digital portfolio serves as a high-impact landing page for a specialized product design partner catering to the early-stage startup ecosystem. The site positions Chabin not just as a designer, but as a strategic collaborator capable of bridging the gap between initial concept and market-ready product. Through a narrative-driven approach, the site highlights her pedigree—notably her leadership at Product Hunt—to build immediate trust with founders looking for speed, efficiency, and high-caliber execution.\n\nThe visual identity is sophisticated and atmospheric, utilizing a deep, cosmic navy palette punctuated by ethereal cloud imagery and subtle starlight textures. The design leans into a premium, dark-mode aesthetic that feels both expansive and intimate. Typography is handled with editorial precision, using clean sans-serifs and intentional hierarchy to convey a 'no-fluff' professional attitude. The use of high-fidelity device mockups against organic, textured backgrounds creates a sense of tangible craftsmanship, signaling a designer who values both aesthetic beauty and functional utility.",[26,214,34],[],[603,439,440,604],"Manrope","Space Mono",[235,230,231],[607,609,611,612],{"score":608,"category":64},99,{"score":610,"category":67},98,{"score":449,"category":70},{"score":65,"category":72},[614,615,616,617],{"score":75,"category":64},{"score":610,"category":67},{"score":449,"category":70},{"score":65,"category":72},[85,81,89,457,619],"orange","Website: Julie Chabin. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Julie Chabin — Product Designer & Early-Stage Partner. Page description: Product designer helping early-stage startups launch smarter. Branding, product, and tools—with a clear, fast, no-fluff approach.. Page content: - Home - Now - About me - Say hi Julie Chabin One head, several hats. Mostly design. I help turn ideas into real, thoughtful products—easy to use, hard to ignore, and ready to grow. Previously, I led design at Product Hunt. I created a strong user experience and brand, shaped strategy, and scaled design with a small, fast-moving remote team. Now I work with founders to build their product's first version, raise funds, and get noticed. I also vibe code my own tools. It starts with curiosity, and always ends in learning. Say hi Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Gallery image 01 Gallery image 02 Gallery image 03 Gallery image 04 Gallery image 05 Gallery image 06 Gallery image 07 Gallery image 08 Gallery image 09 Teams I've collaborated with AngelList Product Hunt GitBook DeezerYubo API Video \u002F Work principles Design is understanding Good design makes hard things feel simple. It's informed, intentional, and grounded in real insight. Product is never done The job doesn't end on launch day. It's a cycle of testing, learning, and continuous improvement. \"Lazy\" is a short way to say efficient If there's a faster, smarter way to get great results, take it. Outcomes matter more than process. Strategy is early pattern recognition Look three years ahead. Spot patterns, map systems, and sequence work with intent. \u002F Now [ All the names, all the hats Early-stage startups don’t need people who blindly follow the lead. They don’t even need the smartest people. They need people who give a damn so muc... Now 10mo ago ](\u002Fnow#all-the-names-all-the-hats)[ CSS Dynamic Gradient Floating Menu How I built a scroll-responsive navigation with CSS and React (and survived production) I recently implemented a floating navigation menu with a dynam... Now 11mo ago ](\u002Fnow#null)[ Design systems at the wrong time are a trap Why early-stage startups should focus on shipping, not systematizing The past few months, I’ve helped a few early-stage startups get their product of... Now 14mo ago ](\u002Fnow#design-systems-at-the-wrong-time-are-a-trap) More updates → Digital dreaming since 1998 © 2026 All rights reserved.. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features Black, White, Gray, Brown, Orange. The typography features Manrope, Geist (Sans Serif), Geist Mono, Space Mono (Colophon). Built using Next.js, Node.js, React. AI description: Julie Chabin’s digital portfolio serves as a high-impact landing page for a specialized product design partner catering to the early-stage startup ecosystem. The site positions Chabin not just as a designer, but as a strategic collaborator capable of bridging the gap between initial concept and market-ready product. Through a narrative-driven approach, the site highlights her pedigree—notably her leadership at Product Hunt—to build immediate trust with founders looking for speed, efficiency, and high-caliber execution. The visual identity is sophisticated and atmospheric, utilizing a deep, cosmic navy palette punctuated by ethereal cloud imagery and subtle starlight textures. The design leans into a premium, dark-mode aesthetic that feels both expansive and intimate. Typography is handled with editorial precision, using clean sans-serifs and intentional hierarchy to convey a 'no-fluff' professional attitude. The use of high-fidelity device mockups against organic, textured backgrounds creates a sense of tangible craftsmanship, signaling a designer who values both aesthetic beauty and functional utility.",{"id":622,"website_id":623,"page_id":622,"name":624,"slug":625,"url":626,"website_name":624,"website_slug":625,"website_url":627,"result_url":626,"fetched_at":628,"score":168,"score_boost":322,"ai_score":68,"freshness_score":324,"scored_at":629,"page_name":40,"page_url":626,"page_title":630,"page_description":631,"page_content":632,"page_sort":322,"is_home":329,"is_home_rank":330,"page_type_id":331,"page_type_name":47,"cover":633,"cover_mobile":636,"cover_sequence":638,"translations":642,"industry":645,"styles":646,"credits":648,"font_families":649,"technologies":651,"pagespeed":652,"pagespeed_mobile":657,"buckets":662,"search_payload":663},"2c6a81d4-00a7-47d7-a255-c2bc8012e271","f90ba9f8-7877-40ad-880e-51ae9fe3140d","McLane","mclane","https:\u002F\u002Fmclaneteitel.com\u002F","https:\u002F\u002Fmclaneteitel.com","2026-05-03T23:43:06.000Z","2026-05-23T19:24:14.000Z","McLane Teitel","McLane Teitel is a product and visual designer based in Brooklyn, New York. Currently on the Product Design Studio at Shopify.","McLane is a product designer whose work is driven by simplicity and visual expression. SquarespaceDesigner, Design Manager2015–22 Airbnb WorkshopStaff Experience Designer2022–24 Instagram Friend SharingStaff Product Designer2024–25 ShopifyProduct Design Studio2025–Present SquarespaceAirbnb WorkshopInstagram Friend SharingShopify McLane is on the Product Design Studio™ at Shopify, designing for the future of commerce. He previously worked at Squarespace, Airbnb, and Instagram, and teaches interaction design and senior portfolio at the School of Visual Arts in New York.Get in touch →I'm touchedEmail copied Shopify Pulse Sidekick Chat Squarespace Squarespace Homepage Fluid Engine",{"id":634,"height":13,"width":12,"blurhash":635},"37fe0a41-2cbd-4285-8849-2d45fd7876f3","radial-gradient(at 0 0,#f5f6f6,#00000000 50%),radial-gradient(at 33% 0,#f4f4f4,#00000000 50%),radial-gradient(at 67% 0,#f4f4f4,#00000000 50%),radial-gradient(at 100% 0,#f3f4f4,#00000000 50%),radial-gradient(at 0 50%,#f0f1f1,#00000000 50%),radial-gradient(at 33% 50%,#ebeaeb,#00000000 50%),radial-gradient(at 67% 50%,#e7e7e8,#00000000 50%),radial-gradient(at 100% 50%,#ebebec,#00000000 50%),radial-gradient(at 0 100%,#f2f3f3,#00000000 50%),radial-gradient(at 33% 100%,#efeff0,#00000000 50%),radial-gradient(at 67% 100%,#eeeeee,#00000000 50%),radial-gradient(at 100% 100%,#efefef,#00000000 50%)",{"id":637,"height":15,"width":14,"blurhash":337},"d3ad1bb1-4620-4dc7-b18b-d977a1a3e3d7",[639],{"directus_files_id":640},{"id":641},"9389e750-22de-4958-b841-8d145e92a44c",[643],{"languages_code":431,"description":644},"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.","Agency & Studio",[26,647,34],"High-End \u002F Luxury",[],[439,650,264],"TWK Lausanne",[232],[653,654,655,656],{"score":447,"category":64},{"score":165,"category":67},{"score":449,"category":70},{"score":65,"category":72},[658,659,660,661],{"score":323,"category":64},{"score":165,"category":67},{"score":449,"category":70},{"score":65,"category":72},[81,89,85],"Website: McLane. Page: Homepage. Page type: Home \u002F Landing Page. Page title: McLane Teitel. Page description: McLane Teitel is a product and visual designer based in Brooklyn, New York. Currently on the Product Design Studio at Shopify.. Page content: McLane is a product designer whose work is driven by simplicity and visual expression. SquarespaceDesigner, Design Manager2015–22 Airbnb WorkshopStaff Experience Designer2022–24 Instagram Friend SharingStaff Product Designer2024–25 ShopifyProduct Design Studio2025–Present SquarespaceAirbnb WorkshopInstagram Friend SharingShopify McLane is on the Product Design Studio™ at Shopify, designing for the future of commerce. He previously worked at Squarespace, Airbnb, and Instagram, and teaches interaction design and senior portfolio at the School of Visual Arts in New York.Get in touch →I'm touchedEmail copied Shopify Pulse Sidekick Chat Squarespace Squarespace Homepage Fluid Engine. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Gray, Black. The typography features Geist (Sans Serif), TWK Lausanne (Sans Serif, Weltkern), Neue Montreal (Sans Serif, Pangram Pangram). Built using Vercel. AI description: 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. The 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."]