Case: Befrank website

Befrank: een burgerwebsite waarop merk, menu en bestellen eindelijk samenkomen

Twee Graden bouwde voor burgerconcept Befrank een website die net zo uitgesproken is als het merk zelf, met vanaf elke pagina een korte route naar het menu en bestellen.

DesktopMobielLive op befrankfoods.com

Befrank × Twee Graden

Over Befrank

Befrank is een burgerconcept met een uitgesproken eigen stijl: eerlijke burgers, een herkenbare huisstijl en een merk dat gasten bijblijft. Het publiek is breed: vaste gasten die snel het menu willen zien en nieuwe bezoekers die via Google of social media binnenkomen en willen weten of Befrank iets voor hen is.

Het vertrekpunt

De situatie voordat we begonnen

In de zaak staat het merk als een huis. Online kwam die sterke stijl nog niet stevig genoeg over, en een bezoeker moest te veel moeite doen om te vinden waarvoor hij kwam.

Herkenbaar voor veel horecazaken: het product is goed, maar de website laat een hongerige bezoeker net te lang wachten.

Het doel

Wat de website moest bereiken

Niet ‘een nieuwe website’, maar vier concrete verbeteringen voor de bezoeker.

Het merk direct voelen

Binnen een paar seconden zien wat Befrank anders maakt, zonder eerst te hoeven lezen.

Het menu sneller vinden

Vanaf elke pagina met één klik bij de kaart, leesbaar op elk scherm.

Bestellen zonder zoeken

Een vaste, zichtbare route naar bestellen of afhalen, ook halverwege de pagina.

Mobiel eerst

Snel laden en prettig scrollen op de telefoon, want daar kiezen de meeste gasten waar ze gaan eten.

De belangrijkste keuzes

Waarom we het zo hebben aangepakt

Elke keuze komt voort uit één vraag: wat heeft een hongerige bezoeker nu nodig?

Menu-knop in de navigatie van elke pagina

VoorHet menu zat verstopt onder een submenu of onderaan de pagina.
Na‘Menu’ staat altijd in beeld, omdat de kaart voor de meeste bezoekers de reden van hun bezoek is.

Menu als overzichtelijke pagina in plaats van een PDF

VoorInzoomen op een PDF-kaart, lastig op een telefoon en onzichtbaar voor Google.
NaGerechten in duidelijke blokken met foto en korte omschrijving, goed leesbaar én vindbaar.

Bestelknop die meeloopt op mobiel

VoorWie wilde bestellen, moest terugscrollen of opnieuw zoeken.
NaEen vaste bestelknop onderin het scherm: de beslissing en de actie liggen dicht bij elkaar.

Beeld en toon van het merk vooraan

VoorEen algemene opbouw die bij elke horecazaak had kunnen passen.
NaGrote productfoto’s, de eigen kleuren en de eigen toon: opvallend, maar met rust in de opbouw.

Wat we hebben gemaakt

Concreet opgeleverd voor Befrank

Structuur

Een korte opbouw rond drie vragen: wat is Befrank, wat staat er op de kaart en hoe bestel ik.

Teksten

Korte, herkenbare teksten in de toon van het merk, geschreven voor mensen én voor Google.

Ontwerp

Een ontwerp dat de huisstijl vertaalt naar het scherm, eerst ontworpen voor mobiel.

Techniek

Een snelle, lichte website met geoptimaliseerde beelden en een nette technische basis.

Bestelroute

Een vaste bestelknop op elke pagina die direct doorlinkt naar bestellen of afhalen.

Overzetten

Bestaande pagina’s nagelopen en oude adressen doorgestuurd, zodat opgebouwde vindbaarheid niet verloren gaat.

Visueel bewijs

Zo ziet het ontwerp van de Befrank website eruit

Homepage van de Befrank website met productfoto en een menu-knop in de navigatie
De Befrank website op laptop, tablet en telefoon: het merk staat vooraan, op elk scherm.

Resultaat

Wat het heeft opgeleverd

Aantoonbaar gemeten

30 → 85PageSpeed mobiel, oude → nieuwe site
94Toegankelijkheid
92Praktische tips
100SEO
Gemeten met Google PageSpeed Insights (mobiel, homepage), september 2026. De oude site is gemeten voor de overstap. Technische scores zeggen iets over snelheid en kwaliteit, niet automatisch over omzet of het aantal aanvragen.

Ervaren resultaat

