https://hannahhdesign.com/about daily 0.75 2025-05-27 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/9ad9fc4e-acc3-42f4-b59e-fc8ec5795db8/Blob-6.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/45634424-85b1-4d53-9786-9b3a1068f32b/Blob-5.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/a26af077-5b94-4efd-be32-5567cc264572/Hannah-H-Headshot.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/4845039f-a551-46ea-9830-92074a8cd969/Logo-Lilly.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/531bb3ca-fa35-46fb-baef-c4f91f1e3ae8/Logo-Avid.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/0e806652-a3a3-4a1c-ba8c-2d8047ea617c/Logo-Tangerine.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/87d66b0a-4f1d-4065-b69c-90752bfd717e/Logo-Gates.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/fa6fbd7f-cfd2-4d95-816c-2f5c331b9d1b/Logo-Tidelift.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/2de7993d-e603-4db7-95b6-87142c66a56d/Logo-MH.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/dd6c8c0f-292d-45e9-a978-4de5b1ea8455/IMG_2607.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/8e14af80-2dd3-4f53-90dc-1e49c58c395e/Blob-6.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/97e63359-bbe4-4e88-89fb-374f8981997c/cabe00b2-c33a-439b-83eb-c4594797a1ce.JPG https://hannahhdesign.com/community daily 0.75 2025-05-27 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/53f60838-c68a-492e-983b-335e72cb0f5d/Group+6.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/0a97db5f-301b-4713-98b7-1fa3543de8ac/Group+5.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/0b49878f-3764-41a2-b08a-fd09a04b602a/Group+4.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608840538872-G7F75EEXCRO7AEOCHBZC/Hopscotch+Design+Festival https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608840476931-S3UB3M1VFR5LV1NB5HCX/Elise.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608840557218-EDDW8MLNK7WW58SUZW4A/Webinar-Splash%252Bcopy.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608840595696-KRZGXA6K8BHUAZO4CMGI/image.jpg https://hannahhdesign.com/work daily 1.0 2025-06-06 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/5af3faff-b6c7-4a37-a4d5-6dcd2d0fac3d/Modern+Health+1.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/d5756605-37b5-43e5-8ac6-78d4341c0f37/Screenshot+2025-05-28+at+2.21.59%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/09e57e7a-2f6e-41d8-adbf-e5533b5a9dd5/Modern+Health+2.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1631832615173-MAFI3SJRWWXDPH7NI7HP/Mockup_WB.jpg Work - Scaling human-centered design globally to address health challenges Coming soon https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1631832562302-Q2F7AL4OHE8S7MHXN0FE/Mockup_2.jpg Work - Creating a design system to help Tidelift scale for enterprise Coming soon https://hannahhdesign.com/work/building-a-new-visual-language monthly 0.5 2020-12-27 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607212777311-WDXUIR32MFI10J4IAIAW/NewKind_Wireframes.jpg Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607213674202-9PQ2IX1XLM0C7ZUOG81F/NewKind_Icons.png Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607222373377-G6IZR4FXYI7J6GY3TJ8E/Hopscotch%2Bcopy.jpg Work - Building a new visual language Impact Codifying the brand positioning, visual design system, and website was a lesson in getting things done with consensus. The website design process became an opportunity to imagine what the future could be for New Kind, a symbol of where we’re headed next with room to grow. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607212881301-VM02RXKNOOFA41LQZFMT/NewKind_Wireframe_Sketch.JPG Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607212974294-ST57LE9VZG4GCMV1KLNM/NewKind_Wireframe.jpg Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607216880317-FDK0MXLZGQXM0KAS8E3C/Water%2BSky.jpg Work - Building a new visual language - Creating a design system New Kind believes creating brands should be an adventure, so I created a UI library and photography style that subtly reflected our adventurous spirit. Playing off the idea of “visionary” as our brand voice, I designed a system of elements to match. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607215076535-UVIVY7APJCZGUGBJLEQZ/New-Kind_Design.jpg Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607213848370-5NGSU4TE9ZTKZ152OLTT/NewKind_IA.001.jpg Work - Building a new visual language As design lead, I played the fundamental roles of prototyper, designer, consensus builder, information architect, decision maker, and UX tester. I set criteria based on our current and future client personas while navigating the layers of our website rebuild with short sprints. I visually tested our new positioning and vision with our team, a short selection of our clients, and with our strategic web partner NewFangled through wireframing. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607213696664-OII7TSXKSWRWJCXSYQAH/NewKind_Web-Pages.jpg Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607213652664-6903BFVZZH35R4UU4IHA/NewKind_UI-Library.jpg Work - Building a new visual language https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607217083947-QHMJK71CAEICSHP2CBW3/Identity-System_Critique.jpg Work - Building a new visual language I worked with our developer to create a content management system that gave our team the freedom to organize and iterate on what we can offer—through visually interactive case studies and lively team bio pages. We also developed a framework around our forms, to automate a way for future clients to get in touch through progressive profiling with ActOn. https://hannahhdesign.com/work/creating-a-brighter-future-for-open-source-software monthly 0.5 2020-12-24 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606683347320-LSOW1UOSYM0PIBCJ2A1E/TIDE_visual_refine_workshop_171114_Page_50.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606685026191-IWFRHIS0V5C9FZKSI9FD/TIDE_visual_refine_workshop_171114_Page_51.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606679165987-VWNHGJ30BPRGA9NOBSY1/Tidelift_Homepage_1.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606684993034-KOU3ADLNTJKP3HLL2FS3/TIDE_visual_refine_workshop_171114_Page_32.jpg Work - Creating a brighter future for open source software - Creating a scalable visual system The Tidelift team needed a visual design system they could grow into as they expanded their design team and built their MVP product. So we created guiding principles to inform visual style, typography, spacing, motion, and interaction models that could span across their marketing site and product design for a cohesive experience. This also included working closely with their front-end developers to give feedback on early product prototypes. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606685268196-8EKEB22TS221M6QS6ZFT/404_Page.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606677625452-K1IKLIZW5IDQPIW2XZOS/Tidelift_Survey.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606683255663-6PUVR12JUVPD6RLMLGJB/Tidelift_shorthand.jpg Work - Creating a brighter future for open source software - Building a brand The spirit of Tidelift evokes a communal feeling of moving together. The mark connects the two T’s in the name—representing developers and maintainers—both lifting upwards in harmony. And the full word mark was created with subtly soft corners to evoke a positive, playful tone. The Tidelift brand is built on feelings of warmth, authenticity, and shared growth. So we explored warm color palettes that could evoke that same sentiment. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606685130767-LPY66CFG0MI62Y34EG2S/Tidelift_Lifters_Illustration_Impact+Illustration.jpg Work - Creating a brighter future for open source software - Impact Tidelift has raised $15MM in Series A funding from General Catalyst, Foundry Group, and Former Red Hat CEO Matthew Szulik. With the help of a story-driven brand and a cohesive visual design system, Tidelift is growing—and the tech world is taking notice. In the time since our work together, Tidelift’s visual design system has expanded into their product and has been a driving force to attract talent. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606682929926-2Q10QOBZAKF1CLF4OJI5/TIDE_CaseStory_images-09-1-1600x0-c-default.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606683372858-KMSRYK9HBDR868DK8BEC/TIDE_visual_refine_workshop_171114_Page_49.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606682759558-A2XX488ZTUNT520RVYQY/TIDE_CaseStory_images-10-1600x0-c-default.jpg Work - Creating a brighter future for open source software Our first step was a day-long workshop, bringing together the company’s leaders to discuss their vision, the competitive landscape of the world of open source software, positioning, and key audience personas. Followed by a series of founder interviews and surveys, we learned that the open-source community needed a brighter, fairer future for open source. So, we created a brand identity, visual design system, and messaging that reflected the optimism and positivity of Tidelift’s mission. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606677468165-0WP9PJAGOX61LLZAEG8P/Mobile_Views_2.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606677527380-VF3IY1SVRR2RKPLP9BAY/Tidelift_logo.jpg Work - Creating a brighter future for open source software https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606685300021-EY10DER6GTDTRSVNI2EM/Manifesto.jpg Work - Creating a brighter future for open source software https://hannahhdesign.com/work/advocating-for-responsible-tech monthly 0.5 2020-12-24 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604815680163-0DHVJTMYXKADAC4SSBEN/Packaging_Mockup.jpg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604819892785-9VANRNB8UFZIL7P011H1/Tech-Risk-Zones.jpg Work - Advocating for responsible tech Tech Risk Zones The Ethical Explorer Pack centers around eight Tech Risk Zones from algorithmic bias to disinformation. We designed a unique illustration for each zone that expresses unforeseen danger and potential challenges Explorers might encounter in the wild. Based on research, we developed three sets of questions to provoke thoughtful conversation to help teams figure out where they stand, anticipate risk, and lead the way when it comes to radical change. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604817304641-LNOKY6XCLXYQV3HWNKBP/Website.jpg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604819942183-A0EY3HQLA6BKLAJWIW7I/Field-Guide.jpg Work - Advocating for responsible tech The Field Guide Complementing the Risk Zone cards, the Field Guide suggests five different activities to help both individuals and groups start their journey toward more ethical technology and gain buy-in within their organizations. Explore as a group to build habits moving forward, or reflect and challenge past decisions on your own. Unique stickers let Explorers show off their passion and advocacy for ethical, inclusive, and safe technology. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604817596764-BXL5BPDNA0D2X0MFLK6Y/Surveillance.png Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604804456530-14WLZ09TPSI84CKBQA9P/Hero-Image-EEP.jpg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604808652458-CBL0BYCP0QQABBCB2LUU/Research Work - Advocating for responsible tech Through a series of generative and evaluative interviews with product managers, designers, engineers, and start-up founders, as well as community roundtables with responsible tech experts in New York and San Francisco—we learned that the hardest part of trying to understand the long-term consequences of the products we create is knowing where to start and getting people to care. So, we created an approachable, actionable guide to foster a culture of questioning, challenge norms, and design tech products built with responsibility at the core. https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604817440448-5VVL0EKS94S1V5UMBVCN/ezgif-4-f04d4fbdfdfa.gif Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604805540871-VS6E314OXY5THZ9XG9RT/Hand-Cards.jpg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604820037989-VA5VQ5CE4PWV6ACITFRO/image-asset.jpeg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604818118102-35V4OO6LAKIGWR83GXQY/Field-Guide_Download_Final5.jpg Work - Advocating for responsible tech https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1604818962049-2LUHOVZ48OQ4JAIP824S/ezgif-4-9b8018726a74.gif Work - Advocating for responsible tech Impact In the first few months that the Ethical Explorer Pack was launched, it was downloaded over 2,000 times and received acclaim in Cool Hunting and Wired. To continue growing a movement of passionate people committed to ensuring technology benefits and protects the people it serves, I created and co-presented an Ethical Explorer introductory webinar through Artefact’s Impact by Design series. https://hannahhdesign.com/work/simplifying-everyday-banking monthly 0.5 2020-12-24 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607966215862-PDX96JY9UYDGVAMS4GNH/Tangerine_Screens.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606796550065-CL1W4OU279VCOUJWJH82/tangerine-hero-3.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608006801267-I4R0ZKC8R08OKCMLZFR5/Interviews%2Bcopy.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606798524982-GJCFOWGNVTW3C1OHYRZZ/tangerine-styles-2.png https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607966525235-7W2BOEQW4S6BCIKPZZEZ/Welcome-Tangerine https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607228679503-MENS6X6I584G84JKV3GZ/Banking-Onboarding.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1607231386135-WAECWORGBEBS7U75X8LQ/Phone-Mockup%2Bcopy.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1608007320515-Y3FI1D0WPVDQ27Q249LS/Testing-Plan+copy.jpg https://hannahhdesign.com/work/designing-a-better-experience-for-diabetes-care monthly 0.5 2020-12-24 https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606693655643-F44U5LP3WEICZOXIY9JH/PwD%2BWorkshop%2BPhoto.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606695425887-1G6M6KPPDYRT6FQ7AM29/Slide4.jpeg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606695554914-MOVB3N3X4QZGCK8QKHSD/Workshop3.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606695517719-N7YFW7A6G50SADBG4PFA/Slide29.jpeg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606693678091-RSRKCF61X3A5A949F83U/Product.jpg https://images.squarespace-cdn.com/content/v1/5fa7529ec36d0a187186ca93/1606695581895-TQFQI9O79X9B5LTY0J2J/Slide31.jpeg