Sapea Green: Restaurant Website With Online Ordering

Some food brands want to feel fresh, natural and premium rather than loud. Sapea Green takes the same thirteen page structure as its siblings and moves it into a calm register: a deep forest green, a soft gold ring and warm cream pages that let food photography do the work.

The brief centred on ordering. A visitor should move from a hero dish to a category, a product and a paid order without hitting a page that feels unrelated to the last one, so the cart and checkout sit inside the same design as the marketing pages.

Each page opens on a large green curve edged in gold, holding a hero dish: a plated salad on the home page, a burger with fries and a cola on the about page, two burgers on a board for the story page and a baked pizza for the shop. The headline sits in light and heavy weights beside it.

Category and magazine pages replace icons with photo cards, a pizza, a pasta, a black burger and a classic burger each in a compact white card with a title and a short line. The product page adds option selectors and an add to cart button, and the gallery and story pages keep the editorial photography of the set.

Ordering runs through a four step progress bar: cart with quantity steppers, an order summary with tax and discount lines, an address form and a payment step with card fields and cash on delivery. Register and sign up pages sit in front of it, all with a green footer.

Sapea Green gives a restaurant a finished online ordering website in one calm colourway: thirteen page designs, photo category cards, a product page and a checkout. It is ready to take your menu, product details, photography and logo, and the checkout steps can be trimmed to suit how you take orders.