Holma Folkhögskola

  • UX Design

  • Branding

Folk high school focused on sustainability & agroecology

The Challenge / Problem

Holma Folkhögskola's digital presence needed to comply with strict accessibility standards to ensure all prospective students and visitors, regardless of ability, could navigate the platform effortlessly. The existing site lacked consistent typographic hierarchy, failed contrast requirements in critical user flows, and needed a scalable system to maintain long-term compliance across landing pages and primary user journeys.

What I did

  • Audit & Evaluation: Conducted an extensive accessibility audit analyzing color contrast ratios, screen reader readability, and keyboard navigation.
  • Typography & UI Systems: Selected accessible fonts and refined the color palette and logo assets in Figma to meet WCAG 2.1 AA standards without compromising the visual identity.
  • Editorial Guidelines: Authored intuitive manuals and style guides for the school's editors to maintain accessibility standards during daily content updates.

​

Main logo on different palettes.

Hand drawn design.

​

Palette based on natural and earth tones.

​

Navigation cards.

Course specific cards.

Primary, secondary and tertiary buttons.

Display font.

Reflection

Designing for accessibility isn't a restrictive constraint; it's a catalyst for cleaner, more intuitive design.


Working on Holma Folkhögskola reinforced that clear typographic structure and thorough editor documentation are just as vital to accessibility as color contrast ratios.

maxbjorkegren@gmail.com

Let’s talk design over coffee.

Menu

Home

Projects

About

Socials

Linkedin

Instagram

Holma Folkhögskola

  • UX Design

  • Branding

Folk high school focused on sustainability & agroecology

The Challenge / Problem

Holma Folkhögskola's digital presence needed to comply with strict accessibility standards to ensure all prospective students and visitors, regardless of ability, could navigate the platform effortlessly. The existing site lacked consistent typographic hierarchy, failed contrast requirements in critical user flows, and needed a scalable system to maintain long-term compliance across landing pages and primary user journeys.

What I did

  • Audit & Evaluation: Conducted an extensive accessibility audit analyzing color contrast ratios, screen reader readability, and keyboard navigation.
  • Typography & UI Systems: Selected accessible fonts and refined the color palette and logo assets in Figma to meet WCAG 2.1 AA standards without compromising the visual identity.
  • Editorial Guidelines: Authored intuitive manuals and style guides for the school's editors to maintain accessibility standards during daily content updates.

​

Main logo on different palettes.

Hand drawn design.

​

Palette based on natural and earth tones.

​

Navigation cards.

Course specific cards.

Primary, secondary and tertiary buttons.

Display font.

Reflection

Designing for accessibility isn't a restrictive constraint; it's a catalyst for cleaner, more intuitive design.


Working on Holma Folkhögskola reinforced that clear typographic structure and thorough editor documentation are just as vital to accessibility as color contrast ratios.

maxbjorkegren@gmail.com

Let’s talk design over coffee.

Menu

Home

Projects

About

Socials

Linkedin

Instagram

Holma Folkhögskola

  • UX Design

  • Branding

Folk high school focused on sustainability & agroecology

The Challenge

Holma Folkhögskola's digital presence needed to comply with strict accessibility standards to ensure all prospective students and visitors, regardless of ability, could navigate the platform effortlessly. The existing site lacked consistent typographic hierarchy, failed contrast requirements in critical user flows, and needed a scalable system to maintain long-term compliance across landing pages and primary user journeys.

Key Contributions

  • Audit & Evaluation: Conducted an extensive accessibility audit analyzing color contrast ratios, screen reader readability, and keyboard navigation.
  • Typography & UI Systems: Selected accessible fonts and refined the color palette and logo assets in Figma to meet WCAG 2.1 AA standards without compromising the visual identity.
  • Editorial Guidelines: Authored intuitive manuals and style guides for the school's editors to maintain accessibility standards during daily content updates.

​

Main logo on different palettes.

Hand drawn design.

​

Palette based on natural and earth tones.

​

Navigation cards.

Course specific cards.

Primary, secondary and tertiary buttons.

Display font.

Reflection

Designing for accessibility isn't a restrictive constraint; it's a catalyst for cleaner, more intuitive design.


Working on Holma Folkhögskola reinforced that clear typographic structure and thorough editor documentation are just as vital to accessibility as color contrast ratios.