Hello, I'm Hanna
Digital designer with a systems mindset.
Digital designer with a systems mindset.
I design and scale UX systems within a marketing web experience, collaborating closely with engineering and marketing teams to maintain consistency and scalability.
6+ years
of in-house experience
design system ownership
across product teams
collaboration with
engineering + product teams
scalable ux solutions
across web-based product experiences
{01} My Experience
For the past 6+ years at Schweitzer Engineering Labs, I’ve worked across product and marketing initiatives, using the Diatom design system as a foundation to create cohesive digital experiences across web applications, marketing pages, and other user touchpoints. My focus has been on maintaining consistency while adapting the system to support a range of user needs and business goals.
I design digital products that remove friction, clarify complex ideas, and scale with growing businesses. My work blends strategy, interface design, and real-world constraints to deliver systems that are intuitive, consistent, and built to last beyond trends.
2024 – Present
Senior UI/UX Designer
Full-time
SEL
01
2024 – Present
Senior UI/UX Designer
Full-time
SEL
01
2022 – 2024
Lead UI/UX Designer
Full-time
SEL
02
2022 – 2024
Lead UI/UX Designer
Full-time
SEL
02
2019 – 2022
UI/UX Designer
Full-time
SEL
03
2019 – 2022
UI/UX Designer
Full-time
SEL
03
{02} Featured projects
Recent Works
{03} My services
How I can help
/
01
Brand Systems Design
Building and evolving Figma-based design systems — tokens, components, templates, and documentation that keep brands consistent and teams moving faster.
Strategy
Visual Identity
Guidelines

Brand Systems Design
Building and evolving Figma-based design systems — tokens, components, templates, and documentation that keep brands consistent and teams moving faster.
Strategy
Visual Identity
Guidelines

Brand Systems Design
Building and evolving Figma-based design systems — tokens, components, templates, and documentation that keep brands consistent and teams moving faster.
Strategy
Visual Identity
Guidelines

/
02
Web Experience Design
Web Experience Design
Designing responsive landing pages, campaign pages, and marketing site experiences that balance brand expression with clarity and conversion.
Responsive layouts
Conversion
Scalable Templates

Web Experience Design
Designing responsive landing pages, campaign pages, and marketing site experiences that balance brand expression with clarity and conversion.
Responsive layouts
Conversion
Scalable Templates

/
03
Visual Identity & Art Direction
Visual Identity & Art Direction
Defining and evolving how a brand looks and feels across digital touchpoints — typography, color, iconography, and the visual language that makes a brand recognizable.
Typogrpahy
Color
Iconography

Visual Identity & Art Direction
Defining and evolving how a brand looks and feels across digital touchpoints — typography, color, iconography, and the visual language that makes a brand recognizable.
Typogrpahy
Color
Iconography

/
04
Digital Campaigns
Digital Campaigns
Designing across email, social, and digital ads — creating reusable, on-brand templates that scale campaign production without sacrificing quality.
Email
Social
Templates

Digital Campaigns
Designing across email, social, and digital ads — creating reusable, on-brand templates that scale campaign production without sacrificing quality.
Email
Social
Templates

/
05
Icon & Illustration Systems
Icon & Illustration Systems
eveloping scalable icon systems and pictogram libraries that make complex concepts clear and consistent across web, video, and print.
Pictograms
Custom illustration
Scalability

Icon & Illustration Systems
eveloping scalable icon systems and pictogram libraries that make complex concepts clear and consistent across web, video, and print.
Pictograms
Custom illustration
Scalability

/
06
Accessibility & Inclusive Design
Accessibility & Inclusive Design
Accessibility & Inclusive Design Designing and auditing digital experiences to meet WCAG AA standards — building compliance in at the component level so accessibility is a foundation, not an afterthought.
WCAG AA
Compliance
Usability

Accessibility & Inclusive Design
Accessibility & Inclusive Design Designing and auditing digital experiences to meet WCAG AA standards — building compliance in at the component level so accessibility is a foundation, not an afterthought.
WCAG AA
Compliance
Usability

{09} Recent posts
{09} Recent posts





