Case study

Ragazzi · Sydney

Ragazzi: a website in the dim light of a Sydney trattoria and wine bar

In Wynyard, Sydney, Ragazzi presents itself as an Italian wine bar doubling as a trattoria, with its pasta, its plates to share and its digestivi. Dineora designed a dark, warm website that sets the dishes on the table from the homepage and gives access to the menu, ordering, delivery and booking.

Build my restaurant's websiteSee the live website
The Ragazzi website shown on a laptop and a phone
Restaurant
Ragazzi
Location
Sydney, Wynyard
Cuisine
Italian trattoria and wine bar
Designed by Dineora
Website, online menu, takeaway ordering, delivery, table booking

An Italian trattoria and wine bar in Wynyard

Ragazzi is an Italian restaurant in the Wynyard district of Sydney, which describes itself as an “Italian wine bar & trattoria”. Its menu, written in English, has eight sections: starters, pasta, sides, menus, dolci, gelati, formaggi and digestivo.

The starters range from the Sydney Rock Oyster, with tomato water and salmon roe, to Cantabrian anchovy, stracciatella, croquettes or yellowfin tuna crudo. Pasta forms the heart of the menu: Spaghetti Cacio e Pepe with pecorino and black pepper, Jerusalem artichoke ravioli, tajarin with black truffle, mafaldine with prawns, agnolotti del plin with duck, mezzaluna with beef cheek. Then come the sides, a ricotta panna cotta with poached pear and honeycomb, ice creams, a selection of cheeses, and a long list of digestivi: amari from Liguria, Campania or Calabria, limoncellos, Velvet Negroni, Espresso Martini. A menus section offers to let the chefs choose, or to pair wines with the dishes.

The challenge: fit a wine bar and a trattoria on the same screen

Ragazzi has two faces: a wine bar where you linger, and a trattoria where you come for the pasta. The website had to convey both at once, the dim ambiance of the counter and the generosity of the plates, without turning the homepage into a frozen shop window.

It also had to present a long, precise menu, with its Italian names, its Australian produce and its many digestivi, in a readable way, then make the restaurant's three services easy to reach: takeaway ordering, delivery and booking.

Ragazzi homepage on a phone: big title, cascading plates and a three-icon navigation bar
Ragazzi homepage on a phone: amber glass, then the slate of starters and pasta
Art direction board for the Ragazzi website

Dark wood, aged gold and plates in full light

The palette is that of a bar at dusk: deep browns, black, cream and touches of aged gold, with a tangy yellow-green as counterpoint. The visuals created for Ragazzi set the plates on a dark wooden table, in front of a counter loaded with bottles and hanging glasses: ravioli in their golden broth, crowned with crispy shavings, sliced meat on an orange sauce, a grilled octopus tentacle in tomato sauce, bread topped with anchovies, a candle, an amber glass.

The restaurant's name appears very large, in a worn-textured serif typeface, cream-colored, above the line “Italian wine bar & trattoria” in spaced-out golden capitals. The website's short phrases are set in narrow capitals, with one word in handwriting, “Always”. On a computer, the logo, a tomato ringed with laurels, stays at the top left of the screen, and the Order button takes the shape of a dark medallion edged with golden laurels.

A homepage that moves from the table to the slate

The homepage is explored from top to bottom, the way you look over a well-laden table. The first screen shows the name, the promise “Italy on a plate, wine in the glass.” and the first plate of ravioli. As you scroll down, the dishes follow one another diagonally, each accompanied by a short phrase: “Bold flavors. Honest cuisine.”, “Made by hand, served with soul”, then “A place to gather. A reason to stay.” and “Good wine, good food, good company” beside an amber glass.

Next comes a large dark slate, decorated with golden engravings: foliage, a slice of cake, an ice cream cup, a bottle and a glass of wine, a cheese board. It reproduces the whole menu, section by section, and ends with a “Menu” cartouche garnished with olives, cheese and bread. Further down, a plate of ravioli sits on a fluted pedestal, in front of a yellow wall with raised lettering.

The Ragazzi ordering page on a laptop and a phone

A baroque menu for ordering, getting delivery or paying online

The ordering page opens under the title “Menu & Order”, in a setting of golden scrolls on a black background where bunches of grapes, nests of tagliatelle and ravioli mingle, beneath a medallion framing a glass of red wine and a flask. The menu appears on large cream cards, in golden frames garnished with pasta, grapes and olives, with section titles in midnight-blue capitals.

A fixed bar at the top of the screen leads to the eight sections. Each dish appears there with its name, its description and its price; the add button looks like a small golden raviolo marked with a cross. The diner fills the cart, chooses to pick up the order at the restaurant or to have it delivered, and can pay online.

Ragazzi ordering page on a phone: Starters section and cart bar in a golden frame

Ragazzi's menu: a few dishes

Dishes as they appear on Ragazzi's online menu, with the restaurant's own names, descriptions and prices.

