Achaat uitvaartverzorging redesign 2022
Dit ontwerp is onderdeel van mijn project voor Achaat uitvaartverzorging voor de opleiding Communicatie & Multimedia design aan de Haagse Hogeschool.
Om ervoor te zorgen dat de website van Achaat uitvaartverzorging drempelvrij is voor de gebruiker en ze hun uitvaart hier willen regelen zullen de behoeftes van de gebruikers meegenomen moeten worden in de ontwerpfase. De persona’s, user stories, verbeterpunten uit die concurrentieanalyse en gevonden WCAG-regels zijn een goed startpunt om de eisen van de gebruiker te verwerken in het nieuwe ontwerp. De user stories en WCAG-regels zullen hier de grootste invloed op hebben. In het ontwerprapport zullen de WCAG regels naast het definitieve ontwerp gelegd worden om te meten of deze daadwerkelijk behaald zijn.
Concept 3: Visual-prospects
Dit concept maakt het mogelijk om om zichtbaar te zijn voor alle gebruikers die Achaat zou willen ontvangen. Alle informatie over de uitvaart en de voorzorgsmaatregelen die je zelf kan nemen als klant zijn te vinden in op de website.
De website maakt het mogelijk om zichtbaar te zijn voor (kleuren)blinden. De alt teksten en de naam van de web-segmenten geven een duidelijke positie weer tijdens het gebruik van een voorleesprogramma. De teksten zijn leesbaar voor mensen met kleurenblindheid. De teksten zijn in een leesbaar font en een leesbare kleur ten opzichte van de achtergrondkleur geschreven.
Wanneer de gebruiker op de website van Achaat komt staat de belangrijkste informatie al op het home scherm. Ten eerste is de eerste link op de pagina het telefoonnummer en kan er meteen contact opgenomen worden met Achaat voor informatie. De tweede link is het telefoonnummer. Dit telefoonnummer heeft speciaal voor het voorleesprogramma een alt tekst: “Bel ons 24/7 om een overlijden te melden”. De eerste banner heeft een extra description. De main van de pagina begint met de belangrijkste stappen in het contact opnemen met Achaat. Het eerste Article in het ontwerp gaat over Achaat en hun werkwijze. De tweede Article gaat over de verzekering en kosten. De wens van Achaat om duidelijk te maken dat een uitvaart met elke verzekering bij Achaat geregeld kan worden is hiermee vervuld. Ook de banner beneden in het scherm motiveert de gebruiker contact op te nemen. De footer is overzichtelijker en bevat alleen maar steekwoorden die het navigeren in de website makkelijker maken.
Het contactformulier maakt het mogelijk snel en makkelijk contact op te nemen met Achaat. Via dit formulier kun je alle vormen van communicatie opnemen, een belafspraak inplannen, een verzoek voor je uitvaart indienen, vragen stellen of juist een opmerking achterlaten. De locatiegegevens en contactgegevens worden overzichtelijk aan de linkerkant getoond. Het contactformulier is te resetten met de blauwe knop en de verzendknop blijft inactief tot de vereiste velden ingevuld zijn.
Voor het contactformulier is er een validatie op de belangrijkste velden. Zo wordt er een rode lijn rond het foute invoerveld aangegeven en daarnaast wordt een beschrijving gegeven hoe je dit probleem op kunt lossen. Er is voor de kleurenblinden gekozen om voor het form een icoon te zetten van een !. Deze combinatie van kleuren en symbolen maakt de functie inzichtelijker voor een grotere doelgroep.
Op de Kosten pagina is op een overzichtelijke manier aangegeven wat een uitvaart kost. Zo zijn de min. en max. prijzen aangegeven. Ook wordt er op deze pagina duidelijk aangegeven welke verzekering je nodig hebt voor een uitvaart bij Achaat te kunnen regelen. Tussen de informatie zijn knoppen geplaatst naar de prijslijst en de kosten van de bloemen.
Op de pagina Rouwrituelen en culturele uitvaarten worden de mogelijkheden van culturele uitvaarten getoond. De mogelijkheid hier is om de gebruiker te informeren over alle mogelijkheden die Achaat biedt.
Voor de blinde gebruiker is er weinig uitgewerkt in het prototype zelf. Daarom is er voor gekozen om de schermen van het Hifi-Prototype te annoteren. In deze annotatie wordt inzichtelijk welke Alt. Teksten er per onderdeel toegevoegd wordt en welke code er nodig is voor de onderdelen waar de website-informatie zich in bevindt.
