Bites by Sayel

Een stijlvolle online ervaring voor een cateringmerk dat persoonlijk, smaakvol en premium aanvoelt.

Project: 01
Jaar: 2026
Rol: Strategy / UX/UI / Development
Stack: Next.js / React / TypeScript / CSS
Type: Personal Catering · Arnhem
Status: Live website

Presentatie van het webdesign voor Bites by Sayel op desktop en mobiel — Van merkgevoel naar een website op desktop en mobiel.

Een plek voor smaak en persoonlijkheid.

Bites by Sayel is een personal-cateringmerk uit Arnhem. De website brengt het aanbod en de sfeer van de catering samen: bezoekers kunnen ontdekken wat er op tafel komt en eenvoudig contact opnemen voor hun gelegenheid.

De ontwerpopgave

De ontwerpopgave: de persoonlijke, verzorgde uitstraling van het merk vertalen naar een website met een duidelijk menu. Sterke fotografie moest ruimte krijgen, terwijl de route naar een aanvraag via WhatsApp of contact direct herkenbaar bleef — ook op een klein scherm.

Van structuur naar live.

01
Structuur
Het aanbod, menu en contact vormen de belangrijkste routes.
02
Design
Fotografie, typografie en visuele hiërarchie geven het merk zijn plek.
03
Development
De interface wordt responsive opgebouwd voor desktop en mobiel.
04
Live
De website is gepubliceerd op bitesbysayel.nl.

De sfeer zit in de details.

Een warme eerste indruk

Neutrale achtergronden laten de kleuren en details van de cateringfotografie spreken.

Typografie met karakter

Grote serifkoppen zetten de toon. Rustige interfacetekst houdt het menu en de navigatie leesbaar.

Een logische volgende stap

Duidelijke knoppen leiden naar het menu en WhatsApp. Op mobiel blijven die acties ruim en goed bereikbaar.

Designbord met de typografie, warme neutrale kleuren en interface van Bites by Sayel — Design details — warme kleuren, editorial typografie en duidelijke acties.

Mobiele schermen van Bites by Sayel met de homepage en het menu — Mobile experience — van eerste indruk naar menu en contact.

Achter het ontwerp.

Next.js & React

De website is opgebouwd met Next.js en React. Herbruikbare onderdelen voor navigatie en pagina-inhoud houden de interface consistent.

TypeScript & responsive CSS

TypeScript legt de vorm van de content en componenten vast. Responsive CSS past de indeling aan de beschikbare schermbreedte aan.

Beeld & vindbaarheid

De implementatie gebruikt Next.js Image voor afbeeldingen en paginametadata voor de presentatie van de website in zoekmachines en gedeelde links.

Uit het lab. Aan tafel.

Een live website waarin de catering centraal staat, het menu snel te vinden is en bezoekers rechtstreeks contact kunnen opnemen. Bekijk het uiteindelijke werk op bitesbysayel.nl.

Bekijk live website