Tafat Digital
Gratis websitecheck
Tafat Digital
Start een project Gratis websitecheck

info@tafat.digital · Leiden

Parfum­webshop

Geur kun je online niet ruiken. Hoe verkoop je dan parfum in een webshop? Dat hebben we uitgewerkt als eigen concept: een productpagina die de geur beschrijft en een checkout die op mobiel drie stappen telt.

Project
Studio-project
Onze rol
Concept, UX & interface
Jaar
2026
Status
Concept, niet live

Studio-project van Tafat, geen klantopdracht. Winkelnaam, producten en prijzen in de schermen zijn voorbeelddata.

Studio-project: productpagina van de parfumwebshop met een flacon, de keuze in inhoud, geurnoten in top, hart en basis, en de knoppen “In winkelmand” en “Geuradvies” (voorbeelddata)
Studio-project: mobiele checkout van de parfumwebshop met de stappen winkelmand, gegevens en betalen, twee producten, het totaal en de knop “Verder naar gegevens” (voorbeelddata)

De vraag

De productpagina moet in woorden en beeld doen wat een testerstrookje in de winkel doet, zonder dat afrekenen meer dan een paar tikken kost.

Wat we ontwierpen

Een productpagina met geurnoten in drie lagen, een keuze in inhoud en een knop naar geuradvies naast “In winkelmand”. De mobiele checkout telt drie stappen.

Wat het laat zien

  • Geurnoten als top, hart en basis
  • Inhoud kiezen zonder de pagina te verlaten
  • Afrekenen in drie stappen op mobiel
  • Concept en ontwerp door Tafat
De mobiele checkout, punt voor punt

Drie stappen tot betalen.

  1. Bovenaan de drie stappen: winkelmand, gegevens, betalen.
  2. Elk product met afbeelding, inhoud en prijs.
  3. Verzending en totaal staan direct boven de knop.
  4. Eén knop per scherm: “Verder naar gegevens”.

Probeer het zelf.

Kies een geur en een inhoud, vraag geuradvies of vul de winkelmand: prijs, flacon en totaal passen zich direct aan. Voorbeelddata: er wordt niets opgeslagen of besteld.

Collectie · warm & kruidig

Ambre

Prijs: € 129,00

Top
Bergamot
Hart
Amber
Basis
Sandelhout

Winkelmand: leeg

    Verkopen wat je niet kunt ruiken.

    Vertrekpunt

    Een eigen concept, geen opdracht.

    Dit project is door Tafat zelf bedacht en ontworpen om te laten zien hoe we e-commerce aanpakken. Er is geen klant en de webshop is niet live; winkelnaam, producten en prijzen zijn voorbeelddata.

    De vraag

    Twijfel wegnemen vóór de winkelmand.

    Wie een geur niet kent, twijfelt. Daarom staat “Geuradvies” als tweede knop direct naast “In winkelmand”, en noemt de pagina dat er een proefje wordt meegeleverd.

    Gekozen richting

    Crème, goud en veel rust.

    Een warme, lichte basis met een klassieke schreefletter voor namen en prijzen. Het product krijgt de helft van het scherm; de rest is tekst en keuze.

    Laptop

    Links het product, rechts de keuze.

    De flacon staat links op een eigen vlak. Rechts volgen naam, omschrijving, prijs, inhoud en de geurnoten in drie lagen: top, hart en basis.

    Mobiel

    Afrekenen in drie stappen.

    Winkelmand, gegevens, betalen. De stappen staan bovenaan, het totaal direct boven de knop, en er is per scherm één volgende stap.

    Vervolg

    Van concept naar webshop.

    Bij een echte opdracht bepalen assortiment, fotografie en betaalmethoden de uitwerking. Dit concept laat zien waar we op letten: twijfel wegnemen en de route naar afrekenen kort houden.

    De schermen van dichtbij.

    Twee uitsneden uit de productpagina. Het zijn ontworpen schermen met voorbeelddata, geen schermafbeeldingen van een live webshop.

    Studio-project: de keuze in inhoud (30, 50 of 100 ml) en de geurnoten top, hart en basis (voorbeelddata)
    Inhoud kiezen en de geurnoten in drie lagen.
    Studio-project: de knoppen “In winkelmand” en “Geuradvies” met de regel over gratis verzending en een meegeleverd proefje (voorbeelddata)
    Kopen of eerst advies: twee knoppen naast elkaar.
    Rol van Tafat
    Concept, UX & interface
    Focus
    Ontdekken, kiezen en afrekenen
    Kleuren
    Crème, goud en zwart
    Status
    Studio-project, niet live

    Hoort bij de dienst Design.