Restaurant and café menus
Sushi restaurant menu website with pickup ordering
A hand roll bar has a menu short enough to fit on one screen and food that sells on looks. This one page example for an invented Surry Hills counter shows every dish with a photo and price, takes pickup orders paid online, and explains why a hand roll should be eaten within a minute.
The home page at three widths
The same page on a desktop, a tablet and a phone, exactly as it renders. Scroll inside each frame to read it all; nothing here can be clicked or submitted.
Page by page
- Home /
- Hero (full photo), Menu (photo rows), About (photo and story), Opening hours (compact card), Contact (details and form)
- Privacy policy /privacy
- Text (single column), 5 in a row
- Terms of use /terms
- Text (single column), 5 in a row
The page in order
A full photo hero of a chef rolling at the counter, the menu in photo rows grouped into hand rolls, nigiri and sashimi and small plates, a photo and story section on why hand rolls are made to order, opening hours in a compact card and a group bookings form. The menu note covers rice seasoning and allergies.
How the menu is kept up to date
Each dish is a product in the store admin with a pickup kind, a photo and a price, grouped by collection. The menu section lists the collections in order, so adding a dish to the hand rolls collection puts it on the site at the next publish or catalog sync, with no page edit.
What makes this website work
Every dish has its photo
The menu uses the photo rows layout, a square photo beside each dish with the price and an Add button. Sushi is chosen by eye, and a photo of the crab hand roll does more than any adjective.
Ordering is the main action
The navigation button and the hero both say Order for pickup, and the menu intro explains collecting from the counter. A sixteen seat bar fills fast, so pickup orders are the business the site can add.
A dark theme that suits the food
The Noir rose palette in dark mode with Space Grotesk headings makes the fish and nori colours stand out. Dark backgrounds are the usual choice for sushi photography for the same reason.
Questions people ask
How does pickup ordering work on a menu site?
Each dish is a product with an Add button. The order bar collects the dishes, the cart offers pickup at your counter, and the customer pays through Stripe Checkout on your connected account. You see the order in the store admin and mark it ready for pickup, which emails the customer.
Can I show the menu without online ordering?
Yes. When the store is switched off, the menu section still lists every dish with its photo and price, without Add buttons or the order bar. Many restaurants start that way and switch ordering on later, which needs a paid plan and a connected Stripe account.
Can dishes have options, like a size or a protein?
A dish can have up to three options with a price each. Dishes with options show a Choose button that opens the dish to pick from, while single dishes add straight to the order. This sushi menu keeps every dish single to make ordering one tap.
Where do allergy notes go?
The menu section has a note line under the dishes, used here for rice seasoning and allergies, and customers can add notes to an order when notes are switched on in the store settings. Allergen rules require you to answer allergy questions accurately, so keep the note short and true.
Does a menu site work as a phone app?
Menus and stores publish as installable web apps by default, so a regular can add the bar to their home screen and reorder in a few taps. A separate app store app is possible through the app export on a paid plan, which you submit yourself.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther website examples
Indian restaurant menu website with a lunch thali offer
An Indian restaurant often runs two businesses from one kitchen: dinner and a lunch trade built on a set meal. This one page example for an invented Harris Park restaurant shows the full menu in printed columns, then gives the $22 weekday thali its own section, before catering enquiries for weddings and pujas.
Bakery menu website with next day pre-orders
A bakery sells out early, and the customers who miss out are the ones it most wants to keep. This one page example for an invented Launceston bakery turns them into pre-orders: order by 2 pm, collect warm from 7 am the next morning, with every loaf, pastry and pie shown with its photo and price.
Ramen restaurant menu website for a late night shop
Ramen does not travel well, so a ramen shop taking pickup orders has to explain how it packs the soup. This one page example for an invented Melbourne laneway shop does that in the menu intro, tells the eighteen hour broth story and makes the late Friday and Saturday hours easy to find.
For everything this generator can do, see the website maker.
Written and checked by the OneCraft team. Last checked .