See the full menu

A booking on the restaurant's slate

The booking form takes the shape of a dark green slate in a wooden frame, titled “Ragazzi Reservations”. Around it, a trattoria scene: a pinned note with the restaurant's details, an olive oil bottle, a pepper mill, a candle, bread in a bowl, a counter garnished with bottles. It fits on a single screen and asks for the full name, phone, email, date, time, number of guests and a special request, before a “Reservation” cartouche sends the request.

The Ragazzi website on a phone resting on a set table

On a phone, a navigation bar with three gestures

On a phone, the Ragazzi name stays large at the top of the screen, and the plates come down one after another, accompanied by their short phrases. At the bottom, an oval bar edged with laurels gathers three illustrated icons: a house for the homepage, an open book for the menu, a bag for ordering.

The booking keeps its slate style in a single column, with the line “Your table” and a border in the colors of Italy. On the ordering page, the sections scroll as tabs at the top of the screen, each dish unfolds to show its description, and the cart bar stays visible at the bottom, in a golden frame.

Ragazzi booking form on a phone, “Your table” slate in a single column
Ragazzi menu on a phone: section tabs and the pasta list, with the cart bar

A website prepared for searches in Sydney

The website answers the searches people really make around Wynyard: an Italian restaurant in the area or nearby, a wine bar in Sydney, pasta in Sydney, the Ragazzi menu, or booking a table. The page title, its description and its texts clearly present the restaurant, its district and its menu.

A detailed presentation page complements the homepage, and the full menu can be read as text on the ordering page. Nobody can promise a place on Google: the work consists of giving search engines accurate, structured and consistent information.

A website for an Italian wine bar and trattoria in Sydney’s Wynyard

An Italian wine bar with a trattoria attached is chosen at the end of the office day: Sydney rock oysters, Cantabrian anchovies, spaghetti cacio e pepe, ravioli, cheeses, gelati and digestivo. The website of an Italian restaurant in Sydney has to show a menu in eight sections, let people book a table for the evening, order takeaway or have it delivered, and accept payment online.

  • A bar budget, no agency: the web agency quote is avoided, and delivered or collected orders carry no commission.
  • Eight sections in one go: give the name Ragazzi and starters, pasta, dolci and digestivo sort themselves out within minutes.
  • Dark wood and aged gold: bottles, hanging glasses, baroque cards and the booking slate come from this very counter, never from a generic set.
  • In hand from opening time: the chef swaps an oyster, a wine by the glass or the set menu personally, and the customer’s screen follows.
  • No relay between kitchen and table: bookings, takeaway sales and deliveries reach the team directly, with no agency or third-party app.
  • Wynyard, Lausanne or Rabat: the same software in the language of the menu, English here, with the local currency.

For an Italian wine bar in Sydney, a dark and warm website already sets the plates on the table before the guests arrive.

Dineora in numbers: 0% commission on your orders · a website live in 5 minutes.

Learn more: Restaurant website builder · Online ordering system for restaurants · Restaurant booking system · QR code menu for restaurants

The result: an evening at Ragazzi, before even walking in

The Ragazzi website takes up the low light of the bar, the generosity of the plates and the richness of a menu where pasta and digestivi are the stars. Ordering, getting delivery or booking all happen in the same universe, without changing tone. This is what Dineora aims for with every restaurant: a website in its image, with its menu, its orders and its bookings.

The website in pictures

Screenshots of the live website, on a computer and on a phone.

Ragazzi homepage on a phone: desserts, cheeses and digestivi, then ravioli in front of a yellow wall

Ragazzi: practical information

Address
Shop 3/2-12 Angel Pl, Sydney NSW 2000
See the address on Google Maps
Cuisine
Italian trattoria and wine bar
Services
Online ordering for pickup · Delivery · Online table booking · Online payment
Menu sections
Starters · Pasta · Sides · Menus · Dolci · Gelati · Formaggi · Digestivo
The restaurant's website
dineora.io/ragazzi-sydney

Questions about this project

Who designed the Ragazzi website in Sydney?

The Ragazzi website was designed by Dineora: art direction, homepage, online menu, an ordering page with pickup and delivery, and a booking form.

Can you order from Ragazzi online?

Yes. The ordering page presents the whole menu: you add your dishes to the cart, choose pickup at the restaurant or delivery, and payment can be made online.

Can you book a table at Ragazzi on its website?

Yes. The booking form, on a single screen, asks for the name, phone, email, date, time, number of guests and any special request.

Does an Italian wine bar need an agency for its website in Sydney?

No. Dineora builds the site from the bar’s name: English menu, delivery, takeaway orders, payment and booking. The owner keeps it up to date personally.

How can an Italian restaurant deliver and take orders without commission?

Takeaway and delivery orders go through the restaurant’s own page and arrive straight there. Dineora takes no commission on these sales.

More of our work

All case studies