Website voor een speciaalbiercafé in Oud-Beijerland

Een kaart van 108 dranken en gerechten die op een telefoon net zo leesbaar moet zijn als op papier.

Website van Van Speyck
Klant
Van Speyck
Branche
Horeca
Plaats
Oud-Beijerland
Wat ik deed
Ontwerp, bouw, menukaart, beeldmateriaal
Techniek
Met de hand gecodeerd

De kaart is het product

Van Speyck is een speciaalbiercafé en wijnbar aan de Peperstraat in Oud-Beijerland. Acht bieren van de tap, ruim veertig op fles, wijn per glas en borrelplanken. Wie zoekt naar een plek om te borrelen wil maar een ding weten: wat schenken ze en wat kost het.

Bij een café is de kaart dus geen bijzaak maar het hoofdgerecht van de website. Dat maakte het project vooral een vertaalklus: een gedrukte kaart die in een hand ligt werkt anders dan een kaart waar je op een telefoon doorheen scrolt.

Wat ik deed

  • Ontwerp en opbouw van de site
  • De papieren kaart gedigitaliseerd naar 108 regels
  • 44 vrijstaande flesafbeeldingen samengesteld
  • Teksten en zoekmachine-opzet
  • Voorbereid om over te zetten naar WordPress
Uitgelicht

Honderdacht regels die je met een duim doorloopt

De gefotografeerde kaart is regel voor regel overgezet: vijf hoofdstukken, vijftien categorieen, 108 gerechten en dranken, met alle prijzen erbij.

De bierbeschrijvingen zijn letterlijk overgenomen van de gedrukte kaart. Die zijn door de zaak zelf geschreven en dat hoor je eraan. Mooier maken zou de stem eruit halen.

Bovenaan staat een balk met de categorieen, zodat je niet langs de hele kaart hoeft te scrollen om bij de wijn te komen.

De categoriebalk boven de menukaart van Van Speyck
De categoriebalk schuift mee terwijl je door de kaart loopt.
Een categorie uit de menukaart met vrijstaande flessen per bier
Elke regel heeft een eigen fles en glas, vrijgemaakt van de achtergrond.
Uitgelicht

Vierenveertig flessen die er nog niet waren

Een kaart met alleen tekst leest als een spreadsheet. Elke drank heeft daarom een eigen vrijstaande fles of glas gekregen, op een doorzichtige achtergrond zodat hij op elke kleur werkt.

Voor een deel bestonden er bruikbare productfoto's. Voor de rest niet, en 44 flessen zelf fotograferen is voor een café geen reîel plan. Die afbeeldingen zijn met AI gemaakt en daarna stuk voor stuk nagelopen en bijgewerkt.

Het vrijmaken van de achtergrond gebeurde lokaal, met een script dat ik kan hergebruiken zodra de kaart verandert.

Ontworpen voor de telefoon in de kroeg

Vrijwel iedereen die deze kaart opent staat in of voor de zaak, met een telefoon in de hand. De kaart is dus eerst op telefoonformaat ontworpen en daarna pas breder gemaakt.

Van Speyck op een telefoon

Zoiets voor jouw bedrijf?

Vertel kort waar je bedrijf staat en wat je online nodig hebt.