Conceptproject

Oversteek

Een tas kies je op formaat, kleur en maat. Die keuze moet ook op een telefoon zichtbaar blijven.

Webshop

Kleurkeuze

Mobiele aankoop

Soort

Webshop

Sector

Reistassen en accessoires

Jaar

2026

Omslag van het conceptproject Oversteek: de homepage van de webshop op een donkere grond met een canvas weekendtas op een houten vloer, daarnaast telefoons met de kleur- en maatkeuze van riem Gesp en de winkelmand, en onderaan de kleuren en de letters Archivo en IBM Plex Mono.

De ontwerpvraag

Kiezen op een klein scherm

Oversteek is een fictief label met twaalf producten in canvas, leer en nylon; de naam verwijst naar de pont over de Westerschelde. Bij tassen en riemen draait de aankoop om de uitvoering: welk formaat, welke kleur, welke maat. Op een telefoon verdwijnen die keuzes makkelijk onder de vouw of in een uitklapmenu.

De ontwerpvraag: hoe blijven kleur en maat zichtbaar en controleerbaar tot in de winkelmand, ook op een klein scherm? En hoe krijgt een label met foto’s uit verschillende shoots toch één gezicht? Dat is wat het ontwerp beoogt; gemeten is er niets.

De collectiepagina van Oversteek: links filters op soort, materiaal en kleur met aantallen, rechts genummerde productkaarten voor weekendtas Overnacht, riem Gesp en rugzak Klep.

De collectie met filters op soort, materiaal en kleur, en genummerde kaarten op één grond.

De keuzes

Een vertrekbord, geen etalage

01 · Grafiet, zand en één roestkleur

Grafiet en zand met één accent in de kleur van een boei. Rechte hoeken, dunne lijnen en labels in monospace, zoals op een vertrekbord of een bagagelabel. Alle tekstcombinaties halen WCAG AA; randen van bediening halen 3:1.

02 · Breed voor koppen, vaste breedte voor maten

Koppen staan in Archivo op de brede stand, in hoofdletters, als belettering op een kade. Maten, prijzen en nummers staan in IBM Plex Mono, zodat liters, centimeters en bedragen recht onder elkaar vallen en te vergelijken zijn.

03 · Genummerde kaarten op één grond

Elk product heeft een nummer en staat op dezelfde kaartgrond. Dat houdt foto’s uit een lichte studio, zonnige buitenopnamen en donkere tafels bij elkaar. Filters op soort, materiaal en kleur staan in de adresbalk; op telefoon klappen ze open onder één knop met telling.

04 · Kopen zonder te zoeken

Onder de knop staan drie kerngegevens als rij, zoals inhoud en gewicht. Geen reviews, sterren, voorraadtellers of kortingen. De winkelmand laat zien wat er nog ontbreekt tot gratis verzending, en afrekenen toont een demonstratie.

Drie telefoonschermen van Oversteek: de homepage met de kop Ingepakt voor de overtocht, de keuzelade van riem Gesp met kleur nachtblauw en maat 100, en de winkelmand met een balk tot gratis verzending.

Twee telefoonschermen van Oversteek: de keuzelade van riem Gesp met kleur nachtblauw en maat 100, en de winkelmand met een balk tot gratis verzending.

Op telefoon: de homepage, de keuzelade met kleur en maat, en de winkelmand met de balk tot gratis verzending.

Op telefoon: de keuzelade met kleur en maat, en de winkelmand met de balk tot gratis verzending.

Wat de interactie laat zien

Kleur en maat in één lade

Bij de riem Gesp wissel je tussen tabak en nachtblauw. Het hoofdbeeld, de duimnagels, het kleurlabel op de foto en de adresbalk wisselen mee. De productinformatie zegt eerlijk dat het nachtblauwe exemplaar een iets ander model is.

Op telefoon opent Kies kleur en maat een lade van onderen, met een miniatuur die meewisselt en een bevestigknop met de prijs erop. Bevestigen sluit de lade en opent de winkelmand, met precies de gekozen kleur en maat erin.

Verkoop je producten in kleuren en maten, lees dan hoe wij een winkel kiezen en inrichten bij webshop laten maken. Of vertel wat je verkoopt, dan zeggen we welke route voor de hand ligt.

Productpagina van riem Gesp na een klik op Nachtblauw: het hoofdbeeld, de duimnagels en het kleurlabel tonen de nachtblauwe riem, met daaronder de maatkeuze van 85 tot 115 centimeter.

Gesp na de klik op Nachtblauw: hoofdbeeld, duimnagels en kleurlabel wisselen mee.

Gemeten resultaat: geen

Oversteek bestaat niet. Het concept is uitgewerkt als klikbare pagina’s in HTML, CSS en JavaScript en staat niet online. Afrekenen toont een demonstratie; er wordt niets verkocht. Er is dus geen resultaat om te tonen. De kleurwissel zit op een riem en niet op een tas: een tas in twee kleuren uit één shoot, zonder zichtbaar merk, was niet te vinden.

Beeldbronnen: productfoto’s van Unsplash; foto’s met een leesbaar merk zijn afgewezen of weggesneden. Productnamen en prijzen zijn bedacht.