Een nieuwe basis voor de webshop.
Mitra, drankenspeciaalzaak met winkels in heel Nederland
Klanten van Mitra bestellen online en halen gratis af in de winkel. Dat vroeg om een webshop die net zo goed aansluit op de organisatie als op de klant.
Expertise
- Technisch ontwerp
- UX/UI design
- Data-analyse
- Web development
- Business integratie
Online bestellen. Afhalen bij een Mitra in de buurt.
De oplossing
Eén merk. Meerdere winkels. Eén samenhangende digitale ervaring.
We vernieuwden de webshop van Mitra en deden een herontwerp van de integratie met Aspos, het kassasysteem dat Mitra al gebruikte. Op basis van gebruikersdata maakten we de winkelervaring overzichtelijker. En we legden een technische basis waarop Mitra verder kan bouwen.
-
Webshop en winkels verbonden
Webshop en kassasysteem werken als één oplossing: klanten bestellen online en halen gratis af bij een Mitra in de buurt.
-
Ontworpen vanuit gebruikersgedrag
Heatmaps van de vorige webshop bepaalden wat bleef en wat we opnieuw ontwierpen: navigatie, productoverzichten en de knoppen om te bestellen.
-
Een basis voor doorontwikkeling
Umbraco en een moderne Rest-API naar Aspos.
De digitale winkelervaring
Van ontdekken naar bestellen. Zonder omwegen.
Van een aanbieding ontdekken tot een passend product bestellen. We verbeterden de routes door het assortiment, de filters en de productweergave, zodat bezoekers makkelijker hun weg vinden.
Wat er nu loopt
De homepage opent met de acties van dit moment en de actiefolder van week 44-45. Elke actie heeft een eigen knop naar de producten.
Het assortiment in één menu
Elke categorie heeft een eigen icoon, van wijnen tot cadeaus. Daaronder staan de knop naar een Mitra in de buurt en proeverijen, culinair en cocktails.
Gefilterd op soort en prijs
Soort en prijs zijn filters die zichtbaar blijven en met één tik weer weg zijn. Per wijn toont het overzicht naam, inhoud en prijs.
Kiezen op smaak
Beoordeling, smaakprofiel en omschrijving staan bij elkaar, tot en met de gerechten waar de wijn bij past.
Een fles of een doos
Elke wijn heeft twee knoppen: een fles of een doos in de winkelmand. Een actie als "2 voor 12,-" staat direct bij de prijs.
- Klant
- Mitra
Drankenspeciaalzaak - Gebruikers
- Consumenten, online
en in de Mitra-winkels - Techniek
- Umbraco, Aspos (Rest-API),
Rabo Smart Pay, content ondersteuning met AI
De uitdaging
Eén digitale winkelervaring.
Met de kracht van lokaal.
Mitra brengt een uitgebreid assortiment, persoonlijke service en lokale drankenspeciaalzaken samen. De webshop speelt daarin een belangrijke rol. Klanten willen eenvoudig ontdekken, vergelijken en bestellen, terwijl de winkels en de achterliggende systemen nauw met elkaar samenwerken.
De uitdaging was om die samenhang te vertalen naar een aantrekkelijke, gebruiksvriendelijke webshop. Met een sterkere productpresentatie, intuïtieve navigatie en slimme koppelingen tussen de webshop, het kassasysteem en de winkels.
Online gemak. Lokale kracht.
Ontwerp op basis van gebruikersgedrag
Ontworpen vanuit inzicht.
Gericht op gebruiksgemak.
Met heatmaps brachten we het klik- en navigatiegedrag van bezoekers in kaart. Die inzichten gebruikten we om gerichte ontwerpkeuzes te maken. Van navigatie tot productpresentatie: iedere aanpassing met aandacht voor hoe klanten de webshop daadwerkelijk gebruiken.
-
01 · Productoverzichten
Kiezen zonder ruis
Overzichtelijke producttegels geven het assortiment alle ruimte. Met gerichte filters vinden klanten eenvoudig wat ze zoeken, terwijl de productpagina alle informatie biedt om een goede keuze te maken.
-
02 · Mobiel menu
Snel naar wat je zoekt
Een overzichtelijk mobiel menu waarin het assortiment centraal staat. Met duidelijke categorieën en handige submenu’s op producttype, smaak en prijs vinden bezoekers eenvoudig hun weg.
-
03 · Zoeken
Eén zoekveld. Alles binnen handbereik.
Met één zoekopdracht vinden bezoekers niet alleen producten, maar ook gerechten, cocktails, artikelen en Mitra-winkels. Snel, overzichtelijk en vanuit iedere plek in de webshop.
Werkwijze
Eerst onderzoeken,
dan bouwen.
- Technisch ontwerp
- Data-onderzoek
- Umbraco
-
Deepdive.
Functionaliteiten in kaart brengen.
-
Onderzoek.
Heatmaps, productoverzichten en check-out van de vorige webshop: wat gebruiken klanten, en wat niet?
-
Realisatie.
Webshop in Umbraco, met een Rest-API naar kassasysteem Aspos.
-
Migratie.
Bestaande content via middleware naar Umbraco.
UX/UI en mobiel
Elke keuze met een reden.
Elk onderdeel van de productpagina is getoetst aan gebruikersdata. Zo staat alles wat de klant nodig heeft precies waar hij het verwacht.
Eén rustige, herkenbare webshop die op desktop en mobiel even goed werkt.
- Zoeken staat centraal
- Altijd een Mitra dichtbij
- Prijs en actie in één oogopslag
- Een fles of een doos
- Afhalen of bezorgen
Technische uitwerking
Verschillende systemen. Eén geheel.
De webshop van Mitra is verbonden met de systemen achter de winkels. Via een Rest-API worden producten, prijzen, klantgegevens en winkelmandgegevens uitgewisseld met Aspos. Andere integraties ondersteunen betalingen, giftcards, adressen, productinformatie en nieuwsbrieven.
Zeven integraties die samen zorgen voor één digitale winkelervaring.
Umbraco
-
Aspos direct
Live koppeling · kassasysteem
- Gebruikersdata
- Prijsinformatie
- Winkelmandberekeningen
-
Middleware
Migratie en productdata
- Contentbeheer
- Categorieën synchronisatie
- Producten synchronisatie
-
Betalen
Rabo Smart Pay · Loyalty in a Box
- iDEAL Rabo Smart Pay
- Giftcards Loyalty in a Box
-
Slimme services
Pro6PP · AI · Spotler
- Adres aanvullen Pro6PP
- Productbeschrijvingen ondersteund met AI
- Nieuwsbrief Spotler
- Uitgebreide Rest-API
- Prijzen en winkelmand vanuit Aspos
- Productbeschrijvingen met ondersteuning van AI
Meer cases.
Ontdek hoe we ook andere organisaties helpen groeien.
