[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-mulhou":3,"facets-{\"includeAuthors\":\"false\"}":160,"facets-baseline-false":317,"similar-websites-mulhou":350},{"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":58,"pagespeedDesktop":104,"pagespeedMobile":117,"performanceDesktop":107,"performanceMobile":119,"colorBuckets":124,"colorPalette":141},"d74a866a-e13a-4295-851f-3742df5d5d18","Mulhouse","mulhou","https:\u002F\u002Fmulhou.se","2026-05-23T19:25:53.000Z","2026-05-05T18:16:27.000Z","83aa8efa-0c5b-4279-a42a-41ff23203cd8","37b6d3af-6c94-4e6a-8a0f-6594045949aa",1440,900,780,1688,"Mulhouse is a sophisticated digital news platform dedicated to the local pulse of Mulhouse and the broader Alsace region. It serves as a curated guide for residents and visitors alike, covering a diverse spectrum of topics including local business, cultural events, gastronomy, and regional politics. The platform positions itself as an essential editorial voice for those who shape and experience the city.\n\nThe visual identity is defined by a bold, avant-garde approach to editorial design. Utilizing massive, high-contrast typography and a striking red, white, and deep navy color palette, the site breaks away from traditional news layouts in favor of a more artistic, magazine-style aesthetic. The use of asymmetrical grids and large-scale imagery creates a dynamic, high-energy browsing experience that feels both modern and deeply rooted in local storytelling.",{"title":18,"meta_description":19},"Mulhouse | Actualités, Guide et Événements en Alsace","Découvrez l'actualité de Mulhouse et de l'Alsace : entreprises, sorties, restaurants et reportages exclusifs sur ceux qui font vivre la région.",{"name":21,"label":22,"slug":23},"Entertainment & Media","Entertainment","entertainment",[25,29,33],{"name":26,"label":27,"slug":28},"Brutalist \u002F Neo-Brutalist","Brutalist","brutalist",{"name":30,"label":31,"slug":32},"Typographic \u002F Big Type","Typographic","typographic",{"name":34,"label":35,"slug":36},"Vibrant \u002F Colorful","Vibrant","vibrant",[],[39],{"name":40,"title":41,"description":42,"url":43,"coverId":10,"coverMobileId":11,"alt":44,"altMobile":45,"pageType":46},"Homepage","Actualités | Mulhouse | Alsace | www.mulhou.se","Actualités à Mulhouse en Alsace : entreprises, événements et bonnes adresses. Mulhouse version web sur le site d'informations www.mulhou.se.","https:\u002F\u002Fmulhou.se\u002F","The desktop homepage features a minimalist design with a white background and a large hero section on the right showing a man in a grey shirt. The left side contains vertical red branding text 'www.mulhouse.se' and a navigation menu with links for Mulhouse, Alsace, Ailleurs, À propos, Contact, and Rechercher. Large, bold black typography displays the headline 'L’Atelier Lautier, un nouveau visage du paysage' over the hero image.","The mobile version uses a full-width hero image of a man as the background, with a red circular hamburger menu icon in the top right. The headline 'L’Atelier Lautier, un nouveau visage du paysage' is overlaid in white text on the image, and the red 'mulhouse' logo appears prominently in the white section below.",{"name":47,"label":48,"slug":49},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[51,55],{"name":52,"label":52,"slug":53,"foundryName":54},"Lato","lato",null,{"name":56,"label":56,"slug":57,"foundryName":54},"Roboto","roboto",{"Analytics":59,"CDN":63,"JavaScript libraries":70,"Databases":80,"Programming languages":84,"Uncategorized":88,"CMS":92,"Blogs":96,"SEO":98,"WordPress plugins":102},[60],{"name":61,"label":61,"slug":62},"Google Analytics","google-analytics",[64,67],{"name":65,"label":65,"slug":66},"Google Hosted Libraries","google-hosted-libraries",{"name":68,"label":68,"slug":69},"jsDelivr","jsdelivr",[71,74,77],{"name":72,"label":72,"slug":73},"jQuery","jquery",{"name":75,"label":75,"slug":76},"jQuery Migrate","jquery-migrate",{"name":78,"label":78,"slug":79},"Slick","slick",[81],{"name":82,"label":82,"slug":83},"MySQL","mysql",[85],{"name":86,"label":86,"slug":87},"PHP","php",[89],{"name":90,"label":90,"slug":91},"waitForImages","waitforimages",[93],{"name":94,"label":94,"slug":95},"WordPress","wordpress",[97],{"name":94,"label":94,"slug":95},[99],{"name":100,"label":100,"slug":101},"Yoast SEO","yoast-seo",[103],{"name":100,"label":100,"slug":101},[105,108,111,114],{"category":106,"score":107},"performance",86,{"category":109,"score":110},"accessibility",85,{"category":112,"score":113},"best-practices",92,{"category":115,"score":116},"seo",100,[118,120,122,123],{"category":106,"score":119},63,{"category":109,"score":121},81,{"category":112,"score":113},{"category":115,"score":116},[125,129,133,137],{"value":126,"label":127,"hex":128},"white","White","#ffffff",{"value":130,"label":131,"hex":132},"black","Black","#000000",{"value":134,"label":135,"hex":136},"gray","Gray","#737373",{"value":138,"label":139,"hex":140},"brown","Brown","#7b3306",[142,145,148,151,154,157],{"hex":143,"percent":144},"#FFFFFF",0.588,{"hex":146,"percent":147},"#271E44",0.1285,{"hex":149,"percent":150},"#585073",0.1139,{"hex":152,"percent":153},"#443755",0.105,{"hex":155,"percent":156},"#746C8E",0.0379,{"hex":158,"percent":159},"#78364E",0.0266,{"facetDistribution":161,"facetLabels":237},{"industry":162,"styles":182,"technologies":197,"font_families":221,"page_type_name":235},{"Agency & Studio":163,"Art & Culture":164,"SaaS & Software":165,"Fashion & Apparel":166,"Architecture & Real Estate":167,"Entertainment & Media":168,"Food & Beverage":169,"Photography & Video":170,"Finance & Fintech":171,"Healthcare & Wellness":172,"Technology & Hardware":173,"Industrial & Manufacturing":174,"Beauty & Cosmetics":175,"Travel & Hospitality":176,"Non-Profit & Charity":177,"Education & Courses":178,"Crypto & Web3":179,"Sports & Fitness":180,"Automotive & Transportation":181},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":183,"Typographic \u002F Big Type":184,"High-End \u002F Luxury":185,"Dark Mode":186,"Vibrant \u002F Colorful":187,"Monochrome \u002F Grayscale":188,"Fun \u002F Playful":189,"Brutalist \u002F Neo-Brutalist":190,"Corporate \u002F Professional":191,"Illustrative \u002F Hand-drawn":192,"Futuristic \u002F Sci-Fi":193,"3D \u002F Spatial":194,"Retro \u002F Vintage \u002F Y2K":195,"Glassmorphism":196,"Bento Grid":196},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":198,"PHP":199,"WordPress":200,"Node.js":201,"React":202,"Vercel":203,"Vue.js":204,"Shopify":205,"Next.js":206,"Klaviyo":207,"Nuxt.js":208,"Typekit":209,"Amazon Web Services":210,"reCAPTCHA":211,"YouTube":212,"MailChimp":113,"Modernizr":213,"Bootstrap":110,"Slick":214,"Google Font API":215,"Craft CMS":216,"Framer Sites":217,"Contact Form 7":218,"Stimulus":219,"Google Maps":220},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,91,82,79,66,65,64,59,58,{"Inter":222,"Times New Roman":223,"Roboto":224,"Open Sans":225,"Neue Haas Grotesk":225,"Suisse Intl":226,"Arial":193,"Poppins":216,"Helvetica Neue":218,"Montserrat":227,"Diatype":194,"Neue Montreal":173,"Lato":174,"Graphik":228,"Source Sans":229,"Monument Grotesk":230,"Noto Sans":231,"Helvetica":232,"Söhne":233,"DM Sans":233,"Founders Grotesk":233,"GT America":234,"Google Sans":234,"Editorial":195,"IBM Plex Mono":178},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":236},2397,{"industry":238,"styles":257,"page_type_name":270,"technologies":271,"font_families":293},{"Agency & Studio":239,"Art & Culture":240,"SaaS & Software":241,"Fashion & Apparel":242,"Architecture & Real Estate":243,"Entertainment & Media":22,"Food & Beverage":244,"Photography & Video":245,"Finance & Fintech":246,"Healthcare & Wellness":247,"Technology & Hardware":248,"Industrial & Manufacturing":249,"Beauty & Cosmetics":250,"Travel & Hospitality":251,"Non-Profit & Charity":252,"Education & Courses":253,"Crypto & Web3":254,"Sports & Fitness":255,"Automotive & Transportation":256},"Agencies","Art and Culture","Software","Fashion","Real Estate","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Education","Web3","Sports","Automotive",{"Clean \u002F Minimalist":258,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":259,"Dark Mode":260,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":261,"Fun \u002F Playful":262,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":263,"Illustrative \u002F Hand-drawn":264,"Futuristic \u002F Sci-Fi":265,"3D \u002F Spatial":266,"Retro \u002F Vintage \u002F Y2K":267,"Glassmorphism":268,"Bento Grid":269},"Minimalist","Luxury","Dark Mode","Monochrome","Playful","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":48},{"jQuery":72,"PHP":86,"WordPress":94,"Node.js":272,"React":273,"Vercel":274,"Vue.js":275,"Shopify":276,"Next.js":277,"Klaviyo":278,"Nuxt.js":279,"Typekit":280,"Amazon Web Services":281,"reCAPTCHA":282,"YouTube":283,"MailChimp":284,"Modernizr":285,"Bootstrap":286,"Slick":78,"Google Font API":287,"Craft CMS":288,"Framer Sites":289,"Contact Form 7":290,"Stimulus":291,"Google Maps":292},"Node.js","React","Vercel","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":294,"Times New Roman":295,"Roboto":56,"Open Sans":296,"Neue Haas Grotesk":297,"Suisse Intl":298,"Arial":299,"Poppins":300,"Helvetica Neue":301,"Montserrat":302,"Diatype":303,"Neue Montreal":304,"Lato":52,"Graphik":305,"Source Sans":306,"Monument Grotesk":307,"Noto Sans":308,"Helvetica":309,"Söhne":310,"DM Sans":311,"Founders Grotesk":312,"GT America":313,"Google Sans":314,"Editorial":315,"IBM Plex Mono":316},"Inter","Times New Roman","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":318,"facetLabels":334},{"industry":319,"styles":320,"technologies":321,"font_families":322,"page_type_name":323},{"Agency & Studio":163,"Art & Culture":164,"SaaS & Software":165,"Fashion & Apparel":166,"Architecture & Real Estate":167,"Entertainment & Media":168,"Food & Beverage":169,"Photography & Video":170,"Finance & Fintech":171,"Healthcare & Wellness":172,"Technology & Hardware":173,"Industrial & Manufacturing":174,"Beauty & Cosmetics":175,"Travel & Hospitality":176,"Non-Profit & Charity":177,"Education & Courses":178,"Crypto & Web3":179,"Sports & Fitness":180,"Automotive & Transportation":181},{"Clean \u002F Minimalist":183,"Typographic \u002F Big Type":184,"High-End \u002F Luxury":185,"Dark Mode":186,"Vibrant \u002F Colorful":187,"Monochrome \u002F Grayscale":188,"Fun \u002F Playful":189,"Brutalist \u002F Neo-Brutalist":190,"Corporate \u002F Professional":191,"Illustrative \u002F Hand-drawn":192,"Futuristic \u002F Sci-Fi":193,"3D \u002F Spatial":194,"Retro \u002F Vintage \u002F Y2K":195,"Glassmorphism":196,"Bento Grid":196},{"jQuery":198,"PHP":199,"WordPress":200,"Node.js":201,"React":202,"Vercel":203,"Vue.js":204,"Shopify":205,"Next.js":206,"Klaviyo":207,"Nuxt.js":208,"Typekit":209,"Amazon Web Services":210,"reCAPTCHA":211,"YouTube":212,"MailChimp":113,"Modernizr":213,"Bootstrap":110,"Slick":214,"Google Font API":215,"Craft CMS":216,"Framer Sites":217,"Contact Form 7":218,"Stimulus":219,"Google Maps":220},{"Inter":222,"Times New Roman":223,"Roboto":224,"Open Sans":225,"Neue Haas Grotesk":225,"Suisse Intl":226,"Arial":193,"Poppins":216,"Helvetica Neue":218,"Montserrat":227,"Diatype":194,"Neue Montreal":173,"Lato":174,"Graphik":228,"Source Sans":229,"Monument Grotesk":230,"Noto Sans":231,"Helvetica":232,"Söhne":233,"DM Sans":233,"Founders Grotesk":233,"GT America":234,"Google Sans":234,"Editorial":195,"IBM Plex Mono":178},{"Home \u002F Landing Page":324,"About Us \u002F Team":325,"Projects \u002F Portfolio":326,"Contact Us":327,"Blog \u002F Article Layout":328,"Services \u002F Features":329,"Shop \u002F Catalog":330,"Careers \u002F Jobs":331,"Pricing Page":172,"Sign Up \u002F Login":332,"404 Error Page":333},2401,774,527,418,378,341,299,89,27,9,{"industry":335,"styles":336,"page_type_name":337,"technologies":348,"font_families":349},{"Agency & Studio":239,"Art & Culture":240,"SaaS & Software":241,"Fashion & Apparel":242,"Architecture & Real Estate":243,"Entertainment & Media":22,"Food & Beverage":244,"Photography & Video":245,"Finance & Fintech":246,"Healthcare & Wellness":247,"Technology & Hardware":248,"Industrial & Manufacturing":249,"Beauty & Cosmetics":250,"Travel & Hospitality":251,"Non-Profit & Charity":252,"Education & Courses":253,"Crypto & Web3":254,"Sports & Fitness":255,"Automotive & Transportation":256},{"Clean \u002F Minimalist":258,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":259,"Dark Mode":260,"Vibrant \u002F Colorful":35,"Monochrome \u002F Grayscale":261,"Fun \u002F Playful":262,"Brutalist \u002F Neo-Brutalist":27,"Corporate \u002F Professional":263,"Illustrative \u002F Hand-drawn":264,"Futuristic \u002F Sci-Fi":265,"3D \u002F Spatial":266,"Retro \u002F Vintage \u002F Y2K":267,"Glassmorphism":268,"Bento Grid":269},{"Home \u002F Landing Page":48,"About Us \u002F Team":338,"Projects \u002F Portfolio":339,"Contact Us":340,"Blog \u002F Article Layout":341,"Services \u002F Features":342,"Shop \u002F Catalog":343,"Careers \u002F Jobs":344,"Pricing Page":345,"Sign Up \u002F Login":346,"404 Error Page":347},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":72,"PHP":86,"WordPress":94,"Node.js":272,"React":273,"Vercel":274,"Vue.js":275,"Shopify":276,"Next.js":277,"Klaviyo":278,"Nuxt.js":279,"Typekit":280,"Amazon Web Services":281,"reCAPTCHA":282,"YouTube":283,"MailChimp":284,"Modernizr":285,"Bootstrap":286,"Slick":78,"Google Font API":287,"Craft CMS":288,"Framer Sites":289,"Contact Form 7":290,"Stimulus":291,"Google Maps":292},{"Inter":294,"Times New Roman":295,"Roboto":56,"Open Sans":296,"Neue Haas Grotesk":297,"Suisse Intl":298,"Arial":299,"Poppins":300,"Helvetica Neue":301,"Montserrat":302,"Diatype":303,"Neue Montreal":304,"Lato":52,"Graphik":305,"Source Sans":306,"Monument Grotesk":307,"Noto Sans":308,"Helvetica":309,"Söhne":310,"DM Sans":311,"Founders Grotesk":312,"GT America":313,"Google Sans":314,"Editorial":315,"IBM Plex Mono":316},{"hits":351},[352,488,622,670],{"id":353,"website_id":354,"page_id":353,"name":355,"slug":356,"url":357,"website_name":355,"website_slug":356,"website_url":358,"result_url":357,"fetched_at":359,"score":360,"score_boost":361,"ai_score":107,"freshness_score":171,"scored_at":362,"page_name":40,"page_url":357,"page_title":363,"page_description":54,"page_content":364,"page_sort":361,"is_home":365,"is_home_rank":366,"page_type_id":367,"page_type_name":47,"cover":368,"cover_mobile":371,"cover_sequence":373,"translations":464,"industry":468,"styles":469,"credits":472,"font_families":473,"technologies":474,"pagespeed":475,"pagespeed_mobile":480,"buckets":486,"search_payload":487},"ea94976f-f2b5-4108-8d7c-552edf63a545","d8f2563a-b773-47fc-9132-1f3965a2229c","Clea Gross","cleagross","https:\u002F\u002Fcleagross.ch\u002F","https:\u002F\u002Fcleagross.ch","2026-05-05T20:00:12.000Z",84,0,"2026-05-23T19:10:10.000Z","Clea Gross Architekten","[ Meaningful Description Porthof West ](\u002Fprojects\u002Fporthof-west)[ Meaningful description Modell Bachtel Vollzugsanstalt Bachtel ](\u002Fprojects\u002Fbachtel)[ Meaningful description Architekturmodell Arosa Arosa ](\u002Fprojects\u002Farosa)[ gefaltete Alufassade Modell TDZ ](\u002Fprojects\u002Ftdz)[ Meaningful description Architekturmodell Müslen 1 Müslen 1 ](\u002Fprojects\u002Fmueslen-1)[ Meaningful description Müslen 3 ](\u002Fprojects\u002Fmüslen-3)[ Staircase Architekturmodell Kreuzstrasse Kreuzstrasse ](\u002Fprojects\u002Fkreuzstrasse)[ Modell Eselstall ](\u002Fprojects\u002Feselstall)[ Modelle Architekturmodell Pavillon Ante Pavillon Ante ](\u002Fprojects\u002FZüschen)[ Meaningful description MFH Bifang ](\u002Fprojects\u002Fbifang)[ Integrationszentrum Aargau_1 Integrationszentrum Aargau ](\u002Fprojects\u002Fizag)[ Meaningful description Herrliberg ](\u002Fprojects\u002Fherrliberg)[ Meaningful description Amden ](\u002Fprojects\u002Famden)[ Meaningful description Architekturmodell Alters- und Pflegezentrum Kriens Alters- und Pflegezentrum Kriens ](\u002Fprojects\u002Fkriens)[ Meaningful description Studienauftrag Bachstrasse ](\u002Fprojects\u002Fstudienauftrag-bachstrasse)[ Meaningful description Architekturmodell Vollzugsanstalt Gmünden, Niederteufen Vollzuganstalt Gmünden ](\u002Fprojects\u002Fvollzuganstalt-gmünden)[ Visualisierung Modell GFA Grünau ](\u002Fprojects\u002Fgrünau)[ Meaningful description Haselstrasse ](\u002Fprojects\u002Fhaselstrasse)[ Meaningful description Silenen ](\u002Fprojects\u002Fsilenen)[ Meaningful description Frohburgstrasse ](\u002Fprojects\u002Ffrohburgstrasse)[ Meaningful description Architekturmodell Struchen Struchen ](\u002Fprojects\u002Fstruchen) Modell Bachtel Architekturmodell Arosa Modell Architekturmodell Müslen 1 Architekturmodell Kreuzstrasse Architekturmodell Pavillon Ante Architekturmodell Alters- und Pflegezentrum Kriens Architekturmodell Vollzugsanstalt Gmünden, Niederteufen Modell Architekturmodell Struchen Unsere Entwürfe und Bauten prägen der Gebrauch, der Kontext und das Streben nach dem Schönen als grundlegende Elemente einer über die Architektur hinausgehenden Baukultur. Uns interessiert das Verknüpfen und Verweben der vielfältigen Aspekte und Anforderungen eines Projektes zu einem dauerhaften, aber wandlungsfähigen Ganzen, das den Bedüftnissen wie auch dem Wunsch nach Entwicklung der Nutzer und Eigentümerinnen Rechnung trägt. So entstehen Bauten, die sowohl das Einzigartige der unmittelbaren Aufgabe als auch das Universelle der Architektur in sich tragen. Anschrift Clea Gross Architekten GmbH Dufourstrasse 35 8008 Zürich +41 44 273 55 50\u002F52 info@cleagross.ch Googlemaps Swiss Architects Profil Team Clea Gross Martin Sartorius Leart Sejdiu Kathrin Dietl Naomi Schanne Joel Zollinger Rudolf Petermann Clea Gross Architekten Clea Gross Hochbauzeichnerin Architektin ETH Dozierende ZHAW - Dept. Architektur Mitglied SIA Mitglied RICS Auszeichnungen - 2009 Auszeichnung für Beispielhaftes Bauen der Architektenkammer Baden-Württemberg - 2011 Hugo Häring Preis BDA, Baden Württemberg - 2022 Architekturpreis Kanton Zürich, Anerkennung Werkliste - 2022 Alterszentrum Region Bülach, Erweiterung 'Grampen 2', Studienauftrag im selektiven Verfahren - 2021 Sanierung und Aufstockung MFH Kreuzstrasse, Zürich 1. Rang Planerwahlverfahren - 2021 Integrationszentrum Aargau, 2. Rang, Planerwahl im selektiven, nicht-anonymen Verfahren - 2021 Sanierung und Aufstockung MFH Frohburgstrasse, Zürich, 1. Rang Planerwahlverfahren - 2021 Aufstockung MFH Zeltweg, Zürich - 2020 Neu- und Umbau Gefängnisse Gmünden, 2. Preis, Projektwettbewerb im selektiven Verfahren - 2019 Überbauung Bachstrasse, Kreuzlingen\\\\, nicht-anonymer Studienauftrag auf Einladung - 2019 Pavillon in Holz - Wohnen im Alter, Rothenburg Oberlausitz (D) geplant - 2019 Wohnen und Pflege am Bach, Schlieren\\, Projektwettbewerb im selektiven Verfahren, - 2019 Neubau Rütibühl, Herrliberg\\,Projektstudienauftrag - 2019 Neubau Wohnheim Areal Gotthardstall\\, Projektwettbewerb im selektiven Verfahren - 2019 Transformation l'Ecole des Sablons in eine Jugendherberge, Neuenburg, offener Wettbewerb - 2018 Neubau Zentrum Tödi, Horgen\\, Projektwettbewerb im Einladungsverfahren - 2017 Alters- und Pflegeheim, Amden\\, 1. Rang, Projektwettbewerb im selektiven Verfahren - 2017 Neubau Notfallstation\u002FAkutpsychiatrie, Klinik Waldhaus Chur\\, 3. Rang, Projektwettbewerb im selektiven Verfahren - 2017 Erneuerung Tagungszentrum LBBZ, Plantahof Landquart\\, Projektwettbewerb im selektiven Verfahren - 2017 Neubau Wohnheim Sonnegarte, St.Urban\\, Projektwettbewerb im selektiven Verfahren - \\mit Gret Loewensberg Architekten - \\\\* mit Frank Zierau Architekt Eigene Publikationen - 16\u002F03 Nicht zu gross und nicht zu klein: Mehrzweckturnhalle Egg, Pool Architekten in: Werk, Bauen + Wohnen - 17\u002F05 Dialektik der Bri-Collage in: Werk, Bauen und Wohnen",true,1,"1",{"id":369,"height":13,"width":12,"blurhash":370},"fa909c72-2a1b-4264-a5be-cc3dc51eaec4","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#f8fdf9,#00000000 50%),radial-gradient(at 67% 0,#f6fbf6,#00000000 50%),radial-gradient(at 100% 0,#fbfdf9,#00000000 50%),radial-gradient(at 0 50%,#caccd4,#00000000 50%),radial-gradient(at 33% 50%,#b7bcc4,#00000000 50%),radial-gradient(at 67% 50%,#c5c8cb,#00000000 50%),radial-gradient(at 100% 50%,#d0c1c4,#00000000 50%),radial-gradient(at 0 100%,#bfb2ad,#00000000 50%),radial-gradient(at 33% 100%,#b3aba5,#00000000 50%),radial-gradient(at 67% 100%,#b5a8a0,#00000000 50%),radial-gradient(at 100% 100%,#b8a29b,#00000000 50%)",{"id":372,"height":15,"width":14,"blurhash":54},"c9c6e4a0-702a-4c40-9cfb-6f8b793b4db7",[374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419,422,425,428,431,434,437,440,443,446,449,452,455,458,461],{"directus_files_id":375},{"id":376},"aaf7c6c4-d4ee-4c1c-9f0d-457c65d4f5ac",{"directus_files_id":378},{"id":379},"d9d76a7c-a1fc-4063-878e-da196d345eba",{"directus_files_id":381},{"id":382},"f2353c17-bf59-4af5-a89c-98a5136871c2",{"directus_files_id":384},{"id":385},"13fce272-a7d2-4228-867a-99e7c3acc835",{"directus_files_id":387},{"id":388},"38e25bff-21a4-4f3b-9145-feefae1529bf",{"directus_files_id":390},{"id":391},"5dee4c10-b780-492c-ade9-2a3d02713b43",{"directus_files_id":393},{"id":394},"7690d91d-a256-4c16-8ee7-862251c14553",{"directus_files_id":396},{"id":397},"5b6dfb33-2074-48b4-8779-c7ecfcbd8f8c",{"directus_files_id":399},{"id":400},"87c90de5-973b-4b0b-80fd-e212b73e4368",{"directus_files_id":402},{"id":403},"5dd41af3-a810-41a0-b253-d196e6f19e57",{"directus_files_id":405},{"id":406},"1b88ae4a-33f4-4357-aab8-9c3aaa72dcba",{"directus_files_id":408},{"id":409},"4ab1ef22-693f-4f84-8766-af5703eedb9c",{"directus_files_id":411},{"id":412},"bb78bc0e-e163-4b12-af4e-fba2e8891aa8",{"directus_files_id":414},{"id":415},"5e675b23-fbee-4179-ad0a-c4f069944239",{"directus_files_id":417},{"id":418},"3faca70a-fa2c-46e7-b0ee-7845af4fb289",{"directus_files_id":420},{"id":421},"ef6fd826-e714-43d3-8983-5b157eec7bae",{"directus_files_id":423},{"id":424},"7292abb4-5f2d-45a5-ae78-b083add2851c",{"directus_files_id":426},{"id":427},"b48887ff-5da3-42f5-992a-60dd3fb3f300",{"directus_files_id":429},{"id":430},"fed111ec-6f97-47ee-a930-abd15c253b61",{"directus_files_id":432},{"id":433},"069c4c5f-2d21-40da-9730-a55e0b0b0e3e",{"directus_files_id":435},{"id":436},"27b19b71-c841-4a1d-9ca0-c03ff5d64843",{"directus_files_id":438},{"id":439},"2a213fc4-1445-4b74-9d9b-dcf2c97b4656",{"directus_files_id":441},{"id":442},"52ea0bb8-2321-4a72-a3a8-40f73694158d",{"directus_files_id":444},{"id":445},"2a7bd08c-c30f-4f8d-a43a-5de33c58cd93",{"directus_files_id":447},{"id":448},"e7cf28f8-410d-4bc4-900a-65ade3510624",{"directus_files_id":450},{"id":451},"7b7091ae-e788-4fc3-9651-410f3fa7f705",{"directus_files_id":453},{"id":454},"4eda2e45-548a-40c8-8e38-8739aec5f46a",{"directus_files_id":456},{"id":457},"c3b89c75-0c3f-4c9a-b1c8-b4625e5a6ddd",{"directus_files_id":459},{"id":460},"56de068f-d4e3-4a22-b0a3-913e70389b4a",{"directus_files_id":462},{"id":463},"a0276815-35da-400f-b56d-5be4cc3f4ca8",[465],{"languages_code":466,"description":467},"en","Clea Gross Architekten presents a digital portfolio that mirrors the precision and structural elegance of its architectural work. The website serves as a sophisticated showcase for high-end residential and commercial projects, utilizing a grid-based layout that emphasizes large-scale, high-quality photography. The design philosophy is rooted in clarity and spatial awareness, allowing the textures of wood, concrete, and glass to speak for themselves.\n\nThe visual identity is defined by a bold, typographic approach, featuring oversized, layered sans-serif type that creates a sense of depth and architectural scale. The palette is intentionally restrained, relying on the natural tones of the building materials and a clean, light background to maintain a professional and high-end aesthetic. It is a website designed for discerning clients and industry professionals who value minimalist sophistication and structural integrity.","Architecture & Real Estate",[470,471,30],"Clean \u002F Minimalist","High-End \u002F Luxury",[],[],[272,279,275],[476,477,478,479],{"score":213,"category":106},{"score":212,"category":109},{"score":116,"category":112},{"score":213,"category":115},[481,483,484,485],{"score":482,"category":106},70,{"score":212,"category":109},{"score":116,"category":112},{"score":213,"category":115},[126,134,138,130],"Website: Clea Gross. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Clea Gross Architekten. Page content: [ Meaningful Description Porthof West ](\u002Fprojects\u002Fporthof-west)[ Meaningful description Modell Bachtel Vollzugsanstalt Bachtel ](\u002Fprojects\u002Fbachtel)[ Meaningful description Architekturmodell Arosa Arosa ](\u002Fprojects\u002Farosa)[ gefaltete Alufassade Modell TDZ ](\u002Fprojects\u002Ftdz)[ Meaningful description Architekturmodell Müslen 1 Müslen 1 ](\u002Fprojects\u002Fmueslen-1)[ Meaningful description Müslen 3 ](\u002Fprojects\u002Fmüslen-3)[ Staircase Architekturmodell Kreuzstrasse Kreuzstrasse ](\u002Fprojects\u002Fkreuzstrasse)[ Modell Eselstall ](\u002Fprojects\u002Feselstall)[ Modelle Architekturmodell Pavillon Ante Pavillon Ante ](\u002Fprojects\u002FZüschen)[ Meaningful description MFH Bifang ](\u002Fprojects\u002Fbifang)[ Integrationszentrum Aargau_1 Integrationszentrum Aargau ](\u002Fprojects\u002Fizag)[ Meaningful description Herrliberg ](\u002Fprojects\u002Fherrliberg)[ Meaningful description Amden ](\u002Fprojects\u002Famden)[ Meaningful description Architekturmodell Alters- und Pflegezentrum Kriens Alters- und Pflegezentrum Kriens ](\u002Fprojects\u002Fkriens)[ Meaningful description Studienauftrag Bachstrasse ](\u002Fprojects\u002Fstudienauftrag-bachstrasse)[ Meaningful description Architekturmodell Vollzugsanstalt Gmünden, Niederteufen Vollzuganstalt Gmünden ](\u002Fprojects\u002Fvollzuganstalt-gmünden)[ Visualisierung Modell GFA Grünau ](\u002Fprojects\u002Fgrünau)[ Meaningful description Haselstrasse ](\u002Fprojects\u002Fhaselstrasse)[ Meaningful description Silenen ](\u002Fprojects\u002Fsilenen)[ Meaningful description Frohburgstrasse ](\u002Fprojects\u002Ffrohburgstrasse)[ Meaningful description Architekturmodell Struchen Struchen ](\u002Fprojects\u002Fstruchen) Modell Bachtel Architekturmodell Arosa Modell Architekturmodell Müslen 1 Architekturmodell Kreuzstrasse Architekturmodell Pavillon Ante Architekturmodell Alters- und Pflegezentrum Kriens Architekturmodell Vollzugsanstalt Gmünden, Niederteufen Modell Architekturmodell Struchen Unsere Entwürfe und Bauten prägen der Gebrauch, der Kontext und das Streben nach dem Schönen als grundlegende Elemente einer über die Architektur hinausgehenden Baukultur. Uns interessiert das Verknüpfen und Verweben der vielfältigen Aspekte und Anforderungen eines Projektes zu einem dauerhaften, aber wandlungsfähigen Ganzen, das den Bedüftnissen wie auch dem Wunsch nach Entwicklung der Nutzer und Eigentümerinnen Rechnung trägt. So entstehen Bauten, die sowohl das Einzigartige der unmittelbaren Aufgabe als auch das Universelle der Architektur in sich tragen. Anschrift Clea Gross Architekten GmbH Dufourstrasse 35 8008 Zürich +41 44 273 55 50\u002F52 info@cleagross.ch Googlemaps Swiss Architects Profil Team Clea Gross Martin Sartorius Leart Sejdiu Kathrin Dietl Naomi Schanne Joel Zollinger Rudolf Petermann Clea Gross Architekten Clea Gross Hochbauzeichnerin Architektin ETH Dozierende ZHAW - Dept. Architektur Mitglied SIA Mitglied RICS Auszeichnungen - 2009 Auszeichnung für Beispielhaftes Bauen der Architektenkammer Baden-Württemberg - 2011 Hugo Häring Preis BDA, Baden Württemberg - 2022 Architekturpreis Kanton Zürich, Anerkennung Werkliste - 2022 Alterszentrum Region Bülach, Erweiterung 'Grampen 2', Studienauftrag im selektiven Verfahren - 2021 Sanierung und Aufstockung MFH Kreuzstrasse, Zürich 1. Rang Planerwahlverfahren - 2021 Integrationszentrum Aargau, 2. Rang, Planerwahl im selektiven, nicht-anonymen Verfahren - 2021 Sanierung und Aufstockung MFH Frohburgstrasse, Zürich, 1. Rang Planerwahlverfahren - 2021 Aufstockung MFH Zeltweg, Zürich - 2020 Neu- und Umbau Gefängnisse Gmünden, 2. Preis, Projektwettbewerb im selektiven Verfahren - 2019 Überbauung Bachstrasse, Kreuzlingen\\\\, nicht-anonymer Studienauftrag auf Einladung - 2019 Pavillon in Holz - Wohnen im Alter, Rothenburg Oberlausitz (D) geplant - 2019 Wohnen und Pflege am Bach, Schlieren\\, Projektwettbewerb im selektiven Verfahren, - 2019 Neubau Rütibühl, Herrliberg\\,Projektstudienauftrag - 2019 Neubau Wohnheim Areal Gotthardstall\\, Projektwettbewerb im selektiven Verfahren - 2019 Transformation l'Ecole des Sablons in eine Jugendherberge, Neuenburg, offener Wettbewerb - 2018 Neubau Zentrum Tödi, Horgen\\, Projektwettbewerb im Einladungsverfahren - 2017 Alters- und Pflegeheim, Amden\\, 1. Rang, Projektwettbewerb im selektiven Verfahren - 2017 Neubau Notfallstation\u002FAkutpsychiatrie, Klinik Waldhaus Chur\\, 3. Rang, Projektwettbewerb im selektiven Verfahren - 2017 Erneuerung Tagungszentrum LBBZ, Plantahof Landquart\\, Projektwettbewerb im selektiven Verfahren - 2017 Neubau Wohnheim Sonnegarte, St.Urban\\, Projektwettbewerb im selektiven Verfahren - \\mit Gret Loewensberg Architekten - \\\\* mit Frank Zierau Architekt Eigene Publikationen - 16\u002F03 Nicht zu gross und nicht zu klein: Mehrzweckturnhalle Egg, Pool Architekten in: Werk, Bauen + Wohnen - 17\u002F05 Dialektik der Bri-Collage in: Werk, Bauen und Wohnen. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Architecture & Real Estate industry. The overall color palette features White, Gray, Brown, Black. Built using Node.js, Nuxt.js, Vue.js. AI description: Clea Gross Architekten presents a digital portfolio that mirrors the precision and structural elegance of its architectural work. The website serves as a sophisticated showcase for high-end residential and commercial projects, utilizing a grid-based layout that emphasizes large-scale, high-quality photography. The design philosophy is rooted in clarity and spatial awareness, allowing the textures of wood, concrete, and glass to speak for themselves. The visual identity is defined by a bold, typographic approach, featuring oversized, layered sans-serif type that creates a sense of depth and architectural scale. The palette is intentionally restrained, relying on the natural tones of the building materials and a clean, light background to maintain a professional and high-end aesthetic. It is a website designed for discerning clients and industry professionals who value minimalist sophistication and structural integrity.",{"id":489,"website_id":490,"page_id":489,"name":491,"slug":492,"url":493,"website_name":491,"website_slug":492,"website_url":494,"result_url":493,"fetched_at":495,"score":121,"score_boost":361,"ai_score":360,"freshness_score":171,"scored_at":496,"page_name":40,"page_url":493,"page_title":497,"page_description":498,"page_content":499,"page_sort":361,"is_home":365,"is_home_rank":366,"page_type_id":367,"page_type_name":47,"cover":500,"cover_mobile":503,"cover_sequence":505,"translations":596,"industry":599,"styles":600,"credits":602,"font_families":603,"technologies":605,"pagespeed":607,"pagespeed_mobile":613,"buckets":619,"search_payload":621},"c7735158-b371-427b-8b4a-786052e53d85","d9aa82a7-0f19-4d5c-b480-723997ea1d21","Hounder","hounder","https:\u002F\u002Fhounder.co\u002F","https:\u002F\u002Fhounder.co","2026-05-05T19:47:21.000Z","2026-05-23T19:23:35.000Z","Home | Hounder","Hounder is a digital transformation company focused on driving real results for large organizations in government, higher ed, and enterprise industries.","We make digital transformation fun With Relentless Care at the core of every project, we deliver work that accelerates growth and helps you reach your biggest goals. Our team stays invested from strategy to launch, making sure every detail supports your long-term success. Your browser does not support the video tag. Laptop showing a website homepage with search fields and workers in helmets. Working with our favorite people [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website What we're famous for [ Drupal ](\u002Fsolutions\u002Fdrupal-partner) [ Wordpress ](\u002Fsolution\u002Fcustom-wordress-development) [ Custom Web Design ](\u002Fservices\u002Fweb-design-development) [ Digital Marketing ](\u002Fservices\u002Fmarketing-services) Digital Services for Every Need Creative Development Marketing Image The Hounder team poses together for a group photo in front of a brick wall, smiling and dressed casually in a collaborative office setting. Designs That Look Good and Perform Better - Enterprise Design Systems - Usability Studies - Custom Website Design - Website Personalization (+ Personalization Pilot Program) - ADA Website Compliance Image Four developers standing against a brick wall backdrop Seamless Digital Experiences for Your Users - Custom Drupal Implementations - WordPress CMS Development - Multi-Site Implementations - Product Development Image Four people standing, using smartphones, smiling, against a brick wall. Multi-Channel Marketing That Converts - Search Engine Optimization - Content Marketing - Paid Advertising - Social Media Strategy - Email Marketing Things we write home about [ Acquia\u002FDrupal Partner of the year 2023 Partner Advocate of the year 2024 ](\u002Fthe-dog-bowl\u002Fhounder-named-acquias-breakout-partner-year) Read article [ Pantheon partner of the year 2024 ](https:\u002F\u002Fpantheon.io\u002Fblog\u002Fcelebrating-excellence-inaugural-pantheon-partner-awards) Read article [ W3 award for best Utility Site UX 2024 (LADWP) ](https:\u002F\u002Fwww.w3award.com\u002Fwinners\u002Fgallery\u002F?event=1080&search=hounder&id=310396) Read article [ Hustler's Digest - The Tech Company Changing the Software Services Industry ](https:\u002F\u002Fhustlersdigest.com\u002Fthe-tech-company-changing-the-software-services-industry\u002F) Read article Check out the behind-the-scenes [ Image Developer coding on a laptop with a design board in the background. ](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=A6AP6syi-rk&t=15s) Off-Leash! Something wicked this way comes [ Image Two men with arms crossed, standing back to back, smiling in a room with a brick wall. ](https:\u002F\u002Fwww.youtube.com\u002F@hounder-co) Check out some behind the scenes at Hounder Ready to get Started? Tell us more about your business",{"id":501,"height":13,"width":12,"blurhash":502},"54db36af-db01-413c-b014-c6e76c416893","radial-gradient(at 0 0,#375b6c,#00000000 50%),radial-gradient(at 33% 0,#38596a,#00000000 50%),radial-gradient(at 67% 0,#275269,#00000000 50%),radial-gradient(at 100% 0,#3f5a67,#00000000 50%),radial-gradient(at 0 50%,#7b8886,#00000000 50%),radial-gradient(at 33% 50%,#506b6c,#00000000 50%),radial-gradient(at 67% 50%,#74868f,#00000000 50%),radial-gradient(at 100% 50%,#94a0ab,#00000000 50%),radial-gradient(at 0 100%,#3c6270,#00000000 50%),radial-gradient(at 33% 100%,#004e6c,#00000000 50%),radial-gradient(at 67% 100%,#325a74,#00000000 50%),radial-gradient(at 100% 100%,#5e6e7f,#00000000 50%)",{"id":504,"height":15,"width":14,"blurhash":54},"a7725007-29e5-404b-ae26-4d011d73e37c",[506,509,512,515,518,521,524,527,530,533,536,539,542,545,548,551,554,557,560,563,566,569,572,575,578,581,584,587,590,593],{"directus_files_id":507},{"id":508},"81ca1234-b5f3-4a81-8459-c7719dc3dc15",{"directus_files_id":510},{"id":511},"8c5528c2-a355-43be-a97c-3764a840dbd8",{"directus_files_id":513},{"id":514},"ded79e8f-14f6-43dc-9466-698693ffad31",{"directus_files_id":516},{"id":517},"3306629a-fe3f-4645-8a85-caccc55bb2be",{"directus_files_id":519},{"id":520},"5529ce38-4c74-46c8-96aa-e54d65cdcd5b",{"directus_files_id":522},{"id":523},"c6a7f4db-cfc2-4579-bbc7-d815782709ba",{"directus_files_id":525},{"id":526},"177a88df-5950-4854-9eec-9bf73f5964c1",{"directus_files_id":528},{"id":529},"dc4e919e-16b9-4606-9eff-abb26f5cd228",{"directus_files_id":531},{"id":532},"f7723b3b-7363-40f1-bcbe-d27a00cce085",{"directus_files_id":534},{"id":535},"255dcecd-08d7-49fc-b7d5-408e13340804",{"directus_files_id":537},{"id":538},"85bf5801-3700-454e-b831-5de1573bb4ab",{"directus_files_id":540},{"id":541},"edd486d6-fac1-4f27-8a0d-ba09f50926d0",{"directus_files_id":543},{"id":544},"0c53615d-f7cd-4824-9f3d-0a171e07e2b6",{"directus_files_id":546},{"id":547},"6a6207cb-c290-4d16-a5e8-2acedda717a9",{"directus_files_id":549},{"id":550},"e68c711a-94be-49ca-b17f-85fa662d7168",{"directus_files_id":552},{"id":553},"0cf08f6a-16de-4308-a3f2-cb156ea6b11e",{"directus_files_id":555},{"id":556},"5752cb8b-23af-4bb6-b4c2-7f4ad407f0d3",{"directus_files_id":558},{"id":559},"e10f1d29-b0a5-4609-8f4f-0d4dcbe58ff3",{"directus_files_id":561},{"id":562},"d081172b-e4e4-4dc8-a099-626111c22c31",{"directus_files_id":564},{"id":565},"c187a912-d9f9-4a77-a9f9-a953ad775fd2",{"directus_files_id":567},{"id":568},"7a2ede08-2f6a-45b7-8539-8a10958b2931",{"directus_files_id":570},{"id":571},"29a7fbbb-9483-4c2f-a579-67a3d9a555d7",{"directus_files_id":573},{"id":574},"d9847ff7-883d-4784-a5c4-7844147a2708",{"directus_files_id":576},{"id":577},"05f8f692-5987-4b4f-9c11-4026ec63a9db",{"directus_files_id":579},{"id":580},"f861d41a-10c2-4e1b-ac22-361b070b63d6",{"directus_files_id":582},{"id":583},"a8f87815-c7fc-4263-8c16-1463e7aac30b",{"directus_files_id":585},{"id":586},"25765d71-413a-4896-aaf7-87a3c56f7338",{"directus_files_id":588},{"id":589},"6c8d903d-7d13-4f39-80cc-992e5b6faa1a",{"directus_files_id":591},{"id":592},"4f726005-8ba9-4d2b-bc40-28739e216adf",{"directus_files_id":594},{"id":595},"2d5ddf0b-0f36-4472-8e95-afaef542aa39",[597],{"languages_code":466,"description":598},"Hounder is a high-impact digital transformation agency that bridges the gap between complex organizational needs and seamless user experiences. Specializing in large-scale sectors like government, higher education, and enterprise, the agency positions itself as a strategic partner capable of delivering scalable, high-performance digital products that avoid the pitfalls of traditional, over-promising agencies.\n\nThe visual identity is bold, energetic, and unapologetically modern. Utilizing a high-contrast palette of deep teal and vibrant yellow, the design breaks away from the sterile, monochromatic aesthetic typical of corporate consulting. Large, expressive typography and playful elements—like the 'Dog Bowl' blog branding—create a personality that is both professional and approachable, signaling a brand that makes complex technical transformations feel engaging and 'fun.'","Agency & Studio",[470,601,30],"Fun \u002F Playful",[],[604],"IBM Plex Sans",[606,86,282],"Drupal",[608,609,611,612],{"score":177,"category":106},{"score":610,"category":109},93,{"score":121,"category":112},{"score":116,"category":115},[614,616,617,618],{"score":615,"category":106},29,{"score":110,"category":109},{"score":121,"category":112},{"score":116,"category":115},[126,134,620,138],"red","Website: Hounder. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Home | Hounder. Page description: Hounder is a digital transformation company focused on driving real results for large organizations in government, higher ed, and enterprise industries.. Page content: We make digital transformation fun With Relentless Care at the core of every project, we deliver work that accelerates growth and helps you reach your biggest goals. Our team stays invested from strategy to launch, making sure every detail supports your long-term success. Your browser does not support the video tag. Laptop showing a website homepage with search fields and workers in helmets. Working with our favorite people [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website [ Transforming the User Experience With Tulare County’s Multi-Site Solution ](\u002Fcase-studies\u002Ftulare-countys-multi-site-solution-for-simplifying-government-services-transforming-the-user-experience) Tulare County website homepage on a laptop screen with green background. [ Seamless Drupal Migration for LAWA ](\u002Fcase-studies\u002Fseamless-drupal-migration-for-los-angeles-world-airports) Three monitors showcasing all websites owned my LAWA [ LA Department of Water and Power Site Redesign ](\u002Fcase-studies\u002Fenhancing-web-accessibility-for-ladwp) different devices showing the LADWP website What we're famous for [ Drupal ](\u002Fsolutions\u002Fdrupal-partner) [ Wordpress ](\u002Fsolution\u002Fcustom-wordress-development) [ Custom Web Design ](\u002Fservices\u002Fweb-design-development) [ Digital Marketing ](\u002Fservices\u002Fmarketing-services) Digital Services for Every Need Creative Development Marketing Image The Hounder team poses together for a group photo in front of a brick wall, smiling and dressed casually in a collaborative office setting. Designs That Look Good and Perform Better - Enterprise Design Systems - Usability Studies - Custom Website Design - Website Personalization (+ Personalization Pilot Program) - ADA Website Compliance Image Four developers standing against a brick wall backdrop Seamless Digital Experiences for Your Users - Custom Drupal Implementations - WordPress CMS Development - Multi-Site Implementations - Product Development Image Four people standing, using smartphones, smiling, against a brick wall. Multi-Channel Marketing That Converts - Search Engine Optimization - Content Marketing - Paid Advertising - Social Media Strategy - Email Marketing Things we write home about [ Acquia\u002FDrupal Partner of the year 2023 Partner Advocate of the year 2024 ](\u002Fthe-dog-bowl\u002Fhounder-named-acquias-breakout-partner-year) Read article [ Pantheon partner of the year 2024 ](https:\u002F\u002Fpantheon.io\u002Fblog\u002Fcelebrating-excellence-inaugural-pantheon-partner-awards) Read article [ W3 award for best Utility Site UX 2024 (LADWP) ](https:\u002F\u002Fwww.w3award.com\u002Fwinners\u002Fgallery\u002F?event=1080&search=hounder&id=310396) Read article [ Hustler's Digest - The Tech Company Changing the Software Services Industry ](https:\u002F\u002Fhustlersdigest.com\u002Fthe-tech-company-changing-the-software-services-industry\u002F) Read article Check out the behind-the-scenes [ Image Developer coding on a laptop with a design board in the background. ](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=A6AP6syi-rk&t=15s) Off-Leash! Something wicked this way comes [ Image Two men with arms crossed, standing back to back, smiling in a room with a brick wall. ](https:\u002F\u002Fwww.youtube.com\u002F@hounder-co) Check out some behind the scenes at Hounder Ready to get Started? Tell us more about your business. A Clean \u002F Minimalist, Fun \u002F Playful, Typographic \u002F Big Type website in the Agency & Studio industry. The overall color palette features White, Gray, Red, Brown. The typography features IBM Plex Sans (Sans Serif). Built using Drupal, PHP, reCAPTCHA. AI description: Hounder is a high-impact digital transformation agency that bridges the gap between complex organizational needs and seamless user experiences. Specializing in large-scale sectors like government, higher education, and enterprise, the agency positions itself as a strategic partner capable of delivering scalable, high-performance digital products that avoid the pitfalls of traditional, over-promising agencies. The visual identity is bold, energetic, and unapologetically modern. Utilizing a high-contrast palette of deep teal and vibrant yellow, the design breaks away from the sterile, monochromatic aesthetic typical of corporate consulting. Large, expressive typography and playful elements—like the 'Dog Bowl' blog branding—create a personality that is both professional and approachable, signaling a brand that makes complex technical transformations feel engaging and 'fun.'",{"id":623,"website_id":624,"page_id":623,"name":625,"slug":626,"url":627,"website_name":625,"website_slug":626,"website_url":628,"result_url":627,"fetched_at":629,"score":630,"score_boost":361,"ai_score":631,"freshness_score":632,"scored_at":633,"page_name":40,"page_url":627,"page_title":634,"page_description":54,"page_content":635,"page_sort":361,"is_home":365,"is_home_rank":366,"page_type_id":367,"page_type_name":47,"cover":636,"cover_mobile":639,"cover_sequence":641,"translations":645,"industry":468,"styles":648,"credits":650,"font_families":652,"technologies":654,"pagespeed":657,"pagespeed_mobile":662,"buckets":668,"search_payload":669},"b941d467-4932-4529-bf21-30e4a789fae1","ea2dedc0-3ff4-4fc2-b888-589ef8a9db05","Bauart","bauart","https:\u002F\u002Fbauart.ch\u002F","https:\u002F\u002Fbauart.ch","2026-05-04T15:26:38.000Z",80,83,74,"2026-05-23T19:24:33.000Z","bauart – architecture and planning","[ ](\u002Fen\u002Ffocus\u002Fdetail\u002F3\u002Fclimate\u002F) Climate [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F5\u002Fmodularity\u002F) Modularity [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F1\u002Fecology\u002F) Ecology [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F4\u002Furbanity\u002F) Urbanity [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F12\u002Ftransformation\u002F) Transformation [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F6\u002Fempathy\u002F) Empathy Competition for the Viererfeld school complex in Bern Urbanity [ Competition for the Viererfeld school complex in Bern ](\u002Fen\u002Fjournal\u002Fdetail\u002F65\u002Fcompetition-for-the-viererfeld-school-complex-in-bern\u002F) News | Competition | April 29, 2026 Tour of Creative Factory in Renens Transformation [ Tour of Creative Factory in Renens ](\u002Fen\u002Fjournal\u002Fdetail\u002F66\u002Ftour-of-creative-factory-in-renens\u002F) News | April 29, 2026 Construction project underway in the Franches-Montagnes Modularity [ Construction project underway in the Franches-Montagnes ](\u002Fen\u002Fjournal\u002Fdetail\u002F64\u002Fconstruction-project-underway-in-the-franches-montagnes\u002F) News | Timber construction | April 15, 2026 Site visit in Bümpliz Transformation [ Site visit in Bümpliz ](\u002Fen\u002Fjournal\u002Fdetail\u002F63\u002Fsite-visit-in-bumpliz\u002F) News | March 27, 2026 Tour of Brückenkopf, awarded in 2024 Transformation [ Tour of Brückenkopf, awarded in 2024 ](\u002Fen\u002Fjournal\u002Fdetail\u002F62\u002Ftour-of-bruckenkopf-awarded-in-2024\u002F) News | March 9, 2026 Proceedings of the \"Forum des transitions urbaines 2025” Climate [ Proceedings of the \"Forum des transitions urbaines 2025” ](\u002Fen\u002Fjournal\u002Fdetail\u002F61\u002Fproceedings-of-the-forum-des-transitions-urbaines-2025\u002F) Publication | Feb. 17, 2026 Article in Chantiers Magazine Transformation [ Article in Chantiers Magazine ](\u002Fen\u002Fjournal\u002Fdetail\u002F60\u002Farticle-in-chantiers-magazine\u002F) Media | Feb. 3, 2026 bauart bauart - Office - Profile - Team - Communication - Jobs - Contact - Focus - Climate - Transformation - Urbanity - Modularity - Empathy - Ecology - Portfolio - Competition - In Progress - Realised - Journal - News - Media - Event - Lecture - Exhibition - Job © 2026 bauart - Imprint - Data protection - FTP Upload Bauart Architekten und Planer AG [Laupenstrasse 20 CH-3008 Bern](https:\u002F\u002Fmaps.app.goo.gl\u002FUghe5YAChG7GSr638) +41 31 385 15 15 bern@bauart.ch Bauart Architectes et Urbanistes SA [Crêt-Taconnet 17 CH-2002 Neuchâtel](https:\u002F\u002Fmaps.app.goo.gl\u002FZ6K22zkxGm8WQNVP9) +41 32 858 15 15 neuchatel@bauart.ch Bauart Architekten und Planer AG [Zimmerlistrasse 6 CH-8004 Zürich](https:\u002F\u002Fmaps.app.goo.gl\u002FzpSFDkyikQXRmBhY6) +41 43 366 65 65 zuerich@bauart.ch Follow us: LinkedIn Instagram Youtube Modulart",{"id":637,"height":13,"width":12,"blurhash":638},"30c6849e-b551-4c6a-adce-0ea7dd03b8df","radial-gradient(at 0 0,#585859,#00000000 50%),radial-gradient(at 33% 0,#403e40,#00000000 50%),radial-gradient(at 67% 0,#000000,#00000000 50%),radial-gradient(at 100% 0,#737273,#00000000 50%),radial-gradient(at 0 50%,#5d5d5f,#00000000 50%),radial-gradient(at 33% 50%,#494748,#00000000 50%),radial-gradient(at 67% 50%,#1d1917,#00000000 50%),radial-gradient(at 100% 50%,#828282,#00000000 50%),radial-gradient(at 0 100%,#5c5a5a,#00000000 50%),radial-gradient(at 33% 100%,#464544,#00000000 50%),radial-gradient(at 67% 100%,#1d1914,#00000000 50%),radial-gradient(at 100% 100%,#7e7d7c,#00000000 50%)",{"id":640,"height":15,"width":14,"blurhash":54},"670ce3cd-8cab-4a6c-9115-bac1d121a3d8",[642],{"directus_files_id":643},{"id":644},"e4d97288-9588-41f2-acd1-58f2bab66c85",[646],{"languages_code":466,"description":647},"Bauart is a sophisticated architectural practice that balances deep-rooted building culture with a forward-thinking approach to future urban challenges. The website serves as a digital portfolio and thought-leadership platform, showcasing projects through the lenses of modularity, climate, and urbanity. It targets high-end clients, developers, and collaborators who value holistic, multi-scalar design that integrates social, ecological, and economic dimensions.\n\nThe visual identity is defined by a striking, high-contrast aesthetic that utilizes a dark mode foundation to let architectural photography command attention. The design is unapologetically minimalist and typographic, employing a rigorous grid system and a monochrome palette punctuated by subtle, colored accent tags. This editorial-style layout creates a sense of prestige and intellectual depth, positioning the firm as a thoughtful authority in the field of modern architecture.",[470,260,649],"Monochrome \u002F Grayscale",[651],"Arillo",[295,653,653,653],"Selecta",[655,656,291],"Django","Python",[658,659,660,661],{"score":194,"category":106},{"score":171,"category":109},{"score":220,"category":112},{"score":213,"category":115},[663,664,665,667],{"score":178,"category":106},{"score":171,"category":109},{"score":666,"category":112},96,{"score":213,"category":115},[126,130,134],"Website: Bauart. Page: Homepage. Page type: Home \u002F Landing Page. Page title: bauart – architecture and planning. Page content: [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F3\u002Fclimate\u002F) Climate [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F5\u002Fmodularity\u002F) Modularity [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F1\u002Fecology\u002F) Ecology [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F4\u002Furbanity\u002F) Urbanity [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F12\u002Ftransformation\u002F) Transformation [ ](\u002Fen\u002Ffocus\u002Fdetail\u002F6\u002Fempathy\u002F) Empathy Competition for the Viererfeld school complex in Bern Urbanity [ Competition for the Viererfeld school complex in Bern ](\u002Fen\u002Fjournal\u002Fdetail\u002F65\u002Fcompetition-for-the-viererfeld-school-complex-in-bern\u002F) News | Competition | April 29, 2026 Tour of Creative Factory in Renens Transformation [ Tour of Creative Factory in Renens ](\u002Fen\u002Fjournal\u002Fdetail\u002F66\u002Ftour-of-creative-factory-in-renens\u002F) News | April 29, 2026 Construction project underway in the Franches-Montagnes Modularity [ Construction project underway in the Franches-Montagnes ](\u002Fen\u002Fjournal\u002Fdetail\u002F64\u002Fconstruction-project-underway-in-the-franches-montagnes\u002F) News | Timber construction | April 15, 2026 Site visit in Bümpliz Transformation [ Site visit in Bümpliz ](\u002Fen\u002Fjournal\u002Fdetail\u002F63\u002Fsite-visit-in-bumpliz\u002F) News | March 27, 2026 Tour of Brückenkopf, awarded in 2024 Transformation [ Tour of Brückenkopf, awarded in 2024 ](\u002Fen\u002Fjournal\u002Fdetail\u002F62\u002Ftour-of-bruckenkopf-awarded-in-2024\u002F) News | March 9, 2026 Proceedings of the \"Forum des transitions urbaines 2025” Climate [ Proceedings of the \"Forum des transitions urbaines 2025” ](\u002Fen\u002Fjournal\u002Fdetail\u002F61\u002Fproceedings-of-the-forum-des-transitions-urbaines-2025\u002F) Publication | Feb. 17, 2026 Article in Chantiers Magazine Transformation [ Article in Chantiers Magazine ](\u002Fen\u002Fjournal\u002Fdetail\u002F60\u002Farticle-in-chantiers-magazine\u002F) Media | Feb. 3, 2026 bauart bauart - Office - Profile - Team - Communication - Jobs - Contact - Focus - Climate - Transformation - Urbanity - Modularity - Empathy - Ecology - Portfolio - Competition - In Progress - Realised - Journal - News - Media - Event - Lecture - Exhibition - Job © 2026 bauart - Imprint - Data protection - FTP Upload Bauart Architekten und Planer AG [Laupenstrasse 20 CH-3008 Bern](https:\u002F\u002Fmaps.app.goo.gl\u002FUghe5YAChG7GSr638) +41 31 385 15 15 bern@bauart.ch Bauart Architectes et Urbanistes SA [Crêt-Taconnet 17 CH-2002 Neuchâtel](https:\u002F\u002Fmaps.app.goo.gl\u002FZ6K22zkxGm8WQNVP9) +41 32 858 15 15 neuchatel@bauart.ch Bauart Architekten und Planer AG [Zimmerlistrasse 6 CH-8004 Zürich](https:\u002F\u002Fmaps.app.goo.gl\u002FzpSFDkyikQXRmBhY6) +41 43 366 65 65 zuerich@bauart.ch Follow us: LinkedIn Instagram Youtube Modulart. A Clean \u002F Minimalist, Dark Mode, Monochrome \u002F Grayscale website in the Architecture & Real Estate industry. The overall color palette features White, Black, Gray. The typography features Times New Roman (Serif), Selecta (Maxitype), Selecta (Maxitype), Selecta (Maxitype). Built using Django, Python, Stimulus. AI description: Bauart is a sophisticated architectural practice that balances deep-rooted building culture with a forward-thinking approach to future urban challenges. The website serves as a digital portfolio and thought-leadership platform, showcasing projects through the lenses of modularity, climate, and urbanity. It targets high-end clients, developers, and collaborators who value holistic, multi-scalar design that integrates social, ecological, and economic dimensions. The visual identity is defined by a striking, high-contrast aesthetic that utilizes a dark mode foundation to let architectural photography command attention. The design is unapologetically minimalist and typographic, employing a rigorous grid system and a monochrome palette punctuated by subtle, colored accent tags. This editorial-style layout creates a sense of prestige and intellectual depth, positioning the firm as a thoughtful authority in the field of modern architecture.",{"id":671,"website_id":672,"page_id":671,"name":673,"slug":674,"url":675,"website_name":673,"website_slug":674,"website_url":676,"result_url":675,"fetched_at":677,"score":360,"score_boost":361,"ai_score":107,"freshness_score":632,"scored_at":678,"page_name":40,"page_url":675,"page_title":679,"page_description":680,"page_content":681,"page_sort":361,"is_home":365,"is_home_rank":366,"page_type_id":367,"page_type_name":47,"cover":682,"cover_mobile":685,"cover_sequence":687,"translations":778,"industry":781,"styles":782,"credits":784,"font_families":785,"technologies":790,"pagespeed":791,"pagespeed_mobile":798,"buckets":804,"search_payload":805},"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","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":683,"height":13,"width":12,"blurhash":684},"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":686,"height":15,"width":14,"blurhash":54},"9fe52512-6c97-4aa4-8043-8dce8f89cb5c",[688,691,694,697,700,703,706,709,712,715,718,721,724,727,730,733,736,739,742,745,748,751,754,757,760,763,766,769,772,775],{"directus_files_id":689},{"id":690},"2b8e3f93-05d0-4f7d-9013-d37f82386019",{"directus_files_id":692},{"id":693},"21901556-cf1e-479a-a089-077e098687f9",{"directus_files_id":695},{"id":696},"00f1af3b-0685-4a22-9826-612b351fcc88",{"directus_files_id":698},{"id":699},"4609e6f8-3413-42a8-94da-6bbfc8e14016",{"directus_files_id":701},{"id":702},"c75f5ad9-53a3-4e5c-82d3-fde33ef79fd8",{"directus_files_id":704},{"id":705},"67604c5b-25b6-46d2-8eff-385085664b2e",{"directus_files_id":707},{"id":708},"35a07690-f3fa-40e7-8bdf-8e711450b225",{"directus_files_id":710},{"id":711},"0ae58c99-be8f-4150-a17e-40bd3bb406b4",{"directus_files_id":713},{"id":714},"1db63e9b-6634-4332-aa22-7b5714d614c3",{"directus_files_id":716},{"id":717},"83efe688-fb89-4702-9e4e-0d40a1c097f3",{"directus_files_id":719},{"id":720},"756fb3cf-c109-427f-ab4f-158bbf7188f1",{"directus_files_id":722},{"id":723},"faa9ef3d-c5e5-41ef-b761-fdccd8a33d5f",{"directus_files_id":725},{"id":726},"b97448e6-1e22-4693-a607-3808bf87bdfa",{"directus_files_id":728},{"id":729},"84d4d919-5d70-49b3-9e5e-23bb17bbb998",{"directus_files_id":731},{"id":732},"7076c703-049d-4bc7-a93a-43142ef18394",{"directus_files_id":734},{"id":735},"8e6a069b-8392-4b12-b4a0-39bbd380485e",{"directus_files_id":737},{"id":738},"785e495e-5470-4dfa-a423-54a92c454318",{"directus_files_id":740},{"id":741},"ed8f6eef-a42d-437e-bec8-6a55052933b3",{"directus_files_id":743},{"id":744},"ea997e64-5089-4a95-a57b-93b835d2bf86",{"directus_files_id":746},{"id":747},"7ade5a39-aff6-462e-8e51-83ae6bdb0d0e",{"directus_files_id":749},{"id":750},"1aeea83c-4ad2-4f2b-be01-fa5e47114f9a",{"directus_files_id":752},{"id":753},"bd37e392-2832-49b2-846d-a47ce4aafef6",{"directus_files_id":755},{"id":756},"3c652da7-ae72-4a44-a2eb-16db865b0b0e",{"directus_files_id":758},{"id":759},"a2bdc51f-1cc1-4ef1-be3b-4ed845cf0827",{"directus_files_id":761},{"id":762},"15f76fd3-e63b-4557-95ce-11e2a1b275ac",{"directus_files_id":764},{"id":765},"158fa327-05a1-497f-9406-88316cf6158c",{"directus_files_id":767},{"id":768},"4a5808e2-d5ce-4ce4-bba4-c15abf6ff3cf",{"directus_files_id":770},{"id":771},"6e6eed7b-2767-426b-814a-84070312df5d",{"directus_files_id":773},{"id":774},"4672e837-4dc9-4586-a309-9ffcd48f1c2b",{"directus_files_id":776},{"id":777},"6ad9b25d-d9cd-4c59-8607-1ad2911dafdb",[779],{"languages_code":466,"description":780},"Lele Zhang’s personal portfolio is a soulful, highly tactile digital space that transcends the traditional, sterile product design showcase. It serves as a living journal of a designer in pursuit of both aesthetics and function, blending professional case studies with deeply personal reflections. The site functions as a bridge between technical product design and human-centric storytelling, making it an inviting destination for collaborators who value empathy and intentionality.\n\nThe visual identity is defined by a soft, dreamlike aesthetic that utilizes gentle gradients, organic shapes, and a playful, layered spatial composition. Eschewing the rigid grids of typical tech portfolios, the design employs a collage-like approach with floating cards and soft shadows that evoke a sense of warmth and intimacy. The typography is approachable and clean, perfectly complementing the site's whimsical yet sophisticated atmosphere, which targets creative directors and forward-thinking tech teams looking for designers with a unique human perspective.","SaaS & Software",[783,470,601],"3D \u002F Spatial",[],[786,787,788,298,789],"Untitled Sans","Geist","Geist Mono","Instrument Sans",[280,274],[792,794,796,797],{"score":793,"category":106},94,{"score":795,"category":109},75,{"score":666,"category":112},{"score":116,"category":115},[799,800,802,803],{"score":214,"category":106},{"score":801,"category":109},72,{"score":666,"category":112},{"score":116,"category":115},[126,138,134,130],"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."]