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.

{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

{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

  • an isometric view of floating tiles with line overlays to represent ui elements

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

  • an isometric view of floating tiles with line overlays to represent ui elements

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

  • an isometric view of floating tiles with line overlays to represent ui elements

/

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

  • A light wireframe of a mobile experience with rectangles representing content on the page

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

  • A light wireframe of a mobile experience with rectangles representing content on the page

/

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

  • Typography treatments in an outlined serif font, squares representing shades in a color palette, and other typography for a solid serif font

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

  • Typography treatments in an outlined serif font, squares representing shades in a color palette, and other typography for a solid serif font

/

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

  • A wireframe view of social, digital ads, and email campaign collateral.

Digital Campaigns

  • Designing across email, social, and digital ads — creating reusable, on-brand templates that scale campaign production without sacrificing quality.

    Email

    Social

    Templates

  • A wireframe view of social, digital ads, and email campaign collateral.

/

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

  • A large four-pointed star over a line grid with two other smaller stars next to it. To the right is a lockup of 6 smaller icons inside a rectangle.

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

  • A large four-pointed star over a line grid with two other smaller stars next to it. To the right is a lockup of 6 smaller icons inside a rectangle.

/

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

  • An accessibility icon in the center of four concentric overlapping circles

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

  • An accessibility icon in the center of four concentric overlapping circles