Source:pizza-amici.nl ↗ Checked 2026.10.28
Editor's note
What this site does
A Dutch pizza food-truck caterer that pins its numbers to the top of the screen and shows a starting price and a four-step process before you ask.
Conversion
Notes
What you see
A bar fixed to the top of the screen reads "3000+ caterings", "rated 4.6" and "480–600 pizzas per hour". Below it, a yellow "Boek een truck" (book a truck) button stays in the header. The first screen pairs a photo of five staff at a truck with "rent a pizza food truck on location", a 4.6-star review score and "from €10 per person".
Further down: client logos, the story of three friends who started it, six trucks with their output per hour and size, a four-step process (quote, dough prepared 72 hours ahead, set-up 1–2.5 hours before, baking), the Google rating and two awards, four named testimonials, five strengths and a jobs section. The booking page asks for guests, location, date and time.
What to take from it
People hiring a caterer compare several. Keeping countable numbers — jobs done, rating, capacity — in view the whole time gives them something to compare on.
A starting price and a numbered process, with a promise to reply within 24 hours, answer the two questions that stop first-time customers: "can I afford it?" and "what happens after I ask?"
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | 66px / 400 | 0.78 | 47px / 400 |
| h2 | 96px / 400 | 0.78 | 31px / 400 |
| h3 | 60px / 400 | 0.78 | 44px / 400 |
| Body (p) | 12px / 500 | 1.30 | 9px / 500 |
| Button | 12px / 500 | 1.30 | 16px / 700 |
Measured values (desktop 1440px, mobile 375px, 2026.10.28). 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 Pizza Amici 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