SWF.
Case study

WE Project

WE Project is an EU project (“Promoting Work-Based Equality for LGBT+Q+ Youth”) researching the experiences of young LGBT+Q+ people at the start of their careers and working to remove workplace discrimination based on sexual orientation and gender identity. It brings together seven organizations from six countries, is coordinated by the Medical University of Vienna and funded by the European Union. We built a website that turns serious research into a clear, accessible tool for multiple audiences.

UX/UI designCustom WordPressInteractive toolkit / e-learningAccessibility (a11y)
WE Project: website homepage
10 / 2024
01 · The challenge

The site had to serve three very different audiences at once: young LGBT+Q+ workers, the professionals who work with them (teachers, psychologists, union representatives) and policymakers. On top of that it carries extensive research material from six countries (a field report, a final report, an interactive toolkit and an e-learning course) that had to stay organized and easy to reach. The subject also demands visible respect for accessibility and a sensitive, professional tone.

02 · The approach

A project with three audiences easily ends up as an archive where nobody finds their part. So we tied the structure to the project's goals rather than to document types: a young worker, a professional and a policymaker each enter through a different door. We put the research findings ahead of the material, because a figure stops a reader and a PDF does not. Accessibility was not the last item on a list but a condition, on a subject that is about exclusion.

03 · What was delivered
  • A structure built around the project's three goals and three audiences
  • The field and final reports of seven partner organizations
  • An interactive toolkit and an e-learning course
  • Accessibility care built in from the start
  • A CMS the project team edits the content with itself
  • Live at we-project.eu

How it works.

Step 01

Sees they are not alone

Findings from six countries sit up front: 26% hide being LGBT+Q+ at work, 21% experience discrimination.

Step 02

Finds the tool for their role

A young worker, a professional and a policymaker head toward different material, without searching through all of it.

Step 03

Learns at their own pace

The interactive toolkit and the e-learning course sit alongside the reports rather than behind them.

Design system
Typography
Roboto
Scale: 16 → 52px

Roboto is clear, neutral and accessible. Across multiple languages and audiences (young workers, professionals, policymakers) it reads easily and feels inclusive, without a single exclusionary note.

Palette
Primary
Purple
#7016A5

Purple is traditionally the color of LGBT+Q+ dignity and inclusion. It carries the project's identity clearly and proudly.

Secondary
Green
#2EAE4C

Green brings optimism and positive action: hope and progress toward equality in the workplace.

Accent
Orange
#F87516

A warm orange for energy and highlights. It leads to the key actions and resources.

Text
Dark
#333333

A soft dark gray instead of black: a serious yet friendly base for extensive research content.

Have a project like this? Let’s talk.