Project

Gelderhorst is een thuis vol gebaren, ook voor medewerkers

Expertises

Klant

Gelderhorst

Website

In productie

Het centrum voor oudere Doven

Gelderhorst is een uniek zorgcentrum, dat volledig is ingericht op oudere doven. Zo is gebarentaal ook de gesproken (of gebaren) hoofdtaal binnen de organisatie. Gebarentaal is de verbindende factor in alles wat zij doen.

De opdracht

De uitdaging was om een nieuwe versie van de site te ontwerpen die visueel aantrekkelijker en gebruiksvriendelijker was. Er moesten grote stappen gemaakt worden in toegankelijkheid volgens de WCAG 2.1 richtlijnen.

Branding

Merkherkenning door kleuren & typografie

Om de visuele stijl van het project op te bouwen, hebben we het kleurenpalet van het merk teruggebracht tot twee kleuren die aansluiten bij de waardes van de organisatie en bijdragen aan een herkenbare en professionele uitstraling.

We hebben het IBM Plex Sans font gekozen vanwege de hoge leesbaarheid en professionele uitstraling.

Aqua

HEX: #77CDD2

RGB: 119, 205, 210

CMYK: 43, 2, 0, 18

Oranje

HEX: #F37053

RGB: 243, 112, 83

CMYK: 0, 54, 66, 5

Wit

HEX: #F8F8F8

RGB: 248, 248, 248

CMYK: 0, 0, 0, 3

Headings

IBM Plex Sans Bold

Body tekst

IBM Plex Sans Regular

Dark mode

Betere leesbaarheid met de donkere modus

Bij de ontwikkeling van de nieuwe website was toegankelijkheid een belangrijke peiler. Een van de oplossingen om hierin maximaal te scoren was een donkere modus. Deze modus zorgt met een contrastscore van 18.42 (5 star volgens de WCAG) ervoor dat alle content zo duidelijk mogelijk te lezen is voor slechtziende.

Donkergroen

HEX: #0D2627

RGB: 13, 38, 39

CMYK: 67, 3, 0, 85

Donkeraqua

HEX: #206163

RGB: 32, 97, 99

CMYK: 68, 2, 0, 61

Zwart

HEX: #061314

RGB: 6, 19, 20

CMYK: 70, 5, 0, 92

Website implementatie

Een toegankelijk & professioneel ontwerp

Beheerbare thema’s binnen de website

Slimme funnels richting conversies

Middels gebaren-video’s kunnen doven mensen de website bekijken in hun eigen taal

Vormentaal die je gaat herkennen

Implementatie Nederlandse gebarentaal

Een van de uitdagingen was het implementeren van de Nederlandse gebarentaal in de website. Dit is getackeld door de mogelijkheid in te bouwen om via het CMS overal in de website gebaren video’s toe te kunnen voegen aan content, die via de voorkant direct getoond wordt aan bezoekers.

De directe integratie met Readspeaker zorgt ervoor dat teksten voorgelezen kunnen worden voor slechtziende mensen.

ReadSpeaker is door de WCAG 2.1 AA compliance test gekomen.

Met de multi-site installatie kan Gelderhorst zowel de hoofdsite, als de werken-bij site beheren vanuit één omgeving.

Met de aparte werken-bij site is de candidate journey geoptimaliseerd en is er een slimme koppeling met AFAS Outsite.

Door slimme flexibele layouts kunnen pagina’s onafhankelijk via het CMS opgebouwd worden.

Wanneer wij een maatwerk website bouwen, is beheerbaarheid een belangrijke pijler.

Resultaat

We transformeerden een verouderde merkidentiteit naar een unieke, eigentijdse uitstraling. Het hoogtepunt was het zien van de positieve impact op Gelderhorst, waaronder betere herkenning, meer interactie, meer sollicitaties èn betere toegankelijkheid.

Volgende project