Ga naar hoofdinhoud

ONTWERPVOORBEELD · KOFFIEBRANDERIJ

Een koffiewebshop met versheid als ritme.

Tweestroom Koffiebranders is een verzonnen koffiebranderij met een webshop. Elke maandag wordt er gebrand en op dinsdag verstuurd, los of als abonnement.

  • Abonnement
  • Maling kiezen
  • Zetadvies

Ontwerpvoorbeeld. Merk, prijzen en adressen zijn verzonnen.

Ontwerpvoorbeeld homepage van Tweestroom Koffiebranders (koffiebranderij): brandweek, abonnement, per zetmethode
Ontwerpvoorbeeld mobiele homepage van Tweestroom Koffiebranders (koffiebranderij): mand, deze week gebrand, zetmethode
4 schermen
Homepage · Categorie · Product · Mobiel
De vervolgstap
Bestellen, los of als abonnement
Typografie
Bricolage Grotesque (koppen) + Instrument Serif (accenten) + Figtree (tekst)
Kleuren
espressobruin, crème en roodoranje

DE SCHERMEN

Vier schermen, één vervolgstap.

Een koffiewebshop verkoopt versheid en ritme. Daarom staat de brandweek bovenaan, met wat er deze week uit de brander komt, en is het abonnement geen verstopte optie maar een keuze naast de losse zak. Productpagina’s helpen kiezen met een smaakprofiel en zetadvies, en de maling kies je per bestelling.

Homepage

1440 × 5.868 px

De homepage opent met de brandweek en wat er nu in de brander zit. Daarna volgen de koffie van deze week, het abonnement op je eigen ritme en shoppen per zetmethode.

  • Brandweek

    wat er nu gebrand wordt

  • Abonnement

    op jouw ritme

  • Per zetmethode

    van filter tot espresso

Tweestroom Koffiebranders · Homepage
Ontwerpvoorbeeld homepage van Tweestroom Koffiebranders (koffiebranderij): brandweek, abonnement, per zetmethode

Categorie

1440 × 2.924 px

Een categoriepagina voor filterkoffie, met filters op branding en smaak en sorteren op onder meer nieuwste branding. Onderaan staat waarom de branddatum op elke zak staat.

  • Filters

    branding en smaak

  • Sorteren

    onder meer nieuwste branding

  • Uitleg

    op z’n best tussen dag 5 en 30

Tweestroom Koffiebranders · Categorie
Ontwerpvoorbeeld categorie van Tweestroom Koffiebranders (koffiebranderij): filters, sorteren, uitleg

Product

1440 × 3.944 px

Een productpagina met smaakprofiel, herkomst en zetadvies. Je kiest gewicht, maling en of je de koffie eenmalig of als abonnement wilt, met korting op het abonnement.

  • Maling

    van bonen tot french press

  • Eenmalig of abonnement

    met korting

  • Zetadvies

    stap voor stap

Tweestroom Koffiebranders · Product
Ontwerpvoorbeeld product van Tweestroom Koffiebranders (koffiebranderij): maling, eenmalig of abonnement, zetadvies

Mobiel

390 × 4.686 px

Op mobiel staat de mand met het aantal zakken naast het logo. De koffie van deze week schuift opzij, en shoppen per zetmethode gaat via grote tegels.

  • Mand

    altijd zichtbaar

  • Deze week gebrand

    schuift opzij

  • Zetmethode

    grote tegels

Ontwerpvoorbeeld mobiele homepage van Tweestroom Koffiebranders (koffiebranderij): mand, deze week gebrand, zetmethode
Ontwerpvoorbeeld mobiele pagina van Tweestroom Koffiebranders, midden
Ontwerpvoorbeeld mobiele pagina van Tweestroom Koffiebranders, onderaan

ACHTER DE WEBSITE

Wat er achter de schermen gebeurt.

Dit is hoe we het in dit voorbeeld hebben bedacht.

  1. Brandweek uit één bron

    De batch van deze week en de branddatum komen van één plek, zodat homepage, productpagina en pakbon hetzelfde zeggen.

  2. Abonnementen op ritme

    In dit voorbeeld maakt een abonnement elke periode automatisch een bestelling aan op het gekozen ritme.

  3. Maling per bestelling

    De gekozen maling staat op de orderregel, zodat de brander weet hoe elke zak de deur uit gaat.

MEER VOORBEELDEN

Bekijk ook deze voorbeelden.

Alle tien voorbeelden →
  • Ontwerpvoorbeeld homepage van Warmwerk Installatietechniek (installateur, verzonnen merk)Ontwerpvoorbeeld
    Installateur

    Warmwerk Installatietechniek

    Check op postcode wat bij je huis past en plan direct een adviesgesprek.

    • Adrescheck
    • Weekkalender
    • Onderhoudspakketten
    Bekijk voorbeeld
  • Ontwerpvoorbeeld homepage van Bakkerij Mout (bakkerij, verzonnen merk)Ontwerpvoorbeeld
    Bakkerij

    Bakkerij Mout

    Zie wat er vandaag vers ligt en bestel taart of brood vooruit.

    • Vandaag vers
    • Taart samenstellen
    • Afhalen per winkel
    Bekijk voorbeeld
  • Ontwerpvoorbeeld homepage van Lamel Zonwering & Rolluiken (montagebedrijf, verzonnen merk)Ontwerpvoorbeeld
    Montagebedrijf

    Lamel Zonwering & Rolluiken

    Kies zonwering, doekkleur en bediening en plan een gratis inmeetafspraak.

    • Configurator
    • Doekstalen
    • Inmeetafspraak
    Bekijk voorbeeld

EEN NIEUWE WEBSITE?

Ook een webshop die past bij hoe jij verkoopt?

Noem in het gesprek welk voorbeeld je aanspreekt; dan beginnen we daar.