Capitolo 2 · Sito su misura · Prototipo

Si scende dalle nuvole

Voli interni in Cina venduti dall’Italia: la home è una discesa, dalle nuvole alla costa di Hainan, e le tappe del viaggio compaiono mentre si perde quota.

Cliente: Orizzonti Aperti
Settore: voli interni in Cina
Anno: 2026

Si scende dalle nuvole — Tav. I Il sito intero, che scorre con la pagina.

Il problema

Chi parte dall’Italia difficilmente sa dov’è Sanya. Il sito doveva vendere un volo interno cinese a quella persona, in italiano, cinese e inglese, senza un motore di prenotazione: l’unica conversione è la richiesta di preventivo, e va meritata.

Cosa abbiamo fatto

Abbiamo fatto della home un atterraggio. Una ripresa aerea legata allo scroll scende fino al mare, e intanto compaiono le tappe del viaggio. Le rotte vengono da dati geografici veri, non da un disegno; cambiando lingua si resta nel punto della discesa in cui si era.

In una riga

Più scendi, più sei vicino a partire.

Tav. II La stessa schermata ridotta allo schema: dove cade l’occhio.
Tav. III A un quarto della pagina.
Tav. IV A metà.
Tav. V A tre quarti.

Le misure

La prima schermata arriva in 0,67 s¹, senza una riga di JavaScript², e mentre carica la pagina si sposta di 0³. In tutto sono 483 kB⁴, in 26 richieste.

Largest Contentful Paint. Misurato il 13 ottobre 2026 sul prototipo, telefono 390×844, 4G lento simulato · 1,6 Mbit/s · 150 ms, CPU 4× rallentata. Il nostro limite è 2,50 s. ↩
Il prototipo è HTML e CSS: lo script arriva quando serve una funzione, non prima. ↩
Cumulative Layout Shift: quanto si sposta la pagina mentre arriva. Il nostro limite è 0,1; zero vuol dire che niente salta. ↩
Peso dopo il caricamento, immagini e fotogrammi compresi. ↩

La tavolozza

#161e22
#77736c
#3a4346
#a29280
#468f8e

Presa dai pixel delle sue schermate, non da un file di progetto.

I caratteri

Titoli: Futura
Testo: Charter