WordPress en WooCommerce
Dribble Goggles: een webshop rond basketballtraining
Een trainingsbril vraagt om uitleg, niet alleen een bestelknop. Voor Dribble Goggles bouwde ik een WooCommerce-webshop waarin productpresentatie, trainingsvideo’s en bestellen voor spelers en teams samenkomen.
Basketball en training
- Project
- Dribble Goggles
- Mijn rol
- WordPress- en WooCommerce-ontwikkeling
- Platform
- WooCommerce
- Focus
- Productuitleg en online verkoop
Eerst begrijpen wat je koopt
Een klein assortiment, een duidelijk verhaal
Dribble Goggles zijn trainingsbrillen die het zicht naar beneden beperken. Het idee: spelers oefenen met dribbelen zonder voortdurend naar de bal te kijken. De webshop biedt een zwarte en een witte uitvoering.
Bij zo’n gericht product is een grote catalogus niet nodig. Wel moet een bezoeker begrijpen hoe de bril werkt, voor wie hij bedoeld is en hoe je ermee traint. Daarom verbindt de site productuitleg met gebruiksbeelden, veelgestelde vragen en oefeningen.
Ik ontwikkelde een eigen WordPress-thema rond WooCommerce. De Engelstalige inhoud richt zich op spelers en coaches, met een directe route van kennismaken naar de productpagina.
De productpagina
Alles wat nodig is om te kiezen
De bril staat groot in beeld. Met meerdere aanzichten kan een bezoeker de vorm, band en afwerking bekijken. Productnaam, prijs, voorraad en aantal staan daarnaast, dichtbij de bestelknop.
De presentatie heeft een eigen gezicht: donkergroen, warme lichte vlakken en oranje accenten. Grote koppen en vrijstaande productbeelden houden de aandacht bij het product.
WooCommerce verzorgt het winkelmandje en afrekenen. Productbeelden en merkinformatie worden vanuit het productbeheer gebruikt, zodat de webshop niet afhankelijk is van losse kopieën op iedere pagina.
Maatwerk voor teamorders
Zwart en wit tellen samen mee
Een speler bestelt misschien één bril. Een trainer wil er meerdere voor een groep. Die twee situaties vragen om dezelfde duidelijke productpagina, maar niet altijd om dezelfde prijs per stuk.
Daarom bouwde ik eigen staffellogica binnen WooCommerce. De aantallen van de zwarte en witte uitvoering worden bij elkaar opgeteld. De bijbehorende staffelprijs wordt vervolgens op beide producten in het winkelmandje toegepast.
De productpagina laat vooraf zien welke aantallen bij de staffels horen. Een team kan dus kleuren combineren zonder apart een kortingscode aan te vragen. Voor grotere of afwijkende aanvragen heeft het contactformulier een aparte keuze voor teamorders.
Inhoud die helpt bij het gebruik
Niet alleen verkopen, ook helpen trainen
De videobibliotheek geeft spelers en coaches een plek om passende balvaardigheidsoefeningen te vinden. Video’s zijn ingedeeld op niveau, één of twee ballen en alleen of met een partner trainen.
Ik bouwde filters die deze keuzes combineren. Het overzicht past zich direct aan en toont hoeveel video’s overblijven. Elke video heeft een korte toelichting en een link naar de oorspronkelijke maker op YouTube.
Zo krijgt de webshop inhoud die aansluit op de reden om het product te gebruiken. De oefeningen zijn geen eigen videoproducties, maar een geordende selectie van bestaande trainingsvideo’s.
Een samenhangende winkel
Uitleg, keuze en aankoop sluiten op elkaar aan
Het maatwerk zit niet in zoveel mogelijk functies. Het zit in de onderdelen die bij dit product en deze kopers passen.
- Een herkenbare productpresentatieDe homepage legt het gebruik uit. De productpagina brengt beelden, voorraad, prijs en bestellen samen.
- Bestellen voor jezelf of je teamEigen staffellogica houdt rekening met gecombineerde aantallen. Het contactformulier biedt ruimte voor vragen over grotere bestellingen.
- Ondersteuning vóór en na de aankoopTrainingsvideo’s, veelgestelde vragen en informatie over verzending en retourneren hebben een vaste plek in de webshop.
Wat dit project laat zien
WooCommerce met ruimte voor eigen keuzes
WooCommerce levert de winkelbasis. Daarbovenop ontwikkelde ik de presentatie en functies die het verschil maken voor deze shop: gecombineerde staffels, een aangepaste productgalerij en een filterbare videobibliotheek.
Dat is ook mijn aanpak voor andere gespecialiseerde webshops. Eerst kijken wat klanten moeten begrijpen en kunnen doen. Daarna de techniek daarop laten aansluiten.
Bekijk Dribble Goggles of lees meer over webshopontwikkeling.