Overslaan en naar content gaan
_Portfolio

Allgifts B.V.

Portfolio

Hero afbeelding voor Allgifts B.V.
01—Overzicht

De essentie van het project

Een vernieuwde mobiele checkout voor Allgifts, met een duidelijkere structuur en gebruikersflow, vertaald naar de bestaande front-end.

Tijdlijn2025
ApparaatMobiel
ArchitectuurBootstrap
PrototypingFigma
WireframingMockflow
InzichtenAnalytics
02—Uitdaging

De kern van de uitdaging

Allgifts werkte met een maatwerk e-commerceplatform op basis van PHP, JavaScript en Bootstrap. Door jarenlange doorontwikkeling was de code en ontwerplogica steeds complexer geworden. Dit was vooral zichtbaar in de mobiele checkout. De mobiele versie was minder overzichtelijk dan de desktopversie en bevatte onnodige stappen en verschillende UI-patronen. De uitdaging was om de checkout overzichtelijker en gebruiksvriendelijker te maken, zonder de bestaande webshop en functionaliteit onnodig te verstoren.

Project visual voor Allgifts B.V.
03—Aanpak

Uitdagingen & Oplossingen

Samen met het e-commerceteam analyseerde ik de bestaande checkout en gebruikte ik analytics om knelpunten in de gebruikersflow te identificeren. Daarna bracht ik de bestaande UI-elementen en interacties in kaart en werkte ik de nieuwe structuur eerst uit in wireframes en prototypes. Vanuit deze basis ontwikkelde ik een consistente mobile-first interface, met duidelijke patronen voor onder andere formulieren, navigatie en interactie. Het ontwerp vormde vervolgens de basis voor de technische implementatie binnen de bestaande Bootstrap-omgeving.

Project visual voor Allgifts B.V.
04—Uitkomst

Mijn rol en expertise

Het resultaat is een vernieuwde mobiele checkout met een duidelijkere structuur en een logischere gebruikersflow. Naast het UX/UI-ontwerp was ik verantwoordelijk voor de front-end implementatie. Hierdoor kon ik het ontwerp direct vertalen naar de bestaande technische omgeving en rekening houden met de beperkingen van de legacy-code. De vernieuwde checkout maakt het bestelproces overzichtelijker voor mobiele bezoekers en biedt tegelijkertijd een duidelijke basis voor verdere doorontwikkeling.