Prototype Digistente corporate
De Digistente corporate website is de basis van de service van Digistente. Hier wordt het systeem uitgelegd en verkocht aan potentiële klanten. Het is dus erg belangrijk voor het bedrijf dat deze website er representatief uitziet en een professionele uitstraling heeft (in de oude situatie was dit niet het geval). Ook voor de gebruiker van de site moet dit er netjes, betrouwbaar en vooral overzichtelijk uitzien, anders verkoopt de service natuurlijk niet.
Ik heb de content van de originele site als basis gebruikt maar het gehele design is in een modern jasje gestoken, met een nieuwe huisstijl en moderne design elementen. De website en het design is hiermee grafisch up-to-date en kan weer mee met deze tijd. Bekijk het prototype om mijn upgrade van de site in volle glorie te zien.
Casus Digistente corporate website (huidige situatie)
Als hoofdproject voor mijn stage als UX/Visual designer mocht ik de gehele corporate website van Digistente.nl een all round redesign geven. Zoals de voorbeeldafbeelding hier naast laat zien is de oude corporate website niet meer helemaal visueel up to date. Ook is de site nog niet responsive en moest ik er dus voor zorgen dat er ook een mobiele versie van de website komt. Aan mij was het dus de taak om een zowel visueel en interactief ontwerp te maken voor een nieuwe Digistente corporate website en een corporate mobiele website.
Over Digistente
Eerst even kort voorstellen, Digistente is een online service die de online communicatie tussen huisarts en patiënt faciliteert, dit is bijvoorbeeld in de vorm van formulieren waar de patiënt een afspraak kan maken met de arts, een vaccinatieaanvraag kan indienen of een algemene vraag kan stellen direct aan de arts.
Het prototype (corporate)
Casus Digistente formulieren
Voor mijn stageopdracht mocht ik naast de corporate website, er ook voor zorgen dat de user experience die Digistente.nl levert in de vorm van formulieren visueel verbeteren. Digistente is een online service die de online communicatie tussen huisarts en patiënt faciliteert. Dit is bijvoorbeeld in de vorm van formulieren waar: de patiënt een afspraak kan maken met de huisarts, een vaccinatieaanvraag kan indienen of een algemene vraag kan stellen direct aan de arts.
Huidige situatie
Zoals het voorbeeld hiernaast laat zien missen de huidige formulieren die worden aangeboden door Digistente de nodige visuele identiteit en gebruiksvriendelijkheid. Ook is een belangrijk punt dat de formulieren lange lappen tekst zijn en er geen indicatie is wanneer de formulieren afgelopen zijn waardoor stap na stap het formulier doorlopen een lang proces kan worden. In deze case ga ik hier een oplossing in bieden met mijn Visuele/UX design skills.
Wireframes
Eerst heb ik de gehele interactie die de gebruiker heeft met de formulieren in kaart gebracht en een nieuwe vorm gegeven in de vorm van nieuwe wireframes. Hieronder volgt een voorbeeld voor het afsprakenformulier die de patiënt invult om een afspraak met de huisarts te maken. Men doorloop hier verschillende stappen waar zij hun persoonsgegevens doorgeven en een datum prikken. (klik voor zoom)
Het prototype (formulieren)
Deze wireframes van de formulieren heb ik vervolgens vertaald naar een visuele uitwerking hier van in Adobe XD. Deze vertaling ik naar de nieuwe moderne huisstijl van Digistente gemaakt (klik voor zoom). In dit prototype is er gelet op overzicht, inzichtelijkheid en makkelijk te navigeren opties.
De gebruikers van Digistente bestaan vaak ook uit een oudere doelgroep, hierom zijn naast de eerder benoemde punten ook mogelijkheden binnen het formulier aangeboden om deze doelgroep bij te staan. Bij ieder onderdeel van het formulier staat een ‘hulp nodig?’ knop waar de gebruiker geholpen kan worden per stap in het doorlopen van dit formulier. Ook komt deze knop voor bij bepaalde punten in het formulier die misschien nog niet genoeg voor zichzelf spreken
Klik hier voor de interactieve versie van de agenda:
