Concept build · Dubai
Fustuq Restaurant website design for Dubai, a concept build
Fustuq is our invention: three grill and mezze kitchens in Jumeirah, Business Bay and JLT, Dubai, cooking for delivery, pickup, dine-in and catering, with a menu and prices we wrote for the demo. Its homepage runs as real code. Pick an area and the ticket recalculates for the kitchen that would cook; the branch map, the catering estimate and the table booking respond as well. Checkout stops at a clear demo message rather than taking payment.
A concept build: Fustuq is a fictional brand we created to show how we design and build a restaurant website for Dubai. It is not a client and not a real company; our client work is on the work page.
The complete homepage, live
Both frames run the real site. Scroll inside them, try the menu board of fourteen dishes with category tabs (all, mezze, grill, rice and wraps, sweets) that rearrange the tiles in place, or open it in a new tab.
How we designed a restaurant website for Dubai
Named for the pistachio
Fustuq is the Arabic word for pistachio, so the page is built from pistachio green blocks on a tahini cream ground, with charred black for the header and tomato red kept for prices and buttons only. Headlines are set in Bricolage Grotesque, and the wordmark sits beside فستق in Arabic script. Motion stays quiet: headline lines rise into place and photos are revealed from behind solid colour.
A menu board, not a PDF
Diners in Dubai order from a phone and want to see the dish before they choose it. Every dish has its own overhead photograph, its Arabic name, a price in AED with VAT included, allergen tags and a calorie field. The calorie figures are marked as sample data, because on a live site they come from the restaurant's own recipe calculation.
The nearest kitchen cooks
A group with three kitchens has different fees, minimums and dishes in each part of the city. Type your area or pick a branch and the site works out which kitchen will cook, greys out anything that kitchen does not make, and updates the ticket with that area's fee, minimum order, VAT share and earliest time in Dubai time.
Ramadan and the office lunch
Iftar trays, suhoor hours and catering for the office or the majlis are a large part of a Dubai restaurant's year, so each has its own section. The Ramadan section sets out iftar, suhoor and delivery hours, and the catering form gives a live per-person estimate with the lead time for the headcount.
What the homepage includes
- Hero
- At a glance
- Menu board and order ticket
- Delivery and pickup
- Why order direct
- Branches and map
- Ramadan
- Catering and groups
- Book a table
- Allergens, calories and VAT
- FAQ
- Call to action
Features and interactions
- Menu board of fourteen dishes with category tabs (All, Mezze, Grill, Rice and wraps, Sweets) that rearrange the tiles in place
- Delivery area search with quick picks that finds the kitchen for that area and greys out the dishes it does not make
- Order ticket that adds up the subtotal, the area's delivery fee, the minimum order and the VAT share, offers today or tomorrow time slots in Dubai time, and keeps the order if the page is reloaded
- Fixed order bar on phones that opens the ticket as a bottom sheet, and a checkout that ends in a demo message instead of taking payment
- Stylised branch map drawn in SVG that lights up a kitchen as you hover, focus or pick its branch card
- Catering form with a live estimate by guests and package, and a table booking form whose time slots follow each branch's opening hours
- Headline lines that rise into place and photo reveals, none of which run when a device asks for reduced motion
The whole page, top to bottom
Palette and type
- Pistachio #A8B57A
- Tahini cream #F1E7D6
- Charcoal #1C1917
- Tomato #D9452B
- Olive #3B4220
Type: Bricolage Grotesque, DM Sans, IBM Plex Sans Arabic.
Languages: English.
How it is built
- Hand-built HTML, CSS and JavaScript, no framework
- GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
- Lenis 1.3.26 smooth scrolling
- Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
- Bricolage Grotesque, DM Sans and IBM Plex Sans Arabic from Google Fonts
- Homepage weight about 920 KB on desktop and about 810 KB on a phone, measured on our machine on 28 Oct 2026
Need a restaurant website like this?
We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into restaurant websites, our web development service, our website prices and how we work with businesses in the UAE, or browse every concept build.
Questions
What should a restaurant website in Dubai include?
Start with the menu, with photographs and prices that include VAT, then the branches, opening hours and parking. Diners also expect allergens on every dish, a clear way to order delivery or pickup, and a quick route to book a table. Groups with Ramadan hours or catering should give each its own section, so people do not have to call to ask.
Should a Dubai restaurant take orders on its own website as well as on the delivery apps?
Many restaurants do both. The apps bring new diners, while orders on the restaurant's own site or WhatsApp keep the customer relationship and the full bill with the kitchen. The site's order flow should show the area's delivery fee, minimum order and earliest delivery time before checkout, so it is as clear as the apps.
Does a restaurant website in Dubai need to be in Arabic?
Most diners in Dubai read the menu in English, so many restaurants start with an English site. Arabic dish names beside the English ones help Arabic-speaking guests and suit dishes that are known by their Arabic names. A full Arabic version, laid out right to left, is worth adding when a large share of guests prefer it.
More concept builds
Websites
Want yours built like this?
Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.
Every rupee you spend with us has to earn its keep.
