Sommige projecten plan je maanden vooruit. Dit ontstond tussen twee Griekse koffies door.

Tijdens een researchtrip in Griekenland belandden we in het dorpje Zervochori, bij ΤΡΑΝΖΙΣΤΟΡ: een cafe-snack-bar met mintgroene muren, bloempotten met gezichtjes aan de ingang en pannenkoeken die elk dieet persoonlijk beledigen. Er was een Instagram-account. Er was een telefoonnummer op de placemat. Een website was er niet.

Een klein project dus, met een helder doel: beter gevonden worden, beter informeren en de kaart op elke gsm krijgen. Zonder dat het dorp zijn charme verliest.

De homepage van tranzistor.cafe op desktop in het Engels en op een telefoon in het Grieks
Mint, roze, een dambord en een transistorradio op pootjes. Subtiel is anders. Dat is net de bedoeling.

Scrollen is afstemmen

Op desktop is de homepage een radio. Scroll naar beneden en de naald schuift over de schaal, de frequentie tikt op van 87.5 naar 107.9 FM, en elk station is een gerecht: pannenkoeken op 88.1, wafels op 92.5, de club sandwich op 96.7, pizza, milkshakes, en op 105.9 koffie en bar.

Tussen twee zenders hangt het beeld even halverwege. Net zoals een echte radio even kraakt voor hij zijn station vindt, maar dan zonder het gekraak.

Het geheel draait op een handvol regels JavaScript, zonder framework. Op een gsm, of voor wie liever geen beweging op het scherm ziet, wordt de scène gewoon een verticale stapel stations. Niemand hoeft zijn telefoon te draaien om een wafel te zien.

Drie momenten uit de scroll-scène op desktop: 87.5 FM met pannenkoeken, 93.6 FM tussen twee stations en 107.9 FM met koffie
87.5, 93.6 en 107.9 FM. Van pannenkoeken, via een wafel in volle overgang, naar koffie en ouzo. De radio speelt gewoon door.

Nooit halfvol

De huisregel van het café werd meteen de huisregel van het ontwerp: nooit halfvol. Zie je het bord nog, dan is het niet af. Dat vertaalt zich in dikke cursieve koppen met een harde schaduw, dambordranden, scheve fotokaders en een radiomascotte met sneakers.

Ook de teksten kregen een schep extra. De club sandwich? Drie verdiepingen, frieten eronder, rechtgehouden door één heel optimistische tandenstoker. De wafels? Twee bollen ijs is de kleine portie. Dat is geen belofte, dat is een waarschuwing.

Drie telefoons met tranzistor.cafe: de radiostations onder elkaar, de sectie met adres en openingsuren, en het geopende menu
Op een gsm wordt de radio een stapel stations. Het telefoonnummer is een grote rode knop, want wie honger heeft, belt.

Grieks eerst, Engels ook

Voor de dorpsbewoners in het Grieks, voor wie op doortocht is in het Engels. Eén tik op ΕΛ / EN en alles wisselt mee, van de radiostations tot de laatste tsipouro op de kaart.

Leuk detail: het lettertype uit het eerste ontwerp bleek geen Griekse letters te kennen. Op een Griekse website is dat, laten we zeggen, onhandig. Het werden dus Fira Sans en Space Mono, en die staan op de eigen server. Geen gegevens naar Google, en elke letter gewoon waar hij hoort.

Scannen, kijken, bestellen

De volledige kaart staat online: van pannenkoek ‘Transistor’ tot de Porn Star Martini, met prijzen, beschrijvingen en in beide talen. Een QR-code opent ze meteen op je gsm. Geen pdf waarop je moet inzoomen, geen app, geen gedoe.

En blijkt de Dubai-pannenkoek plots de hit van de zomer? Dan staat hij er dezelfde dag bij.

Een tafelkaartje in de huisstijl van Tranzistor met een QR-code, en een telefoon met de geopende menukaart
Scannen en de kaart staat op je scherm. En ja, die code werkt echt. Probeer maar.
De menukaart op drie telefoons: in het Grieks, in het Engels en de sectie koffie en warme dranken
Dezelfde kaart, twee talen. Met emoji, want een pannenkoek zegt meer dan duizend woorden.

Het café houdt zelf de knoppen vast

Achter de schermen draait Kirby, ons vertrouwde CMS. Prijzen, openingsuren, radiostations, foto’s en de volledige kaart: het café past alles zelf aan, gewoon in het Grieks. Elk station krijgt een frequentie, een kleur en een foto, elke sectie van de kaart een emoji en zijn gerechten.

Het beheerpaneel spreekt de taal van wie het gebruikt. Grieks voor het café, Nederlands voor ons. Een nieuwe cocktail toevoegen hoeft dus niet via een developer in Gent. (Mag wel. We nemen op.)

Het Kirby-beheerpaneel van tranzistor.cafe in het Grieks, met de radiostations en de secties van de menukaart
Het beheerpaneel in het Grieks: de radiostations en de kaart, sectie per sectie. Voor ons evenveel Grieks als voor jou, maar het café leest het vlot.

Het resultaat

Een klein café in een klein dorp, met een website die even luid is als de pannenkoeken. Wie Tranzistor zoekt, vindt nu meteen de kaart, het nummer en de openingsuren. Zonder zoeken, zonder app en met muziek.

De wegbeschrijving bleef trouwens in de stijl van het huis: volg de weg tot hij het niet meer kan schelen, en zoek dan het dambord en de radio met benen. En helemaal onderaan staat Launched by Major Tom. Uiteraard.

Blijf afgestemd.

Wat we opleverden

  • Concept en webdesign in de stijl van een jaren-60-diner

  • Tweetalige website: Grieks en Engels

  • Scroll-scène als radioschaal op desktop, verticale versie op gsm

  • De volledige menukaart online, per sectie beheerbaar

  • QR-code die de kaart meteen opent

  • Kirby CMS met een beheerpaneel in het Grieks

  • Lettertypes met Griekse letters, op de eigen server

  • Gelanceerd tijdens een researchtrip in Griekenland

Volgend project

Fietsen door een eiland dat er niet meer is

Webapp, storytelling & erfgoed →
Fietsen door een eiland dat er niet meer is
Vorig project: Een website met zwarte gordel Website, community & AI