Source：delice.ca ↗ Checked 2026.10.29
Editor's note
What this site does
A restaurant in Lévis, Quebec, open since 1970, that keeps visit, book, order and gift-card buttons on screen and lists a different offer for each day of the week.
Conversion
Notes
What you see
A strip at the top cycles through the day's offers. The first screen is red, with a food photograph, the large line "Toutes les raisons sont bonnes" and "PIZZA DÉLICE DEPUIS 1970". Four buttons stay at the bottom of the screen throughout: visit, book, order online and gift card.
The page continues with the menus, six weekly offers (happy hour, lunch specials, half-price wine on Thursdays, 20% off takeaway on Wednesdays and more), four numbers — 160 staff, founded 1970, 700 seats inside, 300 on the terrace — upcoming live bands, private rooms, and ten job openings with hourly pay and an application form. The footer lists hours by service and day, and shows whether the restaurant is open right now.
What to take from it
Almost everyone visiting a restaurant site wants to book, order, find the place or buy a voucher. Keeping those four actions on screen means nobody has to hunt for them.
Weekly offers give people a reason to choose a day. Splitting opening hours by dining room, bar, takeaway and delivery answers the question people actually have, and putting jobs with pay on the same site recruits staff as well as guests.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | 18px / 500 | 1.35 | 18px / 500 |
| h2 | 64px / 600 | 1.00 | 40px / 600 |
| h3 | 48px / 600 | 1.00 | 32px / 600 |
| Body (p) | 14px / 400 | 1.40 | 16px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.29). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Délice and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: Awwwards — Honorable Mention
