My Trademart App
)
DevelopmentUX & UI DesignVisual DesignFront-end DevelopmentBack-end Development
Bezoek de live websiteIntroductie
Trademart is een van de grootste B2B inkoopcentra in Europa, gericht op professionals in de sectoren mode, wonen & leven en baby & kind. Trademart fungeert als een hub waar meer dan 1.500 merken hun producten presenteren in verschillende afdelingen, zoals mode, woondecoratie, kinderproducten en meer.
Na de lancering van hun nieuwe website vroeg Trademart ons om hun digitale ecosysteem uit te breiden met een mobiele applicatie om de bezoeken van eindklanten te verbeteren en te begeleiden.
)
Uitdaging
Het ontwikkelen van de Trademart-app bracht enkele belangrijke uitdagingen met zich mee. We moesten ervoor zorgen dat het onboardingproces zeer eenvoudig en gebruiksvriendelijk was, zodat zelfs klanten zonder technische kennis zonder problemen aan de slag konden. De app moest duidelijke voordelen bieden om gebruikers aan te moedigen deze te gebruiken, zoals hulp bij het navigeren door de winkel en het geven van gepersonaliseerde suggesties. Vanuit technisch oogpunt was de grootste uitdaging om een soepele en probleemloze integratie met hun bestaande systemen te garanderen, zodat verstoringen werden voorkomen en toekomstige updates en integraties met andere diensten naadloos konden verlopen.
)
)
)
)
)
)
)
Design
Het ontwerpproces voor de Trademart-app begon met een grondige analyse van de behoeften en doelen van zowel de gebruikers als Trademart zelf. We startten met het maken van een story map en het ontwikkelen van user stories, waardoor we duidelijk konden definiëren wat de app moest bereiken vanuit de verschillende perspectieven van belanghebbenden. Met deze verwachtingen in gedachten, richtten we ons vervolgens op het creëren van een intuïtieve gebruikerservaring en een soepele navigatie, zodat gebruikers moeiteloos door de app konden navigeren en de functies konden gebruiken.
Op basis van het robuuste designsysteem dat al was opgezet voor de website van Trademart, hebben we deze ontwerpprincipes uitgebreid om een samenhangende en visueel aantrekkelijke gebruikersinterface voor de app te creëren. Deze aanpak zorgde voor consistentie tussen de platforms, terwijl de app werd geoptimaliseerd voor mobiel gebruik, wat uiteindelijk zowel de functionaliteit als de algehele gebruikerservaring verbeterde.
Ontwikkeling
We kozen voor React Native om zowel flexibiliteit als hoge prestaties te bieden, terwijl we het onderhoud eenvoudig hielden. Dankzij een enkele codebase voor iOS en Android konden we het ontwikkelingsproces stroomlijnen en updates en nieuwe functies snel op beide platforms implementeren, wat de efficiëntie aanzienlijk verhoogde en zorgde voor een soepele gebruikerservaring.
)
)
)
)
)
)
)
)
)
)
)
)
Result
The outcome was a sleek and user-friendly mobile application that perfectly aligned with both Trademart's goals and its users' needs. By leveraging a unified codebase, we ensured consistent performance and ease of maintenance across iOS and Android platforms.
The app's intuitive design, grounded in the existing website's robust design system, facilitated effortless navigation and enhanced the overall shopping experience. Users quickly embraced the app, appreciating its seamless integration into their store visits, while Trademart benefited from streamlined updates and a cohesive brand presence across digital platforms.