Coor – Designing for accessibility, usability, and scalability

Coor – Designing for accessibility, usability, and scalability

Coor – Designing for accessibility, usability, and scalability

Coor is one of the leading facility management companies in the Nordics. Their digital platform had become outdated, inaccessible, and difficult to maintain across their 13 market-specific websites.

“With the results from the user insights project to lean on, we had a short runway when we were to begin a comprehensive upgrade of all our external websites.”

“With the results from the user insights project to lean on, we had a short runway when we were to begin a comprehensive upgrade of all our external websites.”

Mia Odeh, Project Manager, Coor

Key insights

Redesigned Coor’s digital platform across 13 markets with a scalable design system, improved navigation, and WCAG-compliant accessibility.

Client

Coor Service Management Holding AB

Role

UX/UI Designer, Workshop Facilitator

Skills

UX, research, user interviews, user survey, visual design, wireframing, prototyping, rebuilt design system

Let's dive into more details

Key pain points

  • Inconsistent UX and lack of visual identity across markets

  • Accessibility issues affecting key user journeys

  • Difficult for users to navigate between markets

My contributions

I worked across the full design process in a cross-functional team:

  • Facilitated workshops with the client (stakeholder, editors, etc)

  • UX research, benchmark analysis, and impact mapping

  • Planned, booked respondents and conducted user interviews and a survey

  • Created wireframes and user flows for key journeys

  • Designed a modular UI in Figma with components and a design system

  • Made sure everything was compliant with WCAG AA+

  • Collaborated closely with developers for handoff and QA

Results

  • 13 websites launched using the same design system but different branding

  • Consistent and accessible user experience across country and brand sites

  • Improved navigation for both visual clarity and functional usability

  • Editors empowered with reusable components and visual page building

  • Improved SEO and performance from day one

  • WCAG compliance integrated from wireframes to handoff

  • Faster publishing with fewer dependencies on developers

Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.

Before and after screenshots of the old and new start page.

Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.

New user-centered mega menu.

Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.
Before and after screenshots on Coor's start page.

The new navigation separates the IR-site (coor.com) and the country sites (e.g. coor.se). For instance, only the IR site has the stock market information.

Key learnings

  • Early integration of accessibility shaped both UX and visual design decisions – saving time and reducing technical friction

  • Close collaboration with editors improved the internal adoption and ensured a smooth rollout

  • Despite careful planning, shifting needs and new insights required us to adapt – flexibility and close collaboration ensured project success

Joakim Sommar in a meeting

Joakim Sommar

Sr. UX/UI Designer + Accessibility Specialist

Curious to talk design, accessibility, or future opportunities?

Joakim Sommar in a meeting

Joakim Sommar

UX/UI Designer
+ Accessibility Specialist

Curious to talk design, accessibility, or future opportunities?

Joakim Sommar in a meeting

Joakim Sommar

Sr. UX/UI Designer + Accessibility Specialist

Curious to talk design, accessibility, or future opportunities?