Hello, I'm Hanna
I design systems and the products rooted in them.
I'm a senior designer with 10+ years of experience working at the intersection of brand, web, and systems. I build the foundations that make design consistent at scale, and the campaigns and experiences on top of them. My skillset spans design systems, visual identity, web, and email design.
I care about systems that scale, handoffs that don't break down, and interfaces that work for everyone.
Systems thinker
in practice
6+ years
in-house design
Design systems
built and governed
Accessibility built in
by default
My Experience
Six years ago I made a deliberate shift from graphic design into UX — and spent the years since building something worth owning.
2024 - present | SEL
Senior UX/UI Designer
promoted
Active design system ownership — managing Diatom's governance, documentation, tokens, and variables while creating specs for web templates, email templates, marketing pages, new components, and web applications. The scope is broad; the standard is consistent.
2022 - 2024 | SEL
Lead UX/UI Designer
promoted
Completed the Diatom design system build and led advocacy for accessibility and user best practices across the organization. Created templates and specs built on the system, and played a key role in the site migration from Angular to React — updating page templates and migrating content to the new CMS.
2019 - 2022
UX/UI Designer
Transitioned from graphic design into UX — conducting user testing, building web pages in the CMS, establishing the web brand identity, and laying the foundation for what would become Diatom.
2024 - present | SEL
Senior UX/UI Designer
promoted
Active design system ownership — managing Diatom's governance, documentation, tokens, and variables while creating specs for web templates, email templates, marketing pages, new components, and web applications. The scope is broad; the standard is consistent.
2022 - 2024 | SEL
Lead UX/UI Designer
promoted
Completed the Diatom design system build and led advocacy for accessibility and user best practices across the organization. Created templates and specs built on the system, and played a key role in the site migration from Angular to React — updating page templates and migrating content to the new CMS.
2019 - 2022
UX/UI Designer
Transitioned from graphic design into UX — conducting user testing, building web pages in the CMS, establishing the web brand identity, and laying the foundation for what would become Diatom.
2024 - present | SEL
Senior UX/UI Designer
promoted
Active design system ownership — managing Diatom's governance, documentation, tokens, and variables while creating specs for web templates, email templates, marketing pages, new components, and web applications. The scope is broad; the standard is consistent.
2022 - 2024 | SEL
Lead UX/UI Designer
promoted
Completed the Diatom design system build and led advocacy for accessibility and user best practices across the organization. Created templates and specs built on the system, and played a key role in the site migration from Angular to React — updating page templates and migrating content to the new CMS.
2019 - 2022
UX/UI Designer
Transitioned from graphic design into UX — conducting user testing, building web pages in the CMS, establishing the web brand identity, and laying the foundation for what would become Diatom.
Recent Works
How I Work
Self-starter
I improve things before I'm asked to. Identifying gaps, proposing process changes, and flagging UX issues unprompted is just part of how I show up. I don't wait for a brief to tell me something isn't working.
Self-starter
I improve things before I'm asked to. Identifying gaps, proposing process changes, and flagging UX issues unprompted is just part of how I show up. I don't wait for a brief to tell me something isn't working.
Self-starter
I improve things before I'm asked to. Identifying gaps, proposing process changes, and flagging UX issues unprompted is just part of how I show up. I don't wait for a brief to tell me something isn't working.
Lifetime learner
Lifetime learner
I learn continuously and apply it immediately. Whether it's studying how other systems are structured in Storybook, researching WCAG updates, or cross-referencing design trends against what's practical — I bring outside thinking into my work consistently.
Lifetime learner
I learn continuously and apply it immediately. Whether it's studying how other systems are structured in Storybook, researching WCAG updates, or cross-referencing design trends against what's practical — I bring outside thinking into my work consistently.
Proactive collaborator
Proactive collaborator
I collaborate proactively, not reactively. I work closely with engineering, marketing, and leadership — not just when something needs to ship, but throughout the process. The earlier the collaboration, the better the outcome.
Proactive collaborator
I collaborate proactively, not reactively. I work closely with engineering, marketing, and leadership — not just when something needs to ship, but throughout the process. The earlier the collaboration, the better the outcome.
Systems driven
Systems driven
I manage the details without losing the picture. From component-level accessibility specs to leadership-ready Figma presentations, I hold both. Consistency at scale requires attention to both the system and what it produces.
Systems driven
I manage the details without losing the picture. From component-level accessibility specs to leadership-ready Figma presentations, I hold both. Consistency at scale requires attention to both the system and what it produces.
