Chapter 3 · Bespoke website · Prototype

Open now

Lillo and Sonia’s fruit and veg shop, with its salad bar: from the morning counter to the afternoon smoothie, and in the header, always, whether they’re open.

Client: Fruttaland
Field: fruit, greens and salad bar
Year: 2026

Open now — Plate I The whole site, scrolling with the page.

The problem

Fruttaland sells the same produce two ways: the grocery run, where what matters is what’s in and whether you’ll make it in time, and the fresh counter, chosen on impulse. Online there was only a Facebook page, which answered neither question.

What we did

The site follows the fruit: “the smoothie you’re drinking was on the counter this morning”. Footage is the backdrop of the whole page, from the crate to the glass. What you need on the street — open now, closing time, message on WhatsApp — doesn’t scroll away: it stays in the header from start to finish.

In one line

“Are you open?” always has an answer in sight.

Plate II The same screen reduced to its layout: where the eye lands.
Plate III A quarter of the way down.
Plate IV Halfway.
Plate V Three quarters down.

The measurements

The first screen arrives in 0.55 s¹, without a single line of JavaScript², and the page shifts by 0.084³ while it loads. In all, 2.54 MB⁴ across 102 requests.

Largest Contentful Paint. Measured on 23 October 2026 on the prototype, 390×844 phone, simulated slow 4G · 1.6 Mbit/s · 150 ms, CPU slowed down 4×. Our limit is 2.50 s. ↩
The prototype is HTML and CSS: scripts arrive when a feature needs them, not before. ↩
Cumulative Layout Shift: how much the page moves while it arrives. Our limit is 0.1; zero means nothing jumps. ↩
Weight after load, images and frames included. ↩

The palette

#2d1a31
#4a3c4d
#6b6247
#ece6f5
#c7a6ff

Taken from the pixels of its screens, not from a design file.

The typefaces

Headings: Bricolage Grotesque
Text: Public Sans