Dushi Huis biedt kinderen en jongeren van 4 tot 18+ jaar, die niet meer thuis kunnen wonen, een kleinschalige, veilige woonplek in een echt huis. Daarom maakten we voor Dushi Huis een website die voelt als een warm welkom.
Het gevoel van Dushi Huis vertalen naar een online omgeving
Tijdens dit project stond één vraag centraal: hoe vertaal je de warmte, levendigheid en speelsheid van Dushi Huis naar een online omgeving? We lieten ons inspireren door de huisjes in het logo, waarin de lijnen op een speelse manier scheef lopen. Dit trokken we door in het hele ontwerp. Als je goed kijkt, zie je dat de knoppen, afbeeldingen en vlakken op de website allemaal een subtiele schuine lijn hebben. Extra leuk detail: wanneer je de pagina opnieuw laadt, staan de lijnen op een andere positie. Een kleine knipoog naar de creativiteit en afwisseling in de Dushi Huizen.
Die aandacht voor detail komt ook terug in het verhaal achter het hondje Dushi. De stichting is vernoemd naar deze viervoeter. We gaven Dushi een plek op de website door het hondje als illustratie toe te voegen aan een specifiek contentblok. Ze mogen zelf bepalen op welke plekken Dushi in beeld verschijnt, simpelweg door een vinkje aan te zetten in het contentmanagementsysteem (cms). Zo blijft het verhaal van Dushi op een subtiele manier zichtbaar en krijgt de website een persoonlijk accent.
Een nieuwe donatiepagina voor Dushi Huis
Dushi Huis draait deels op financiële donaties vanuit mensen, organisaties en bedrijven. Daarmee kunnen ze leuke uitjes doen, zoals de Viking Run Family-editie, een muziekworkshop of een weekendje weg of praktische spullen aanschaffen, zoals kleding, speeltoestellen en verf voor de kinderkamers.
We gaven het donatieformulier een vaste plek in de header, zodat bezoekers direct kunnen bijdragen. De grote afbeelding daarachter laat zien wat de donatie mogelijk maakt. De donatieflow leidt bezoekers, zonder afleiding, in een paar stappen naar hun bijdrage.
Toegankelijk voor iedereen, met een speelse twist
Dushi Huis heet iedereen welkom, zowel online als offline. Dat gevoel van gastvrijheid en thuiskomen vertaalden we naar een website die voor iedereen toegankelijk is. We werkten volgens de WCAG-richtlijnen en hielden daarbij ook meteen rekening met de nieuwe EAA-wetgeving, die digitale toegankelijkheid verplicht stelt.
Heldere kleurcontrasten zorgen ervoor dat teksten goed leesbaar zijn, ook voor kleurenblinden en slechtzienden. Het menu is volledig te bedienen met het toetsenbord. Alle onderdelen op de website zijn consistent opgebouwd: het menu staat altijd bovenaan, buttons hebben dezelfde kleur en iconen ondersteunen de bijbehorende tekst.
Kijkje nemen op de nieuwe website van Dushi Huis?
Benieuwd naar het eindresultaat? Hier bekijk je de website van Dushi Huis.
Wat we precies deden voor dit project
Onderzoeken
We bezochten een Dushi Huis en haalden input op tijdens een brown paper sessie met medewerkers van zowel de begeleiding als het kantoor. Zo brachten we de doelen en wensen voor de nieuwe website in kaart.
Ontwerpen
Op basis van de sessie werkten we een aantal moodboards uit voor de nieuwe visuele stijl van Dushi Huis. Ze waren zo enthousiast over het lettertype dat deze in het nieuwe hoofdkantoor is verwerkt op de raamstickers van de glazen deuren. Ook maakten we de wireframes en het UI design. Het speelse karakter van Dushi Huis vertaalden we naar een flexibel ontwerp met herkenbare visuele elementen.
Ontwikkelen
We ontwikkelden een gebruiksvriendelijke website met een flexibel contentmanagementsysteem (cms) in WordPress. Dushi Huis kan kiezen uit twaalf vaste contentblokken om de website overzichtelijk en consistent te houden. Binnen deze blokken passen ze eenvoudig zelf teksten, video’s en afbeeldingen aan. Daarmee kunnen ze ook in de toekomst nieuwe (landings)pagina’s opbouwen, die altijd in lijn zijn met het originele ontwerp.
