BACK

Van design naar werkende code

Verbetering van het Bestelsysteem en UX voor Fotostudio Regina

​Fotostudio Regina is gespecialiseerd in kinderfotografie en biedt een gevarieerde fotoserie per kind zonder aankoopverplichting of opstartkosten. Hun doel is om het fotograferen voor zowel kinderen als scholen stressvrij en plezierig te maken. Ze verzorgen alles, van het maken van foto's op locatie tot een gebruiksvriendelijke online bestelwebsite voor ouders.

Bij Fotostudio Regina werd het bestelproces door gebruikers als niet gebruiksvriendelijk ervaren. Het responsive ontwerp functioneerde niet goed op verschillende apparaten, waardoor het moeilijk was om foto's en pakketten samen te stellen. Daarnaast vielen de acties en aanbiedingen van de studio niet voldoende op, wat het geheel onduidelijk maakte voor de klant. Mijn opdracht was om het bestelproces te verbeteren door zowel de gebruikerservaring (UX) als het ontwerp te optimaliseren.

Het bestelproces

Bij het verbeteren van het bestelproces voor Fotostudio Regina ben ik begonnen met het analyseren van het bestaande systeem en het observeren van de plekken waar gebruikers tegenaan liepen. Door het proces vanuit het perspectief van de klant te bekijken, kon ik de knelpunten identificeren die de gebruikerservaring bemoeilijkten. Het doel was om het bestelproces soepeler en gebruiksvriendelijker te maken, en het hele proces visueel aantrekkelijker en intuïtiever te maken voor de klanten.

Pakket kiezen – oude situatie

Toen ik deze pagina voor het eerst zag, viel me meteen op hoe overweldigend het geheel was. Alles stond dicht op elkaar, de prijzen sprongen er niet uit. Er was veel tekst, maar geen visuele begeleiding – terwijl het juist om fotografie draait. Ik merkte dat dit klanten onzeker maakte: “Wat moet ik kiezen? Is dit het waard?” Die twijfel wil je juist wegnemen in een goede eerste stap van het bestelproces.

Foto’s kiezen – oude situatie

Deze stap hoort eigenlijk leuk te zijn – je kiest immers je favoriete foto's uit een shoot. Maar hier voelde het eerder verwarrend. De foto's stonden klein en zonder duidelijk systeem op de pagina. Gebruikers vonden het lastig om foto's naar de fotovakjes te slepen, vooral bij gebruik van verouderde browsers of op mobiele apparaten.

Overzicht & bevestigen – oude situatie

Op deze pagina had de klant eigenlijk het gevoel moeten krijgen van “Yes, dit is mijn keuze” – maar dat gebeurde niet. De layout was kaal en technisch, en de samenvatting voelde meer als een bonnetje dan als de laatste stap van een ervaring. Bovendien was er weinig ruimte om makkelijk terug te gaan als je nog iets wilde aanpassen. De hele flow miste een gevoel van afronding en vertrouwen.

Het resultaat

Het vernieuwde bestelproces is ontworpen met de klant in gedachten: helder, visueel en intuïtief. Iedere stap biedt duidelijkheid, visuele ondersteuning en controle. Klanten worden soepel meegenomen van het kiezen van een pakket tot het selecteren van foto's en het afronden van hun bestelling — zonder verwarring of keuzestress.

Pakket kiezen – nieuwe situatie

In de vernieuwde versie heb ik gezorgd voor meer rust, overzicht en controle. Door de website responsive te maken, past de interface zich nu automatisch aan verschillende schermformaten aan, waardoor het bestelproces zowel op desktops als mobiele apparaten soepel verloopt. Acties en aanbiedingen zijn nu duidelijker en opvallender gepresenteerd, waardoor gebruikers deze gemakkelijker opmerken.

  • Desktop

  • Mobiel

Een belangrijke toevoeging is een vaste balk onderaan het scherm waarin direct zichtbaar is welk pakket de klant heeft gekozen, wat het kost en wat er in het pakket zit. Door op details in de balk te klikken kan de klant eenvoudig de details bekijken, zonder de pagina te verlaten. Zo blijft de flow intact en behoudt de klant altijd het overzicht. Dit voorkomt verwarring en geeft vertrouwen tijdens het maken van keuzes.

Foto’s kiezen – nieuwe situatie

De functionaliteit voor het slepen van foto's is verbeterd en compatibiliteitsproblemen met browsers zijn aangepakt. Gebruikers worden nu geadviseerd om up-to-date browsers zoals Chrome of Firefox te gebruiken voor een optimale ervaring.

Bekijk meer portfolio stukken