Sito web
Design di un sito web per ristorante hotpot
Yàn Huǒ presenta l’hotpot attraverso un menu d’autore con prezzi, una galleria dedicata all’esperienza gastronomica e i dettagli per la visita prima della prenotazione.
LLM Arena settembre 2026
Note sul caso- Modello
- Qwen 3.8 Max
- Attività di design
- Landing page per un ristorante hotpot locale con prenotazione
- Output
- Sito web
Pensato per
- Design di siti web per il ciboSpiega una cucina regionale attraverso piatti e immagini specifici.
- Layout per menu di ristorantiPresenta insieme nomi, dettagli della preparazione e prezzi.
- Landing page per l’ospitalitàPassa dalla prima impressione alla pianificazione pratica della visita.
Punti salienti
- Un piatto di riferimentoUna scheda del brodo più grande e l’etichetta Must Try stabiliscono il punto di partenza.
- Cinque piatti d’autore con prezzoLe descrizioni degli ingredienti aiutano i lettori a distinguere le selezioni del menu.
- Una galleria fotografica asimmetricaLa sala, il pasto condiviso e il banco delle salse svolgono ruoli visivi diversi.
- Informazioni per la visita raggruppateOrari, contesto dei trasporti e dettagli di contatto compaiono affiancati.
Esplora il sito web hotpot
1 / 4
Un sito web hotpot che spiega il pasto
Yàn Huǒ presenta un ristorante hotpot fittizio di Chongqing attraverso una sequenza di informazioni sempre più pratiche. Where Fire Meets Flavor offre la prima impressione. L’etichetta con cucina e città definisce il concept. Il menu risponde poi a una domanda più utile: che cosa metterebbe davvero qualcuno nella pentola?
Questo design di sito web per ristorante hotpot funziona al meglio quando il testo nomina ingredienti e dettagli della preparazione. Grasso di manzo, varietà di pepe denominate e manzo tagliato sottilissimo comunicano più di una generica promessa di cibo autentico. Danno alle schede del menu qualcosa da spiegare, mentre i prezzi permettono ai visitatori di confrontare le cinque selezioni in evidenza senza aprire un’altra schermata.
Fai del brodo il punto di partenza del menu
The Essentials non è una griglia uniforme di piatti intercambiabili. Classic Chongqing Broth riceve una scheda più grande e il badge Must Try. Le altre quattro selezioni si dispongono intorno a questo elemento di riferimento. Ciò riflette il modo in cui la pagina presenta un pasto hotpot condiviso: si sceglie la base, poi si comprendono gli ingredienti che la accompagnano.
| Elemento | Dettaglio visibile del menu | Perché aiuta nella scelta |
|---|---|---|
| Classic Chongqing Broth · $28 | Base con grasso di manzo, cottura a fuoco lento di otto ore e spezie specifiche. | Spiega il carattere della base invece di affidarsi alla sola parola piccante. |
| Premium Wagyu Beef · $38 | Fette sottilissime e suggerimento di cottura di otto secondi. | Descrive come l’ingrediente viene preparato e utilizzato al tavolo. |
| Wild Mushroom Platter · $18 | Enoki, cardoncelli, shiitake e funghi orecchia di Giuda. | Rende un piatto misto più concreto della sola etichetta di categoria. |
| Seafood Selection · $32 | Gamberi, polpette di pesce, vongole e anelli di calamaro. | Mostra il contenuto della selezione prima che l’ospite debba chiederlo. |
| Beef Tripe · $16 | Descrizione di una consistenza croccante e tenera. | Offre a un ingrediente poco familiare un riferimento sensoriale. |
Collega menu, atmosfera della sala e dettagli per la visita
Menu, Gallery e Visit sono link di navigazione diretti; Book a Table apre l’accesso alla prenotazione. La pagina supporta quindi sia una lettura completa sia una scorciatoia. Chi conosce già la cucina può passare direttamente agli orari, mentre chi non conosce il concept può seguire le sezioni nell’ordine.
Usa le dimensioni della galleria per assegnare a ogni immagine un ruolo
La fotografia verticale della sala stabilisce l’ambientazione. Le immagini più piccole mostrano persone intorno alla pentola e un banco delle salse, mentre la fotografia più ampia del brodo riporta l’attenzione sul pasto. È più informativo che ripetere quattro primi piani simili, a condizione che un ristorante reale utilizzi fotografie che rappresentino davvero i suoi spazi.
Disponi le informazioni logistiche in gruppi paralleli
La sezione della visita separa Hours, Find Us e Contact in tre colonne. Hours usa orari di chiusura diversi per lunedì–giovedì, venerdì–sabato e domenica. L’indirizzo include il contesto dei trasporti. Questi fatti rispondono a domande diverse di pianificazione e restano più facili da consultare quando non sono nascosti in un unico paragrafo.
Tratta la prenotazione come una richiesta con un passaggio successivo
L’accesso alla prenotazione raccoglie i dettagli della visita e dei contatti. I campi visibili sono un punto di partenza, non una prova della disponibilità in tempo reale. Un adattamento destinato alla produzione dovrebbe distinguere l’invio di una richiesta dalla ricezione della conferma del tavolo e spiegare cosa succede quando l’orario richiesto non può essere offerto.
A cosa rinuncia la scheda del menu più grande
La scheda del brodo sovradimensionata assegna alla base un forte ruolo visivo, ma rende anche questa sezione più alta di un elenco compatto del menu. Questo compromesso è visibile nello screenshot completo. È adatto a una presentazione promozionale; è meno efficiente per chi confronta rapidamente molti piatti. Un menu di ristorante più lungo avrebbe bisogno di uno schema più denso, invece di ripetere queste dimensioni della scheda per ogni elemento.
Che cosa può mostrare questo prototipo di ristorante
Yàn Huǒ è un contenuto campione per un ristorante, non una scheda di un locale reale. Le informazioni del menu, i prezzi, l’indirizzo e i dettagli sugli orari appartengono al prototipo e devono essere verificati prima dell’uso nel mondo reale. Il modulo non crea una prenotazione né invia un’e-mail. Qwen 3.8 Max è l’etichetta del modello fornita dal proprietario; qui non viene dichiarato alcun numero di generazioni, punteggio di benchmark o risultato commerciale misurato.
Come creare in OpenDesign un design di sito web per ristorante hotpot
Descrivi il pasto prima dello stile visivo
Fornisci a OpenDesign un esempio di cucina, un piatto di riferimento e un piccolo menu con descrizioni specifiche. Il prompt seguente usa la struttura informativa di questa pagina senza sostenere di riprodurre la cronologia originale della sua generazione.
Prompt suggeritoCrea il design di un sito web per un ristorante hotpot di quartiere fittizio. Usa una palette scura e calda e una fotografia gastronomica a tutta larghezza dietro un breve titolo con grazie. Posiziona sopra un’etichetta con cucina e città e sotto un’azione Book a Table. Costruisci un menu d’autore di cinque elementi con prezzi e descrizioni specifiche degli ingredienti. Dai al brodo una scheda più grande e un badge Must Try, con quattro piatti di accompagnamento più piccoli. Aggiungi una galleria asimmetrica: una foto verticale della sala a sinistra, due foto più piccole dell’esperienza degli ospiti in alto a destra e una foto orizzontale dell’hotpot sotto di esse. Raggruppa Hours, Find Us e Contact in colonne parallele. Includi una finestra di dialogo per la prenotazione con campi relativi alla visita e ai contatti. Mantieni il menu leggibile sui telefoni ed etichetta tutti i dettagli del locale e le risposte della prenotazione come contenuti dimostrativi fittizi, senza integrazione con un ristorante reale.
Controlla il menu a dimensione intera e alla larghezza di un telefono
Confronta la scheda del brodo in evidenza con i quattro piatti più piccoli. Chiedi a OpenDesign di conservare nomi, descrizioni e prezzi senza dipendere da testo tagliato. Sui telefoni, mantieni unite le informazioni correlate e riduci la lunghezza della sequenza visiva se la scheda principale ritarda l’accesso agli altri piatti.
Collega le informazioni per la visita a uno stato di prenotazione chiaro
Esamina gli orari dei giorni feriali e del fine settimana accanto agli orari di prenotazione disponibili. Specifica gli errori dei campi obbligatori, una finestra di dialogo chiudibile e una conferma esplicita a scopo dimostrativo. Prima di adattare il progetto a un locale reale, verifica indirizzo, prezzi, immagini e fornitore del servizio di prenotazione.
Esporta e ottieni un link di condivisione
Esporta il design completato, quindi usa Condividi in OpenDesign per ottenere un link di condivisione. Apri il link in una finestra del browser separata e verifica che la versione prevista e le sue risorse siano disponibili prima di inviarlo.
Design di sito web per tour notturno di Bianjing
Un viaggio notturno interattivo attraverso un’immaginaria Bianjing dell’epoca Song, che combina una città fluviale persistente, poesia, lanterne e un ritmo narrativo multilingue articolato per capitoli.
Sito web
Design sito web carriere
Uno studio carriere Kimi costruito su otto scene lunari, con transizioni collegate allo scroll e un processo di candidatura illustrato.
Sito web
Design di Sito Portfolio Creativo
Il portfolio fittizio di Maya Rowan collega schede progetto, pratica e note.
Sito web
Design di un sito web per il ripristino forestale
Esplora Second Spring, dove un ramo caduto interattivo conduce a storie dal campo, a un piano di ripristino forestale e a modalità simulate per contribuire.
Sito web