[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-maksim-karalevich":3,"facets-{\"includeAuthors\":\"false\"}":112,"facets-baseline-false":275,"similar-websites-maksim-karalevich":308},{"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":41,"typefaces":53,"technologiesByCategory":58,"pagespeedDesktop":78,"pagespeedMobile":79,"performanceDesktop":57,"performanceMobile":57,"colorBuckets":80,"colorPalette":93},"e29a31a0-8a0f-40fd-94d9-7c4a55f7b35a","Maksim Karalevich","maksim-karalevich","https:\u002F\u002Fkaralevich.com","2026-05-23T19:21:50.000Z","2026-05-04T22:25:48.000Z","11f9fcf4-a91d-4d85-a759-12c0b1b820aa","79471ba7-8073-4124-a204-0d1e3ce8c44b",1440,900,780,1688,"Maksim Karalevich’s portfolio is a masterclass in high-end product design direction, serving as a sophisticated digital showcase for systems-thinking and human-computer interaction. The site functions as a professional landing page for a design leader, emphasizing high-level impact through clean, structured layouts and a focus on complex product ecosystems like Shopify and Rho.\n\nThe visual identity is defined by a rigorous minimalist aesthetic, utilizing expansive white space, bold typographic hierarchies, and a restrained grayscale palette. The design communicates authority and precision, targeting tech executives and product organizations looking for senior-level leadership in design systems and product strategy.",{"title":18,"meta_description":19},"Maksim Karalevich | Product Design & Direction","Portfolio of Maksim Karalevich, specializing in product design, human-computer interaction, and leading design teams for complex systems.",{"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",[38],{"author":39,"roles":40},{"name":5,"label":5,"slug":6},[],[42],{"name":43,"title":44,"description":45,"url":46,"coverId":10,"coverMobileId":11,"alt":47,"altMobile":48,"pageType":49},"Homepage","Maksim Karalevich · Product Design & Direction","Systems and interactions for products and teams","https:\u002F\u002Fkaralevich.com\u002F","A minimalist portfolio website with a clean white background and black typography. The desktop layout features a top navigation menu with links for Work, Notes, and Practice, followed by a large centered headline introducing Maksim Karalevich. Below the hero text, a vertical feed displays professional experience at Shopify, Rho, and Goji, accompanied by large project screenshots and detailed role descriptions.","The mobile version maintains the minimalist white and black aesthetic but uses a single-column vertical layout. The navigation links are stacked at the top, and the hero headline is scaled down to fit the narrower screen width. Project sections follow, with images and text descriptions stacked vertically for easy scrolling.",{"name":50,"label":51,"slug":52},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[54],{"name":55,"label":55,"slug":56,"foundryName":57},"Inter","inter",null,{"Security":59,"CDN":63,"PaaS":67,"Analytics":71},[60],{"name":61,"label":61,"slug":62},"HSTS","hsts",[64],{"name":65,"label":65,"slug":66},"jsDelivr","jsdelivr",[68],{"name":69,"label":69,"slug":70},"Vercel","vercel",[72,75],{"name":73,"label":73,"slug":74},"Vercel Analytics","vercel-analytics",{"name":76,"label":76,"slug":77},"Vercel Speed Insights","vercel-speed-insights",[],[],[81,85,89],{"value":82,"label":83,"hex":84},"white","White","#ffffff",{"value":86,"label":87,"hex":88},"black","Black","#000000",{"value":90,"label":91,"hex":92},"gray","Gray","#737373",[94,97,100,103,106,109],{"hex":95,"percent":96},"#FFFFFF",0.8481,{"hex":98,"percent":99},"#F4F4F6",0.1315,{"hex":101,"percent":102},"#1A1A1A",0.0141,{"hex":104,"percent":105},"#C0C0C0",0.0023,{"hex":107,"percent":108},"#969696",0.0021,{"hex":110,"percent":111},"#535353",0.0018,{"facetDistribution":113,"facetLabels":191},{"industry":114,"styles":134,"technologies":149,"font_families":175,"page_type_name":189},{"Agency & Studio":115,"Art & Culture":116,"SaaS & Software":117,"Fashion & Apparel":118,"Architecture & Real Estate":119,"Entertainment & Media":120,"Food & Beverage":121,"Photography & Video":122,"Finance & Fintech":123,"Healthcare & Wellness":124,"Technology & Hardware":125,"Industrial & Manufacturing":126,"Beauty & Cosmetics":127,"Travel & Hospitality":128,"Non-Profit & Charity":129,"Education & Courses":130,"Crypto & Web3":131,"Sports & Fitness":132,"Automotive & Transportation":133},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":135,"Typographic \u002F Big Type":136,"High-End \u002F Luxury":137,"Dark Mode":138,"Vibrant \u002F Colorful":139,"Monochrome \u002F Grayscale":140,"Fun \u002F Playful":141,"Brutalist \u002F Neo-Brutalist":142,"Corporate \u002F Professional":143,"Illustrative \u002F Hand-drawn":144,"Futuristic \u002F Sci-Fi":145,"3D \u002F Spatial":146,"Retro \u002F Vintage \u002F Y2K":147,"Glassmorphism":148,"Bento Grid":148},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":150,"PHP":151,"WordPress":152,"Node.js":153,"React":154,"Vercel":155,"Vue.js":156,"Shopify":157,"Next.js":158,"Klaviyo":159,"Nuxt.js":160,"Typekit":161,"Amazon Web Services":162,"reCAPTCHA":163,"YouTube":164,"MailChimp":165,"Modernizr":166,"Bootstrap":167,"Slick":168,"Google Font API":169,"Craft CMS":170,"Framer Sites":171,"Contact Form 7":172,"Stimulus":173,"Google Maps":174},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":176,"Times New Roman":177,"Roboto":178,"Open Sans":179,"Neue Haas Grotesk":179,"Suisse Intl":180,"Arial":145,"Poppins":170,"Helvetica Neue":172,"Montserrat":181,"Diatype":146,"Neue Montreal":125,"Lato":126,"Graphik":182,"Source Sans":183,"Monument Grotesk":184,"Noto Sans":185,"Helvetica":186,"Söhne":187,"DM Sans":187,"Founders Grotesk":187,"GT America":188,"Google Sans":188,"Editorial":147,"IBM Plex Mono":130},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":190},2397,{"industry":192,"styles":211,"page_type_name":224,"technologies":225,"font_families":250},{"Agency & Studio":193,"Art & Culture":194,"SaaS & Software":22,"Fashion & Apparel":195,"Architecture & Real Estate":196,"Entertainment & Media":197,"Food & Beverage":198,"Photography & Video":199,"Finance & Fintech":200,"Healthcare & Wellness":201,"Technology & Hardware":202,"Industrial & Manufacturing":203,"Beauty & Cosmetics":204,"Travel & Hospitality":205,"Non-Profit & Charity":206,"Education & Courses":207,"Crypto & Web3":208,"Sports & Fitness":209,"Automotive & Transportation":210},"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":212,"Dark Mode":213,"Vibrant \u002F Colorful":214,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":215,"Brutalist \u002F Neo-Brutalist":216,"Corporate \u002F Professional":217,"Illustrative \u002F Hand-drawn":218,"Futuristic \u002F Sci-Fi":219,"3D \u002F Spatial":220,"Retro \u002F Vintage \u002F Y2K":221,"Glassmorphism":222,"Bento Grid":223},"Luxury","Dark Mode","Vibrant","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":51},{"jQuery":226,"PHP":227,"WordPress":228,"Node.js":229,"React":230,"Vercel":69,"Vue.js":231,"Shopify":232,"Next.js":233,"Klaviyo":234,"Nuxt.js":235,"Typekit":236,"Amazon Web Services":237,"reCAPTCHA":238,"YouTube":239,"MailChimp":240,"Modernizr":241,"Bootstrap":242,"Slick":243,"Google Font API":244,"Craft CMS":245,"Framer Sites":246,"Contact Form 7":247,"Stimulus":248,"Google Maps":249},"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":55,"Times New Roman":251,"Roboto":252,"Open Sans":253,"Neue Haas Grotesk":254,"Suisse Intl":255,"Arial":256,"Poppins":257,"Helvetica Neue":258,"Montserrat":259,"Diatype":260,"Neue Montreal":261,"Lato":262,"Graphik":263,"Source Sans":264,"Monument Grotesk":265,"Noto Sans":266,"Helvetica":267,"Söhne":268,"DM Sans":269,"Founders Grotesk":270,"GT America":271,"Google Sans":272,"Editorial":273,"IBM Plex Mono":274},"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":276,"facetLabels":292},{"industry":277,"styles":278,"technologies":279,"font_families":280,"page_type_name":281},{"Agency & Studio":115,"Art & Culture":116,"SaaS & Software":117,"Fashion & Apparel":118,"Architecture & Real Estate":119,"Entertainment & Media":120,"Food & Beverage":121,"Photography & Video":122,"Finance & Fintech":123,"Healthcare & Wellness":124,"Technology & Hardware":125,"Industrial & Manufacturing":126,"Beauty & Cosmetics":127,"Travel & Hospitality":128,"Non-Profit & Charity":129,"Education & Courses":130,"Crypto & Web3":131,"Sports & Fitness":132,"Automotive & Transportation":133},{"Clean \u002F Minimalist":135,"Typographic \u002F Big Type":136,"High-End \u002F Luxury":137,"Dark Mode":138,"Vibrant \u002F Colorful":139,"Monochrome \u002F Grayscale":140,"Fun \u002F Playful":141,"Brutalist \u002F Neo-Brutalist":142,"Corporate \u002F Professional":143,"Illustrative \u002F Hand-drawn":144,"Futuristic \u002F Sci-Fi":145,"3D \u002F Spatial":146,"Retro \u002F Vintage \u002F Y2K":147,"Glassmorphism":148,"Bento Grid":148},{"jQuery":150,"PHP":151,"WordPress":152,"Node.js":153,"React":154,"Vercel":155,"Vue.js":156,"Shopify":157,"Next.js":158,"Klaviyo":159,"Nuxt.js":160,"Typekit":161,"Amazon Web Services":162,"reCAPTCHA":163,"YouTube":164,"MailChimp":165,"Modernizr":166,"Bootstrap":167,"Slick":168,"Google Font API":169,"Craft CMS":170,"Framer Sites":171,"Contact Form 7":172,"Stimulus":173,"Google Maps":174},{"Inter":176,"Times New Roman":177,"Roboto":178,"Open Sans":179,"Neue Haas Grotesk":179,"Suisse Intl":180,"Arial":145,"Poppins":170,"Helvetica Neue":172,"Montserrat":181,"Diatype":146,"Neue Montreal":125,"Lato":126,"Graphik":182,"Source Sans":183,"Monument Grotesk":184,"Noto Sans":185,"Helvetica":186,"Söhne":187,"DM Sans":187,"Founders Grotesk":187,"GT America":188,"Google Sans":188,"Editorial":147,"IBM Plex Mono":130},{"Home \u002F Landing Page":282,"About Us \u002F Team":283,"Projects \u002F Portfolio":284,"Contact Us":285,"Blog \u002F Article Layout":286,"Services \u002F Features":287,"Shop \u002F Catalog":288,"Careers \u002F Jobs":289,"Pricing Page":124,"Sign Up \u002F Login":290,"404 Error Page":291},2401,774,527,418,378,341,299,89,27,9,{"industry":293,"styles":294,"page_type_name":295,"technologies":306,"font_families":307},{"Agency & Studio":193,"Art & Culture":194,"SaaS & Software":22,"Fashion & Apparel":195,"Architecture & Real Estate":196,"Entertainment & Media":197,"Food & Beverage":198,"Photography & Video":199,"Finance & Fintech":200,"Healthcare & Wellness":201,"Technology & Hardware":202,"Industrial & Manufacturing":203,"Beauty & Cosmetics":204,"Travel & Hospitality":205,"Non-Profit & Charity":206,"Education & Courses":207,"Crypto & Web3":208,"Sports & Fitness":209,"Automotive & Transportation":210},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":35,"High-End \u002F Luxury":212,"Dark Mode":213,"Vibrant \u002F Colorful":214,"Monochrome \u002F Grayscale":31,"Fun \u002F Playful":215,"Brutalist \u002F Neo-Brutalist":216,"Corporate \u002F Professional":217,"Illustrative \u002F Hand-drawn":218,"Futuristic \u002F Sci-Fi":219,"3D \u002F Spatial":220,"Retro \u002F Vintage \u002F Y2K":221,"Glassmorphism":222,"Bento Grid":223},{"Home \u002F Landing Page":51,"About Us \u002F Team":296,"Projects \u002F Portfolio":297,"Contact Us":298,"Blog \u002F Article Layout":299,"Services \u002F Features":300,"Shop \u002F Catalog":301,"Careers \u002F Jobs":302,"Pricing Page":303,"Sign Up \u002F Login":304,"404 Error Page":305},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":226,"PHP":227,"WordPress":228,"Node.js":229,"React":230,"Vercel":69,"Vue.js":231,"Shopify":232,"Next.js":233,"Klaviyo":234,"Nuxt.js":235,"Typekit":236,"Amazon Web Services":237,"reCAPTCHA":238,"YouTube":239,"MailChimp":240,"Modernizr":241,"Bootstrap":242,"Slick":243,"Google Font API":244,"Craft CMS":245,"Framer Sites":246,"Contact Form 7":247,"Stimulus":248,"Google Maps":249},{"Inter":55,"Times New Roman":251,"Roboto":252,"Open Sans":253,"Neue Haas Grotesk":254,"Suisse Intl":255,"Arial":256,"Poppins":257,"Helvetica Neue":258,"Montserrat":259,"Diatype":260,"Neue Montreal":261,"Lato":262,"Graphik":263,"Source Sans":264,"Monument Grotesk":265,"Noto Sans":266,"Helvetica":267,"Söhne":268,"DM Sans":269,"Founders Grotesk":270,"GT America":271,"Google Sans":272,"Editorial":273,"IBM Plex Mono":274},{"hits":309},[310,452,497,636],{"id":311,"website_id":312,"page_id":311,"name":313,"slug":314,"url":315,"website_name":313,"website_slug":314,"website_url":316,"result_url":315,"fetched_at":317,"score":318,"score_boost":319,"ai_score":318,"freshness_score":320,"scored_at":321,"page_name":43,"page_url":315,"page_title":322,"page_description":323,"page_content":324,"page_sort":319,"is_home":325,"is_home_rank":326,"page_type_id":327,"page_type_name":50,"cover":328,"cover_mobile":331,"cover_sequence":333,"translations":424,"industry":21,"styles":428,"credits":429,"font_families":430,"technologies":432,"pagespeed":433,"pagespeed_mobile":444,"buckets":450,"search_payload":451},"09c97ae0-c649-4afd-ba02-8e15c29f9669","da00475c-b977-4813-8f2b-3fa631268adc","David Petro","david-petro","https:\u002F\u002Fpetro.design\u002F","https:\u002F\u002Fpetro.design","2026-05-24T22:18:24.000Z",84,0,1779661104,"2026-05-24T22:19:42.000Z","David Petro - Portfolio","I’m David Petro, a senior product designer. I turn business goals and complex ideas into simple products and experiences that speak clearly and feel right.","Petro.design [ Index ](.\u002F#index) [ Projects ](.\u002F#projects) [ About me ](.\u002F#about-me) [ Contact ](.\u002F#contact) Amsterdam, NL Selected Work 2016–2026 Stori bank A fast-growing Mexican fintech with 3.7M+ cardholders. I owned the design system from the ground up: structure, components, and guidelines, unifying how 15+ product designers across Stori's team build and ship. Built with a 5-person design team at Replica. [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) Anyone An all-in-one real estate platform operating across a market of 31M+ homes and 4.6M+ agents globally. I designed two core products: a CRM for agents to manage transactions digitally, and a buyer\u002Fseller platform for independent or agent-assisted journeys. I built the design system and interaction patterns that unify both sides into one cohesive ecosystem. Stack browser Kursi Kursi brings Georgia's best street-kiosk exchange rates online. I redesigned web and mobile apps, cutting the exchange flow from 7 steps to 3. The familiar kiosk visuals I introduced became a trust signal for users. After the redesign, daily transactions went from 100 to 5K+ and signed-up users grew from 7K to 150K+. FineArts museum Redesign of the Georgian Museum of Fine Arts website, 3,500 artworks by 100 artists. The goal was clarity and restraint: an interface where the art leads and everything else supports. Space bank Georgia's first fully digital bank, born as a 12-person experiment inside TBC. I designed the foundation: onboarding, core banking flows, and the component system behind it all. What started small reached 70% digital banking adoption in Georgia, scaled to 200+ people, and expanded to Uzbekistan with 5.7M+ monthly active users. [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) Piëch Piëch is a high-performance electric sports car. I collaborated with Zelebrand on motion design for the launch reveal, translating the car's precision engineering into visual teasers that built anticipation before the unveil. Dinamo Tbilisi An immersive website for Georgia's top water polo club. I designed the experience as a virtual arena. Instead of pages, you walk through rooms with interactive scenes and real crowd audio. The homepage feels like stepping into Dinamo's world. Rebank Rebank is a digital bank built around everyday spending and shopping rewards. I designed the visual language, UI system, and component library, creating a foundation flexible enough for partner integrations and rapid feature development. Oneragtime Private investors use OneRagtime to back early-stage startups through funds and club deals. My scope covered the entire investor journey, from discovering deals and running due diligence to committing capital and tracking portfolio performance. Complex financial logic, simple interface. Cardeal A marketplace for buying and importing vehicles. I rebuilt the platform foundation and created dealer tools for managing clients and workflows. What followed the redesign: 500 Global acceleration, GITA Innovation Grant, 1.6M raised, 600% sales growth, and 2M+ monthly turnover. About me I'm David Petro, a senior product designer. I believe the difference between something that works and something that feels right lives in the smallest decisions. That's where I spend most of my time. As a kid, I couldn't leave things alone. I'd open up radios, unscrew toys, take apart anything I could to see how it worked. That curiosity never went away, it just found a better direction. I started in front\\-end development because I wanted to understand how digital products were built. Then I moved closer to the problems themselves: why people struggle, what makes something click, how small decisions shape entire experiences. 9+ years in, I've designed products used by millions. Digital banks, real estate platforms, productivity tools. I'm most useful when the problem is messy, the stakes are real, and the work needs someone who cares about both the big picture and the details that make it feel right. Working with me Full time jobs 2023 Jun — Present Senior product designer at Anyone 2022 Mar — 2023 May Senior product designer at Stack browser 2020 Sep — 2022 Feb UI \u002FUX designer at OneRagtime 2018 Feb — 2020 Sep Senior product designer at Space Bank 2017 Feb — 2018 Sep UI\u002FUX designer at Redberry 2016 Jun — 2017 Feb Junior UI\u002FUX designer at Leavinsgtone Services Product design Design systems Interaction design Motion design Creative AI No-code (Framer) Tools Design & Prototyping Figma, Framer, Protopie Motion and interaction After Effects, Rive, Lottie, Premiere AI Claude, Midjourney, Cursor Graphics Photoshop, Illustrator, Blender Testimonials Ricardo Mendieta Co-Founder\u002FCTO “He’s more than skilled, it’s humbling to see someone so young work this hard and stay so creative.” Cannes Lions Irene Pereyra UX Director “A true self-starter, determined and relentless. You dig to the root of problems and don’t let go until the goal is reached.” Ane Erkomaishvili Design director “David is a knowledgeable designer, especially strong at crafting usable, efficient interaction design.” Anton Repponen Creative Director “I like that David …",true,1,"1",{"id":329,"height":13,"width":12,"blurhash":330},"f0d1bb2b-20fa-488c-8a4c-581ccaa1b47b","radial-gradient(at 0 0,#000000,#00000000 50%),radial-gradient(at 33% 0,#000000,#00000000 50%),radial-gradient(at 67% 0,#000000,#00000000 50%),radial-gradient(at 100% 0,#000000,#00000000 50%),radial-gradient(at 0 50%,#595a56,#00000000 50%),radial-gradient(at 33% 50%,#636464,#00000000 50%),radial-gradient(at 67% 50%,#6c6d70,#00000000 50%),radial-gradient(at 100% 50%,#636464,#00000000 50%),radial-gradient(at 0 100%,#000000,#00000000 50%),radial-gradient(at 33% 100%,#000000,#00000000 50%),radial-gradient(at 67% 100%,#000000,#00000000 50%),radial-gradient(at 100% 100%,#000000,#00000000 50%)",{"id":332,"height":15,"width":14,"blurhash":57},"62f21c55-fc74-430b-bb38-2f4e28cb7a44",[334,337,340,343,346,349,352,355,358,361,364,367,370,373,376,379,382,385,388,391,394,397,400,403,406,409,412,415,418,421],{"directus_files_id":335},{"id":336},"4eab65f2-dcef-4373-88a9-88d4e051919a",{"directus_files_id":338},{"id":339},"cbdde067-28cd-476b-9c1a-9689594b5df2",{"directus_files_id":341},{"id":342},"84197398-b3df-46ce-95ad-61671e4c89cd",{"directus_files_id":344},{"id":345},"ca4ff5f0-d30a-4dd3-946f-24d5c207e20d",{"directus_files_id":347},{"id":348},"a1ff1b36-24b2-42e0-8755-4d427ddc6875",{"directus_files_id":350},{"id":351},"765b5c5c-f78f-4158-aefc-2ac88838a855",{"directus_files_id":353},{"id":354},"6248c6e7-40ed-4652-b982-eac835d8ac0a",{"directus_files_id":356},{"id":357},"9174d57f-bd6b-4836-8cda-6410ef947107",{"directus_files_id":359},{"id":360},"ac9432b8-29c0-454e-9059-5893534e2fc6",{"directus_files_id":362},{"id":363},"56bfd650-bf3c-494b-91b1-4a7442984e23",{"directus_files_id":365},{"id":366},"9a8b33ad-3e7f-40fc-9bc4-bfa7baa2570e",{"directus_files_id":368},{"id":369},"018d993f-e186-471e-834a-647551122fdf",{"directus_files_id":371},{"id":372},"51c217dd-8e10-4e1d-8fc9-d7024a37fc5f",{"directus_files_id":374},{"id":375},"0b11e559-9144-4a8d-9747-21fc3e737d68",{"directus_files_id":377},{"id":378},"21743092-4543-4bf8-9427-bab72a8e9c7f",{"directus_files_id":380},{"id":381},"a3d05f20-6627-4742-83fb-89519ba0f5c2",{"directus_files_id":383},{"id":384},"33bda880-bbec-4a14-b295-7ca8ec159cb0",{"directus_files_id":386},{"id":387},"b4ec2490-5762-45cf-b8c0-9b543f82b91a",{"directus_files_id":389},{"id":390},"0b8dbfbf-30c3-4085-850e-5f95f9125152",{"directus_files_id":392},{"id":393},"eb528de7-485e-4899-a34f-dc4f3bce7771",{"directus_files_id":395},{"id":396},"b6872d0c-4da2-4d74-9252-de6dd6fd054f",{"directus_files_id":398},{"id":399},"93fc9a22-ea9a-4e6f-8d6b-643daf0f17d9",{"directus_files_id":401},{"id":402},"dd18a1f5-11fd-4e6c-934c-663fdadf8af2",{"directus_files_id":404},{"id":405},"3af57fbe-820b-4ead-8909-3755579c0460",{"directus_files_id":407},{"id":408},"07fda908-8b87-44ab-b041-63249e5d4bd9",{"directus_files_id":410},{"id":411},"cc21efd6-047e-4eae-bd77-fb377856c815",{"directus_files_id":413},{"id":414},"c2ce67de-8087-4c0f-9a9e-7b8e0c6c5fb1",{"directus_files_id":416},{"id":417},"7aaf0bfa-d5e2-4b91-80ee-a8b89924d3fe",{"directus_files_id":419},{"id":420},"c3179ba9-9fc1-4b4d-b9d2-654e1e6ec364",{"directus_files_id":422},{"id":423},"fd2310c3-8b15-4465-bd77-907dc019b4e4",[425],{"languages_code":426,"description":427},"en","David Petro's portfolio is a masterclass in high-impact, personality-driven product design. The site serves as a digital showcase for a senior product designer, emphasizing his ability to bridge the gap between complex business logic and seamless user experiences. Through a sophisticated mix of bold typography and surrealist graphic elements, the site communicates a designer who is not just a technician, but a creative thinker capable of crafting memorable brand identities.\n\nThe visual identity is unapologetically striking, utilizing a dark mode aesthetic paired with high-contrast monochrome illustrations. The use of large, serif typography creates a sense of editorial authority, while the radiating line patterns and floating, abstract eye and heart motifs lend a dreamlike, avant-garde quality to the interface. It is a highly curated experience designed to attract tech-forward companies and high-end clients looking for design leadership that balances utility with profound aesthetic character.",[26,213,34],[],[55,55,431],"Apfel Grotezk",[246,230],[434,437,439,442],{"score":435,"category":436},75,"performance",{"score":144,"category":438},"accessibility",{"score":440,"category":441},100,"best-practices",{"score":440,"category":443},"seo",[445,447,448,449],{"score":446,"category":436},51,{"score":289,"category":438},{"score":440,"category":441},{"score":440,"category":443},[86,82,90],"Website: David Petro. Page: Homepage. Page type: Home \u002F Landing Page. Page title: David Petro - Portfolio. Page description: I’m David Petro, a senior product designer. I turn business goals and complex ideas into simple products and experiences that speak clearly and feel right.. Page content: Petro.design [ Index ](.\u002F#index) [ Projects ](.\u002F#projects) [ About me ](.\u002F#about-me) [ Contact ](.\u002F#contact) Amsterdam, NL Selected Work 2016–2026 Stori bank A fast-growing Mexican fintech with 3.7M+ cardholders. I owned the design system from the ground up: structure, components, and guidelines, unifying how 15+ product designers across Stori's team build and ship. Built with a 5-person design team at Replica. [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) [ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank)[ ](.\u002Fstori-bank) Anyone An all-in-one real estate platform operating across a market of 31M+ homes and 4.6M+ agents globally. I designed two core products: a CRM for agents to manage transactions digitally, and a buyer\u002Fseller platform for independent or agent-assisted journeys. I built the design system and interaction patterns that unify both sides into one cohesive ecosystem. Stack browser Kursi Kursi brings Georgia's best street-kiosk exchange rates online. I redesigned web and mobile apps, cutting the exchange flow from 7 steps to 3. The familiar kiosk visuals I introduced became a trust signal for users. After the redesign, daily transactions went from 100 to 5K+ and signed-up users grew from 7K to 150K+. FineArts museum Redesign of the Georgian Museum of Fine Arts website, 3,500 artworks by 100 artists. The goal was clarity and restraint: an interface where the art leads and everything else supports. Space bank Georgia's first fully digital bank, born as a 12-person experiment inside TBC. I designed the foundation: onboarding, core banking flows, and the component system behind it all. What started small reached 70% digital banking adoption in Georgia, scaled to 200+ people, and expanded to Uzbekistan with 5.7M+ monthly active users. [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) [ ](.\u002Fspace-bank) Piëch Piëch is a high-performance electric sports car. I collaborated with Zelebrand on motion design for the launch reveal, translating the car's precision engineering into visual teasers that built anticipation before the unveil. Dinamo Tbilisi An immersive website for Georgia's top water polo club. I designed the experience as a virtual arena. Instead of pages, you walk through rooms with interactive scenes and real crowd audio. The homepage feels like stepping into Dinamo's world. Rebank Rebank is a digital bank built around everyday spending and shopping rewards. I designed the visual language, UI system, and component library, creating a foundation flexible enough for partner integrations and rapid feature development. Oneragtime Private investors use OneRagtime to back early-stage startups through funds and club deals. My scope covered the entire investor journey, from discovering deals and running due diligence to committing capital and tracking portfolio performance. Complex financial logic, simple interface. Cardeal A marketplace for buying and importing vehicles. I rebuilt the platform foundation and created dealer tools for managing clients and workflows. What followed the redesign: 500 Global acceleration, GITA Innovation Grant, 1.6M raised, 600% sales growth, and 2M+ monthly turnover. About me I'm David Petro, a senior product designer. I believe the difference between something that works and something that feels right lives in the smallest decisions. That's where I spend most of my time. As a kid, I couldn't leave things alone. I'd open up radios, unscrew toys, take apart anything I could to see how it worked. That curiosity never went away, it just found a better direction. I started in front\\-end development because I wanted to understand how digital products were built. Then I moved closer to the problems themselves: why people struggle, what makes something click, how small decisions shape entire experiences. 9+ years in, I've designed products used by millions. Digital banks, real estate platforms, productivity tools. I'm most useful when the problem is messy, the stakes are real, and the work needs someone who cares about both the big picture and the details that make it feel right. Working with me Full time jobs 2023 Jun — Present Senior product designer at Anyone 2022 Mar — 2023 May Senior product designer at Stack browser 2020 Sep — 2022 Feb UI \u002FUX designer at OneRagtime 2018 Feb — 2020 Sep Senior product designer at Space Bank 2017 Feb — 2018 Sep UI\u002FUX designer at Redberry 2016 Jun — 2017 Feb Junior UI\u002FUX designer at Leavinsgtone Services Product design Design systems Interaction design Motion design Creative AI No-code (Framer) Tools Design & Prototyping Figma, Framer, Protopie Motion and interaction After Effects, Rive, Lottie, Premiere AI Claude, Midjourney, Cursor Graphics Photoshop, Illustrator, Blender Testimonials Ricardo Mendieta Co-Founder\u002FCTO “He’s more than skilled, it’s humbling to see someone so young work this hard and stay so creative.” Cannes Lions Irene Pereyra UX Director “A true self-starter, determined and relentless. You dig to the root of problems and don’t let go until the goal is reached.” Ane Erkomaishvili Design director “David is a knowledgeable designer, especially strong at crafting usable, efficient interaction design.” Anton Repponen Creative Director “I like that David …. 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), Inter (Sans Serif), Apfel Grotezk (Sans Serif, Collletttivo). Built using Framer Sites, React. AI description: David Petro's portfolio is a masterclass in high-impact, personality-driven product design. The site serves as a digital showcase for a senior product designer, emphasizing his ability to bridge the gap between complex business logic and seamless user experiences. Through a sophisticated mix of bold typography and surrealist graphic elements, the site communicates a designer who is not just a technician, but a creative thinker capable of crafting memorable brand identities. The visual identity is unapologetically striking, utilizing a dark mode aesthetic paired with high-contrast monochrome illustrations. The use of large, serif typography creates a sense of editorial authority, while the radiating line patterns and floating, abstract eye and heart motifs lend a dreamlike, avant-garde quality to the interface. It is a highly curated experience designed to attract tech-forward companies and high-end clients looking for design leadership that balances utility with profound aesthetic character.",{"id":453,"website_id":454,"page_id":453,"name":455,"slug":456,"url":457,"website_name":455,"website_slug":456,"website_url":458,"result_url":457,"fetched_at":459,"score":166,"score_boost":319,"ai_score":179,"freshness_score":460,"scored_at":461,"page_name":43,"page_url":457,"page_title":455,"page_description":462,"page_content":463,"page_sort":319,"is_home":325,"is_home_rank":326,"page_type_id":327,"page_type_name":50,"cover":464,"cover_mobile":467,"cover_sequence":469,"translations":476,"industry":21,"styles":479,"credits":481,"font_families":482,"technologies":483,"pagespeed":485,"pagespeed_mobile":490,"buckets":495,"search_payload":496},"856f3f58-e1ea-4168-a172-4503e93d26f0","dd6dc954-c27c-4382-a474-24a26152216e","Gadzhi Kharkharov","kkga","https:\u002F\u002Fkkga.me\u002F","https:\u002F\u002Fkkga.me","2026-05-05T16:56:56.000Z",1778000216,"2026-05-24T20:59:03.000Z","Software Designer","Work - [ Retool Retool (Design engineer 2021–2026) Led design of Retool Workflows — automation platform for eng teams. Currently working on Retool AI Agents. ](\u002Fwork\u002Fretool) - [ Webflow Webflow (Product designer 2014–2021) A no-code platform for building websites. Early designer on the team, worked on numerous key parts of the product. ](\u002Fwork\u002Fwebflow) - [ Stampsy Stampsy (Designer\u002Fengineer 2012–2014) A tiny social app for creating and sharing visual stories. Led design and contributed to engineering. ](\u002Fwork\u002Fstampsy) * Projects - [ Shim Shim (2025) Styled React components. ](\u002Fprojects\u002Fshim) - [ Ter Ter (2022) Tiny wiki-style site builder. ](\u002Fprojects\u002Fter) - [ tdx tdx (2021) CLI todo manager for iCalendar. ](\u002Fprojects\u002Ftdx) - [ kks kks (2021) Handy Kakoune companion. ](\u002Fprojects\u002Fkks) - [ Kakoune plugins Kakoune plugins (2021) Small editor plugins. ](\u002Fprojects\u002Fkakoune) - [ Jotdown Jotdown (2021) Tiny web app for jotting things down. ](\u002Fprojects\u002Fjotdown) - [ Envy Envy (2021) Light color scheme for Vim. ](\u002Fprojects\u002Fenvy) - [ togo togo (2020) CLI for todo.txt. ](\u002Fprojects\u002Ftogo) - [ nibar nibar (2020) Custom status bar for macOS. ](\u002Fprojects\u002Fnibar) - [ Spacegray Spacegray (2013) UI theme for Sublime Text editor. ](\u002Fprojects\u002Fspacegray)",{"id":465,"height":13,"width":12,"blurhash":466},"b0c9257f-8338-4d7e-8d60-1976c900cb60","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#fbfbfc,#00000000 50%),radial-gradient(at 67% 0,#e7e0e4,#00000000 50%),radial-gradient(at 100% 0,#ece7ed,#00000000 50%),radial-gradient(at 0 50%,#f0f4f3,#00000000 50%),radial-gradient(at 33% 50%,#e9eded,#00000000 50%),radial-gradient(at 67% 50%,#aaafb2,#00000000 50%),radial-gradient(at 100% 50%,#a8abb3,#00000000 50%),radial-gradient(at 0 100%,#f4f6f1,#00000000 50%),radial-gradient(at 33% 100%,#e3e5e2,#00000000 50%),radial-gradient(at 67% 100%,#c8c7c6,#00000000 50%),radial-gradient(at 100% 100%,#d1c8cb,#00000000 50%)",{"id":468,"height":15,"width":14,"blurhash":57},"14b94cdd-f632-45a7-8d8e-beabd9df6c40",[470,473],{"directus_files_id":471},{"id":472},"481347d8-c4d6-4b3e-8384-70c245a976bb",{"directus_files_id":474},{"id":475},"78982232-3565-4cb9-ba90-3f1527a62c9e",[477],{"languages_code":426,"description":478},"Kkga serves as a minimalist digital garden and professional portfolio for Gadzhi Kharkharov, a software designer. The site functions as a central hub for showcasing high-level product design work—ranging from Retool to Webflow—while simultaneously hosting a collection of personal intellectual pursuits through notes, reading logs, and development diaries.\n\nThe visual identity is defined by a sophisticated, high-contrast typographic approach that leans into a brutalist-lite aesthetic. By utilizing ample whitespace, a strict monochromatic palette, and a structured grid, the design communicates technical precision and intellectual clarity. It targets a highly technical audience of designers, engineers, and builders who value substance, efficiency, and a no-nonsense digital experience.",[480,26,30,34],"Brutalist \u002F Neo-Brutalist",[],[],[484,69],"Astro",[486,487,488,489],{"score":440,"category":436},{"score":165,"category":438},{"score":440,"category":441},{"score":440,"category":443},[491,492,493,494],{"score":440,"category":436},{"score":165,"category":438},{"score":440,"category":441},{"score":440,"category":443},[82,86,90],"Website: Gadzhi Kharkharov. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Gadzhi Kharkharov. Page description: Software Designer. Page content: Work - [ Retool Retool (Design engineer 2021–2026) Led design of Retool Workflows — automation platform for eng teams. Currently working on Retool AI Agents. ](\u002Fwork\u002Fretool) - [ Webflow Webflow (Product designer 2014–2021) A no-code platform for building websites. Early designer on the team, worked on numerous key parts of the product. ](\u002Fwork\u002Fwebflow) - [ Stampsy Stampsy (Designer\u002Fengineer 2012–2014) A tiny social app for creating and sharing visual stories. Led design and contributed to engineering. ](\u002Fwork\u002Fstampsy) * Projects - [ Shim Shim (2025) Styled React components. ](\u002Fprojects\u002Fshim) - [ Ter Ter (2022) Tiny wiki-style site builder. ](\u002Fprojects\u002Fter) - [ tdx tdx (2021) CLI todo manager for iCalendar. ](\u002Fprojects\u002Ftdx) - [ kks kks (2021) Handy Kakoune companion. ](\u002Fprojects\u002Fkks) - [ Kakoune plugins Kakoune plugins (2021) Small editor plugins. ](\u002Fprojects\u002Fkakoune) - [ Jotdown Jotdown (2021) Tiny web app for jotting things down. ](\u002Fprojects\u002Fjotdown) - [ Envy Envy (2021) Light color scheme for Vim. ](\u002Fprojects\u002Fenvy) - [ togo togo (2020) CLI for todo.txt. ](\u002Fprojects\u002Ftogo) - [ nibar nibar (2020) Custom status bar for macOS. ](\u002Fprojects\u002Fnibar) - [ Spacegray Spacegray (2013) UI theme for Sublime Text editor. ](\u002Fprojects\u002Fspacegray). A Brutalist \u002F Neo-Brutalist, Clean \u002F Minimalist, Monochrome \u002F Grayscale, Typographic \u002F Big Type website in the SaaS & Software industry. The overall color palette features White, Black, Gray. Built using Astro, Vercel. AI description: Kkga serves as a minimalist digital garden and professional portfolio for Gadzhi Kharkharov, a software designer. The site functions as a central hub for showcasing high-level product design work—ranging from Retool to Webflow—while simultaneously hosting a collection of personal intellectual pursuits through notes, reading logs, and development diaries. The visual identity is defined by a sophisticated, high-contrast typographic approach that leans into a brutalist-lite aesthetic. By utilizing ample whitespace, a strict monochromatic palette, and a structured grid, the design communicates technical precision and intellectual clarity. It targets a highly technical audience of designers, engineers, and builders who value substance, efficiency, and a no-nonsense digital experience.",{"id":498,"website_id":499,"page_id":498,"name":500,"slug":501,"url":502,"website_name":500,"website_slug":501,"website_url":503,"result_url":502,"fetched_at":504,"score":318,"score_boost":319,"ai_score":505,"freshness_score":506,"scored_at":507,"page_name":43,"page_url":502,"page_title":508,"page_description":509,"page_content":510,"page_sort":319,"is_home":325,"is_home_rank":326,"page_type_id":327,"page_type_name":50,"cover":511,"cover_mobile":514,"cover_sequence":516,"translations":607,"industry":21,"styles":610,"credits":613,"font_families":614,"technologies":619,"pagespeed":620,"pagespeed_mobile":627,"buckets":633,"search_payload":635},"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",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",{"id":512,"height":13,"width":12,"blurhash":513},"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":515,"height":15,"width":14,"blurhash":57},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[517,520,523,526,529,532,535,538,541,544,547,550,553,556,559,562,565,568,571,574,577,580,583,586,589,592,595,598,601,604],{"directus_files_id":518},{"id":519},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":521},{"id":522},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":524},{"id":525},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":527},{"id":528},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":530},{"id":531},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":533},{"id":534},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":536},{"id":537},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":539},{"id":540},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":542},{"id":543},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":545},{"id":546},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":548},{"id":549},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":551},{"id":552},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":554},{"id":555},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":557},{"id":558},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":560},{"id":561},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":563},{"id":564},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":566},{"id":567},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":569},{"id":570},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":572},{"id":573},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":575},{"id":576},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":578},{"id":579},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":581},{"id":582},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":584},{"id":585},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":587},{"id":588},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":590},{"id":591},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":593},{"id":594},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":596},{"id":597},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":599},{"id":600},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":602},{"id":603},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":605},{"id":606},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[608],{"languages_code":426,"description":609},"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.",[611,26,612],"3D \u002F Spatial","Fun \u002F Playful",[],[615,616,617,255,618],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[236,69],[621,623,624,626],{"score":622,"category":436},94,{"score":435,"category":438},{"score":625,"category":441},96,{"score":440,"category":443},[628,629,631,632],{"score":168,"category":436},{"score":630,"category":438},72,{"score":625,"category":441},{"score":440,"category":443},[82,634,90,86],"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":637,"website_id":638,"page_id":637,"name":639,"slug":640,"url":641,"website_name":639,"website_slug":640,"website_url":642,"result_url":641,"fetched_at":643,"score":167,"score_boost":319,"ai_score":144,"freshness_score":506,"scored_at":644,"page_name":43,"page_url":641,"page_title":645,"page_description":646,"page_content":647,"page_sort":319,"is_home":325,"is_home_rank":326,"page_type_id":327,"page_type_name":50,"cover":648,"cover_mobile":651,"cover_sequence":653,"translations":657,"industry":660,"styles":661,"credits":662,"font_families":663,"technologies":665,"pagespeed":666,"pagespeed_mobile":672,"buckets":678,"search_payload":680},"44d6a045-baad-4508-89c0-1d28e9c76d17","f2891b99-db9b-431b-80b7-926ec70c91f8","Rachel Chen","rachel-chen","https:\u002F\u002Frachelchen.tech\u002F","https:\u002F\u002Frachelchen.tech","2026-05-04T09:40:49.000Z","2026-05-23T19:26:18.000Z","Rachel Chen | Product Designer + Engineer","I'm Rachel, a product builder who loves bringing ideas to life with design + code.","I'm Rachel, a product designer who engineers. 2026 Independent Practice Design Engineer 2025 Bloomberg Software Engineering Intern 2025 1Password Product Design Intern 2024 Royal Bank of Canada Software Engineering Intern 2023 Onova Product Design + Engineering Intern [ The future of AI & hardware OpenAI x Hardware • Concept 2025 ](\u002Fprojects\u002Fopenai)[ Novel consumer AI experiences Amazon Alexa+ • Contract 2025 ](\u002Fprojects\u002Falexa)[ Mobile-first for Figma Figma • Concept 2025 ](\u002Fprojects\u002Ffigma)[ Preview image for Royal Bank of Canada Patent-pending AI Royal Bank of Canada • Handed off 2024 ](\u002Fprojects\u002Frbc) [ The world's first AI poker coach PokerGPT • Shipped 2023 ](\u002Fprojects\u002Fpokergpt)[ Bringing autofill to macOS 1Password • Shipped 2025 ](\u002Fprojects\u002F1password)[ Preview image for Hack Western 12 Making 0-1 building for everyone Hack Western 12 • Shipped 2025 ](https:\u002F\u002Fhackwestern.com)[ Innovation management for Fortune 500s Earth • Shipped 2023 ](\u002Fprojects\u002Fearth)",{"id":649,"height":13,"width":12,"blurhash":650},"6af13aff-ed80-4337-beab-c229b732e914","radial-gradient(at 0 0,#fdf2ef,#00000000 50%),radial-gradient(at 33% 0,#fcf0ed,#00000000 50%),radial-gradient(at 67% 0,#fcfafc,#00000000 50%),radial-gradient(at 100% 0,#fdffff,#00000000 50%),radial-gradient(at 0 50%,#f2f4f8,#00000000 50%),radial-gradient(at 33% 50%,#f0f1f1,#00000000 50%),radial-gradient(at 67% 50%,#f5fbfd,#00000000 50%),radial-gradient(at 100% 50%,#f8ffff,#00000000 50%),radial-gradient(at 0 100%,#e4ac9c,#00000000 50%),radial-gradient(at 33% 100%,#dfa99f,#00000000 50%),radial-gradient(at 67% 100%,#e3c9d3,#00000000 50%),radial-gradient(at 100% 100%,#e9e3ee,#00000000 50%)",{"id":652,"height":15,"width":14,"blurhash":57},"63bc2a85-5a4c-47dd-834e-305013404c3e",[654],{"directus_files_id":655},{"id":656},"1f927d63-c6a1-4587-a2cb-0bd9db93b671",[658],{"languages_code":426,"description":659},"Rachel Chen’s personal portfolio is a masterclass in sophisticated minimalism, designed to showcase the unique intersection of product design and engineering. The site serves as a high-impact digital resume, presenting a chronological professional history that highlights her experience at industry leaders like Bloomberg and Royal Bank of Canada. The layout is airy and spacious, utilizing a generous amount of white space to allow the bold, serif typography to command attention.\n\nThe visual identity is defined by a refined, editorial aesthetic that balances technical precision with artistic flair. Large-scale, expressive typography is paired with soft, ethereal gradient imagery, creating a sense of modern elegance. This design choice positions Rachel not just as a technical practitioner, but as a thoughtful designer capable of blending functional engineering with high-end visual storytelling, making it highly appealing to tech recruiters and design leads at top-tier firms.","Technology & Hardware",[26,34],[639],[256,616,617,664],"Tiempos",[69],[667,669,670,671],{"score":668,"category":436},98,{"score":622,"category":438},{"score":625,"category":441},{"score":440,"category":443},[673,675,676,677],{"score":674,"category":436},78,{"score":622,"category":438},{"score":625,"category":441},{"score":440,"category":443},[82,634,90,679],"pink","Website: Rachel Chen. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Rachel Chen | Product Designer + Engineer. Page description: I'm Rachel, a product builder who loves bringing ideas to life with design + code.. Page content: I'm Rachel, a product designer who engineers. 2026 Independent Practice Design Engineer 2025 Bloomberg Software Engineering Intern 2025 1Password Product Design Intern 2024 Royal Bank of Canada Software Engineering Intern 2023 Onova Product Design + Engineering Intern [ The future of AI & hardware OpenAI x Hardware • Concept 2025 ](\u002Fprojects\u002Fopenai)[ Novel consumer AI experiences Amazon Alexa+ • Contract 2025 ](\u002Fprojects\u002Falexa)[ Mobile-first for Figma Figma • Concept 2025 ](\u002Fprojects\u002Ffigma)[ Preview image for Royal Bank of Canada Patent-pending AI Royal Bank of Canada • Handed off 2024 ](\u002Fprojects\u002Frbc) [ The world's first AI poker coach PokerGPT • Shipped 2023 ](\u002Fprojects\u002Fpokergpt)[ Bringing autofill to macOS 1Password • Shipped 2025 ](\u002Fprojects\u002F1password)[ Preview image for Hack Western 12 Making 0-1 building for everyone Hack Western 12 • Shipped 2025 ](https:\u002F\u002Fhackwestern.com)[ Innovation management for Fortune 500s Earth • Shipped 2023 ](\u002Fprojects\u002Fearth). A Clean \u002F Minimalist, Typographic \u002F Big Type website in the Technology & Hardware industry. Designed by Rachel Chen. The overall color palette features White, Brown, Gray, Pink. The typography features Arial (Sans Serif), Geist (Sans Serif), Geist Mono, Tiempos (Serif, Klim Type). Built using Vercel. AI description: Rachel Chen’s personal portfolio is a masterclass in sophisticated minimalism, designed to showcase the unique intersection of product design and engineering. The site serves as a high-impact digital resume, presenting a chronological professional history that highlights her experience at industry leaders like Bloomberg and Royal Bank of Canada. The layout is airy and spacious, utilizing a generous amount of white space to allow the bold, serif typography to command attention. The visual identity is defined by a refined, editorial aesthetic that balances technical precision with artistic flair. Large-scale, expressive typography is paired with soft, ethereal gradient imagery, creating a sense of modern elegance. This design choice positions Rachel not just as a technical practitioner, but as a thoughtful designer capable of blending functional engineering with high-end visual storytelling, making it highly appealing to tech recruiters and design leads at top-tier firms."]