Ecommerce productpagina voorbeelden: het DTC-patroon

Bijna elke DTC-productpagina bestaat uit dezelfde onderdelen. De fold doet vijf dingen tegelijk. Daarna komt de keuze voor een abonnement, een vergelijking binnen het eigen assortiment, een rij persnamen en een FAQ die de laatste twijfel wegneemt. In augustus 2026 heb ik een reeks echte ecommerce productpagina's opengeslagen om het na te lopen. Dit staat erop, op volgorde.

De fold doet vijf dingen voordat je scrolt

Op de Black Edition-pagina van Huel staan in de fold de productnaam, de prijs, de manier van kopen, de knop en een risicogarantie. De prijs staat per portie en niet per bus. Er staat vanaf $2,65 per maaltijd bij een abonnement en $3,53 per maaltijd bij eenmalig, met niet goed, geld terug er direct naast. Vijf beslissingen zijn beantwoord voordat je één keer scrolt. Tel eens na wat jouw fold beantwoordt. Staat er alleen de productnaam en de prijs, dan zijn drie van de vijf taken onder de fold geduwd, waar minder mensen ze bereiken.

Laat mensen in de fold kiezen tussen abonnement en eenmalig

De twee koopopties bij Huel heten Subscribe & Save en One-Time. Ze staan als keuze in het koopblok, niet als upsell achteraf. Beide prijzen staan tegelijk in beeld, dus de korting is zichtbaar in plaats van beloofd. Stel dat je iets verkoopt dat mensen opmaken en opnieuw bestellen, en je abonnement verschijnt pas in de winkelwagen. Dan vraag je de zwaarste toezegging op het moment dat iemand al naar zijn portemonnee grijpt. Zet hem hoger, naast de prijs, en laat allebei de bedragen zien.

De vergelijkingstabel gaat over je eigen assortiment

De pagina van Huel zet Black Edition naast de eigen producten Powder en Essential. Dat doet hij twee keer op dezelfde pagina, één keer kort en één keer uitgeklapt. Neem dat patroon over. Iemand die op één product is geland, kiest meestal tussen jouw opties en niet tussen jou en een concurrent. Een tabel waarin je een concurrent noemt, nodigt uit om daar te gaan kijken. Vergelijk binnen je eigen assortiment en de klik blijft op jouw site.

Persnamen en expertnamen doen werk dat reviews niet doen

De pagina van Huel heeft quotes van Vox, GQ, Wired en Men's Health, vier aanbevelingen van experts en bekende namen, en drie Trustpilot-reviews, in die volgorde. Er staat ook 4.000.000 tevreden klanten in plaats van een sterrenscore. Vier soorten bewijs stapelen op elkaar, want elk soort neemt een andere twijfel weg. Een tijdschriftnaam vertelt de lezer dat het bedrijf echt bestaat. Expertquotes gaan over de vraag of het product doet wat het belooft. Klantreviews gaan over de vraag of het werkt voor iemand zoals zij, en een kaal aantal neemt de angst weg om de eerste te zijn.

Peak Design laat het product zien in plaats van erover te praten

De pagina van de Everyday Backpack opent met een draaibaar 360-gradenbeeld uit 24 foto's en een galerij waarop je kunt inzoomen. Daaronder kies je maat en kleur, en daarna staan er drie bundels met tien procent korting. Er staat geen sterrenscore above the fold en geen rij persnamen. Het product is een fysiek object waarvan de waarde duidelijk wordt zodra je het kunt ronddraaien, dus de beelden voeren het betoog en de tekst blijft kort. Is jouw product visueel, steek het budget dan in fotografie en zo'n draaibeeld in plaats van in nog een blok met voordelen.

Schaarste en bundels horen naast de knop, niet in een pop-up

Peak Design zet in het koopblok de melding dat het bijna uitverkocht is en dat er nog 17 stuks over zijn. De drie accessoirebundels staan direct onder de productopties in plaats van bewaard te worden voor de winkelwagen. Dat zijn allebei beslissingen over plaatsing, niet over tekst. Alles wat moet veranderen wát iemand koopt, moet in beeld staan voordat hij op de knop drukt. Het moment na die klik is van de checkout, en elke extra stap daar kost je bestellingen.

Wat je als eerste overneemt uit deze voorbeelden

Open je pagina op een telefoon en maak een screenshot van de fold. Schrijf op welke van de vijf taken erop staan: naam, prijs, manier van kopen, knop, risicogarantie. Vul de ontbrekende aan voordat je aan iets anders begint. Bouw daarna één vergelijkingstabel binnen je eigen assortiment. Zet je pers- of expertnamen boven je klantreviews. Verplaats je FAQ naar het eind, waar hij het laatste bezwaar kan opvangen in plaats van in een tab te staan die niemand opent.