Conceptproject

Luwte

Een lamp van papier koop je op het licht dat hij geeft. De winkel moet dat laten zien.

Webshop

Productpagina

Materiaalkeuze

Soort

Webshop

Sector

Lampen en objecten

Jaar

2026

Omslag van het conceptproject Luwte: de homepage van de webshop op een groot scherm met een papieren tafellamp, daarnaast twee telefoons met de productpagina van Groeve en de winkelmand, en onderaan de kleuren kalk, zand, klei en basalt en de letter Newsreader.

De ontwerpvraag

Materiaal dat je niet kunt aanraken

Luwte is een fictief label met twaalf ontwerpen: hanglampen, tafellampen, vazen en objecten in kleine series. Wie zulke stukken online koopt, kan niet voelen hoe papier het licht verspreidt of hoe zwaar steen is. Foto’s en woorden bij het product moeten dat overnemen.

De ontwerpvraag: hoe laat een kleine webshop materiaal zien, en hoe wordt een keuze voor materiaal of maat meteen zichtbaar in plaats van een regel in een uitklapmenu? Dat is waar het ontwerp op mikt. Er is niets verkocht en niets gemeten.

De collectiepagina van Luwte op een groot scherm: links filters op soort en materiaal met aantallen, rechts twaalf ontwerpen met een sorteerkeuze en de eerste productkaarten Groeve, Mergel en Lus.

De collectie: filters op soort en materiaal links, twaalf ontwerpen rechts, met telling en sortering erboven.

De keuzes

Rust in de winkel, aandacht voor het materiaal

01 · Newsreader voor namen, een grotesk voor bediening

Productnamen, koppen en prijzen staan in Newsreader, een serif met optische groottes: groot dun en scherp, klein rustig. De cursief draagt de materiaalwoorden papier, klei en steen. Knoppen, filters en lopende tekst staan in Hanken Grotesk, die daar niet mee concurreert.

02 · Kalk, zand en één kleiaccent

De pagina staat op warm gebroken wit met een fijne papierkorrel. Klei is de enige accentkleur, in koppen en in de focusrand. De productfoto’s komen uit verschillende shoots; een vaste kaartgrond en een vaste volgorde houden ze bij elkaar.

03 · Filters die je kunt delen

De collectie filtert op soort en materiaal. De telling loopt mee en de keuze staat in de adresbalk, zodat een gefilterde lijst te delen is. Een productkaart toont bij aanwijzen of bij toetsenbordfocus een detailuitsnede uit dezelfde foto; op touch doet de knop Detail dat.

04 · De winkelmand als lade

In winkelmand opent een lade over de pagina, met het beeld en de variant die je koos. De focus gaat de lade in, Esc sluit hem en de focus keert terug naar de knop. Afrekenen leidt naar een demonstratiemelding: er wordt niets besteld.

Drie telefoonschermen van Luwte naast elkaar: de homepage met de kop Lampen van papier, klei en steen, de productpagina van Groeve met een vaste balk In winkelmand, en de winkelmand met Groeve in marmer met basalt.

Twee telefoonschermen van Luwte: de productpagina van Groeve met een vaste balk In winkelmand, en de winkelmand met Groeve in marmer met basalt, de verzendkosten en een totaal van 171,95 euro.

Op telefoon: de homepage, de vaste balk In winkelmand en de winkelmand met Groeve in marmer met basalt.

Op telefoon: de vaste balk In winkelmand en de winkelmand met Groeve in marmer met basalt.

Wat de interactie laat zien

Materiaal kiezen verandert het beeld

Bij het object Groeve kies je tussen wit marmer en marmer met basalt. Na de klik wisselen het grote beeld, de duimnagels, de prijs en de adresbalk mee, zodat je ziet wat je koopt en de keuze kunt doorsturen.

De twee foto’s komen uit één shoot, met dezelfde stukken en hetzelfde licht. Daardoor lees je het verschil als een keuze en niet als een ander product. In de winkelmand staat daarna precies die variant, met dat beeld.

Verkoop je producten waarbij het materiaal het beeld bepaalt, 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 Groeve na een klik op Marmer met basalt: die optie is gekozen, de prijs staat op 165 euro en de grote foto toont nu de marmeren stukken met zwarte brokken basalt.

Groeve na de klik op Marmer met basalt: optie, prijs en foto zijn meegewisseld.

Gemeten resultaat: geen

Luwte bestaat niet. Het concept is uitgewerkt als klikbare pagina’s in HTML, CSS en JavaScript en staat niet online. Er wordt niets verkocht; afrekenen toont een demonstratiemelding. Er zijn geen bezoekers of bestellingen geteld, dus hier staat geen resultaat. Alleen Groeve heeft een echte materiaalvariant met eigen foto; bij de lampen is de keuze een maat.

Beeldbronnen: productfoto’s van Unsplash; detailbeelden zijn uitsneden uit dezelfde foto. Productnamen en prijzen zijn bedacht.

Volgend project