Gasten vinden het menu sneller en komen vaker binnen met een concreet idee van wat ze willen bestellen. Het team krijgt minder vragen over de kaart en openingstijden, omdat die informatie nu vindbaar is waar bezoekers hem zoeken.

“De website voelt precies als ons concept: uitgesproken, krachtig en smaakvol. Onze uitstraling komt online veel sterker over en bezoekers klikken sneller door.”

Befrank

Voor vergelijkbare bedrijven

Wat dit website voorbeeld relevant maakt voor jouw zaak

Heb je een horecazaak, foodconcept of afhaalzaak? Dan zijn een sterk eerste beeld, een menu dat je zonder zoeken vindt en een snelle route naar bestellen meestal belangrijker dan een uitgebreide homepage vol tekst. Je bezoeker heeft honger en een telefoon in de hand; elke extra klik kost een gast.

Website laten maken voor horeca →

Hoe we websites bouwen voor restaurants, lunchrooms en foodconcepten: menu, sfeer en reserveren of bestellen centraal.

Google-reviews

Wat klanten zeggen

Ondernemers over hun samenwerking met Twee Graden, rechtstreeks van ons Google-bedrijfsprofiel.

ReviewsOp ons bedrijfsprofiel
Eve PolmanReview op Google
★★★★★

Ik heb via Tweegraden een webdesign laten maken, inclusief de volledige branding voor mijn website en social media voor mijn bedrijf in mini-koekjes.

Ludian BovendorpReview op Google
★★★★★

Professionele webshop laten maken door deze heren

Tobias BootReview op Google
★★★★★

Ik ben door de heren van Twee Graden vakkundig en goed geholpen met het creƫren van een website voor mijn eigen onderneming. Als bedrijf is tweegraden aan te raden voor ondernemers die geen tijd over hebben voor o.a. websitebeheer en marketing.

Bekijk alle reviews op Google → Schrijf een review

Ons werk

Websites die we maakten

Mattias van Twee Graden Djakaman van Twee Graden

De mensen achter je website

Persoonlijk contact met Mattias & Djakaman

Geen callcenter of tussenpersonen: je overlegt direct met de twee oprichters van Twee Graden. Nuchter, bereikbaar en betrokken bij het resultaat van je website.

Maak kennis met ons team →

Veelgestelde vragen over de Befrank website

Wat was het probleem bij de oude Befrank website?

De sterke stijl van Befrank kwam online niet goed over, het menu was lastig te vinden en er was geen vaste, zichtbare route naar bestellen. Vooral op mobiel kostte het bezoekers te veel moeite.

Wat heeft Twee Graden voor Befrank gemaakt?

De structuur, de teksten, het ontwerp en de techniek van een nieuwe website, inclusief een menupagina, een meelopende bestelknop op mobiel en het doorsturen van oude pagina’s.

Waarom staat het menu op een pagina en niet in een PDF?

Een PDF is op een telefoon lastig te lezen en Google kan de inhoud slecht gebruiken. Een gewone menupagina laadt sneller, leest prettiger en helpt mensen die op een gerecht zoeken om je te vinden.

Hoe lang duurde het project?

Een horecawebsite als deze staat meestal binnen vier tot zes weken live, afhankelijk van hoe snel foto’s, teksten en het menu aangeleverd worden.

Zegt een hoge PageSpeed-score dat de website succesvol is?

Nee. Een hoge score betekent dat de website snel en technisch goed in elkaar zit. Of er meer gasten en bestellingen komen, meet je apart, bijvoorbeeld met bezoekcijfers en klikken op de bestelknop.

Kan Befrank het menu zelf aanpassen?

Ja. Prijzen en gerechten zijn zelf te wijzigen, zodat de website klopt met wat er in de zaak op de kaart staat. Voor grotere aanpassingen kan Befrank bij ons terecht.

Voor welke ondernemers is deze case relevant?

Voor horecazaken, foodconcepten en lokale merken met een uitgesproken eigen stijl, waar de eerste indruk en een snelle route naar het menu het verschil maken. Lees meer over website laten maken voor horeca.

Herken je dit bij je eigen website?

Vinden bezoekers je menu of aanbod niet snel genoeg, of past je website niet bij hoe je zaak echt is? Bespreek het vrijblijvend met ons. We kijken eerlijk mee, ook als het antwoord is dat er weinig hoeft te veranderen.

Bespreek het met ons