Ga naar hoofdinhoud

ONTWERPVOORBEELD · BAKKERIJ

Een bakkerijwebsite waar je vooruit bestelt.

Bakkerij Mout is een verzonnen familiebakkerij met drie winkels in Twente. De website draait om één vraag van de klant: wat ligt er vandaag, en hoe haal ik het op?

  • Vandaag vers
  • Taart samenstellen
  • Afhalen per winkel

Ontwerpvoorbeeld. Merk, prijzen en adressen zijn verzonnen.

Ontwerpvoorbeeld homepage van Bakkerij Mout (bakkerij): vandaag vers, taarten vooruit, drie winkels
Ontwerpvoorbeeld mobiele homepage van Bakkerij Mout (bakkerij): bestel naast het logo, vandaag vers, winkels
4 schermen
Homepage · Assortiment · Taart bestellen · Mobiel
De vervolgstap
Bestel vooruit
Typografie
Young Serif (koppen) + Work Sans (tekst)
Kleuren
koningsblauw, geel en roomwit

DE SCHERMEN

Vier schermen, één vervolgstap.

Een bezoeker van een bakkerijwebsite wil twee dingen weten: wat ligt er vandaag, en kan ik het reserveren? Daarom staat de lijst met vandaag vers en de oventijden direct onder de openingszin, nog vóór het verhaal over de bakkerij. Taarten en brood bestel je vooruit en haal je op in een van de drie winkels. De knop Bestel vooruit staat op elk scherm, en de winkel die je kiest bepaalt wat je ziet.

Homepage

1440 × 6.146 px

De homepage begint bij wat er vandaag ligt. Direct onder de openingszin staat per product hoe laat het uit de oven komt en of het al klaarligt. Daarna volgen brood, taarten, lunch en de drie winkels.

  • Vandaag vers

    per product de tijd uit de oven

  • Taarten vooruit

    met een vanafprijs per taart

  • Drie winkels

    openingstijden van vandaag

Bakkerij Mout · Homepage
Ontwerpvoorbeeld homepage van Bakkerij Mout (bakkerij): vandaag vers, taarten vooruit, drie winkels

Assortiment

1440 × 2.899 px

Het assortiment per winkel, met filters op dieetwensen. Per brood zie je gewicht, prijs, wat erin zit en hoeveel er nog in de gekozen winkel liggen.

  • Voorraad per winkel

    kies je winkel, de lijst volgt

  • Filters

    volkoren, vegan, lactosevrij

  • Brood reserveren

    vóór 20:00 besteld, morgen klaar

Bakkerij Mout · Assortiment
Ontwerpvoorbeeld assortiment van Bakkerij Mout (bakkerij): voorraad per winkel, filters, brood reserveren

Taart bestellen

1440 × 2.667 px

Een taart samenstellen in drie stappen: taart, afhalen, gegevens. De prijs loopt rechts mee, dus aan de toonbank is er geen verrassing.

  • Taart samenstellen

    formaat, smaak en tekst

  • Afhalen

    winkel, datum en tijdvak

  • Betalen

    bij afhalen of vooraf met iDEAL

Bakkerij Mout · Taart bestellen
Ontwerpvoorbeeld taart bestellen van Bakkerij Mout (bakkerij): taart samenstellen, afhalen, betalen

Mobiel

390 × 4.118 px

Op mobiel staat de knop Bestel naast het logo, op elk scherm. De lijst met vandaag vers schuift opzij, en elke winkel heeft een routeknop.

  • Bestel naast het logo

    altijd één tik van bestellen

  • Vandaag vers

    schuift opzij, per product

  • Winkels

    nu open, met route

Ontwerpvoorbeeld mobiele homepage van Bakkerij Mout (bakkerij): bestel naast het logo, vandaag vers, winkels
Ontwerpvoorbeeld mobiele pagina van Bakkerij Mout, midden
Ontwerpvoorbeeld mobiele pagina van Bakkerij Mout, onderaan

ACHTER DE WEBSITE

Wat er achter de schermen gebeurt.

Dit is hoe we het in dit voorbeeld hebben bedacht.

  1. Bestellingen per ophaaldag

    Taarten en reserveringen komen binnen als één lijst per winkel en per dag. Zo zie je de avond ervoor wat er de volgende ochtend klaar moet liggen.

  2. Vandaag vers zelf bijwerken

    Het team zet een product op ‘ligt klaar’ vanuit een eenvoudig beheerscherm. De homepage en het assortiment lezen dat meteen mee.

  3. Vooraf of bij afhalen betalen

    De klant kiest zelf: vooraf met iDEAL of bij het afhalen. Annuleren kan tot 24 uur vooraf, zonder dat iemand hoeft te bellen.

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 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
  • Ontwerpvoorbeeld homepage van Werkbank Klusbedrijf (klusbedrijf, verzonnen merk)Ontwerpvoorbeeld
    Klusbedrijf

    Werkbank Klusbedrijf

    Bekijk vooraf de tarieven en stuur je klus in met foto’s.

    • Klus met foto’s
    • Uurtarief
    • Rekenvoorbeeld
    Bekijk voorbeeld

EEN NIEUWE WEBSITE?

Ook een website die klanten naar een afspraak, bestelling of aanvraag brengt?

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