Een slimme herindeling van categorieën en filters op mobiele schermen, zodat bezoekers veel sneller en zonder zoekwerk door het grote assortiment navigeren.

Een slimme herindeling van categorieën en filters op mobiele schermen, zodat bezoekers veel sneller en zonder zoekwerk door het grote assortiment navigeren.
Allgifts heeft een omvangrijk B2B-assortiment. De bestaande categoriepagina's en filters waren door de jaren heen steeds verder uitgebreid, waardoor de structuur op mobiel minder overzichtelijk was dan op desktop. Vooral de visuele hiërarchie en de hoeveelheid filteropties maakten het lastiger om soepel door een categorie te bladeren en de juiste producten te vinden.
Aan de hand van de gebruikscijfers ben ik de bestaande categoriepagina's en filtermogelijkheden gaan stroomlijnen. In Figma heb ik de lay-out opnieuw opgebouwd met het mobiele scherm als uitgangspunt, waarbij categorieën en filters logischer zijn gegroepeerd. Door overbodige stappen weg te laten en het scherm rustiger in te delen, ontstaat er meer ruimte voor de productweergave. Dit nieuwe ontwerp heb ik vervolgens direct vertaald naar de bestaande Bootstrap-front-end van de webshop.
Het resultaat is een overzichtelijke mobiele weergave waarin zakelijke klanten vlot door het assortiment navigeren en filters intuïtief gebruiken. Doordat ik zowel het ontwerpen (UX/UI) als de technische realisatie (front-end) in eigen hand heb, kon ik keuzes direct toetsen aan de praktijk en tijdens het bouwen nauwkeurig bijsturen voor een optimaal resultaat.