Web sitesi
Hotpot Restoranı Web Sitesi Tasarımı
Yàn Huǒ, rezervasyon öncesinde fiyatlandırılmış bir imza menüsü, yemek deneyimi galerisi ve ziyaret ayrıntılarıyla hotpot deneyimini tanıtıyor.
LLM Arena Eylül 2026
Vaka notları- Model
- Qwen 3.8 Max
- Tasarım görevi
- Rezervasyon özellikli yerel hotpot restoranı açılış sayfası
- Çıktı
- Web sitesi
Şunun İçin Tasarlandı
- Yemek Web Sitesi TasarımıBölgesel bir mutfağı belirli yemekler ve görseller aracılığıyla açıklayın.
- Restoran Menü DüzenleriAdları, hazırlanış ayrıntılarını ve fiyatları birlikte sunun.
- Konaklama ve Restoran Açılış Sayfalarıİlk izlenimden pratik ziyaret planlamasına geçiş sağlayın.
Öne Çıkanlar
- Öne Çıkan Bir YemekDaha büyük bir et suyu kartı ve Must Try etiketi başlangıç noktasını belirler.
- Fiyatlandırılmış Beş İmza SeçeneğiMalzeme açıklamaları, okuyucuların menü seçeneklerini ayırt etmesine yardımcı olur.
- Asimetrik Bir Fotoğraf GalerisiSalon, birlikte yenilen yemek ve sos tezgâhı farklı görsel rollere sahiptir.
- Gruplanmış Ziyaret BilgileriÇalışma saatleri, ulaşım bağlamı ve iletişim bilgileri yan yana görünür.
Hotpot Web Sitesini Keşfedin
1 / 4
Yemeği Açıklayan Bir Hotpot Web Sitesi
Yàn Huǒ, kurgusal bir Chongqing hotpot restoranını giderek daha pratik hâle gelen bir bilgi dizisiyle tanıtıyor. Where Fire Meets Flavor ilk izlenimi verir. Mutfak ve şehir etiketi konsepti oluşturur. Ardından menü daha kullanışlı bir soruyu yanıtlar: Bir kişi gerçekte tencereye ne koyar?
Bu hotpot restoranı web sitesi tasarımı, metin malzemeleri ve hazırlanış ayrıntılarını adlandırdığında en iyi şekilde çalışır. Dana iç yağı, adı belirtilen Sichuan biberi çeşitleri ve kâğıt inceliğinde dana eti, genel bir otantik yemek vaadinden daha fazlasını anlatır. Menü kartlarına açıklayacak bir içerik verir; fiyatlar da ziyaretçilerin vurgulanan beş seçeneği başka bir ekran açmadan karşılaştırmasını sağlar.
Et Suyunu Menünün Başlangıç Noktası Yapın
The Essentials, birbirinin yerine geçebilen yemeklerden oluşan tekdüze bir ızgara değildir. Classic Chongqing Broth daha büyük bir kart alır ve Must Try rozetini taşır. Diğer dört seçenek bu ana unsurun çevresine yerleşir. Bu düzen, sayfanın birlikte yenilen hotpot yemeğini tanıtma biçimini yansıtır: tabanı seçin, ardından ona eşlik eden malzemeleri anlayın.
| Öğe | Görünür Menü Ayrıntısı | Seçime Nasıl Yardımcı Olur |
|---|---|---|
| Classic Chongqing Broth · $28 | Dana iç yağı tabanı, sekiz saatlik pişirme ve adı belirtilen baharatlar. | Acı kelimesine güvenmek yerine tabanın karakterini açıklar. |
| Premium Wagyu Beef · $38 | Kâğıt inceliğinde dilimler ve sekiz saniyelik pişirme önerisi. | Malzemenin nasıl hazırlandığını ve masada nasıl kullanıldığını açıklar. |
| Wild Mushroom Platter · $18 | Enoki, kral istiridye mantarı, shiitake ve kulak mantarı. | Karışık bir tabağı yalnızca kategori etiketi kullanmaktan daha somut hâle getirir. |
| Seafood Selection · $32 | Karides, balık topları, kum midyesi ve kalamar halkaları. | Bir misafir sormadan önce seçimin neler içerdiğini gösterir. |
| Beef Tripe · $16 | Çıtır ve yumuşak dokuyu birlikte tanımlayan bir açıklama. | Bilinmeyen bir malzemeye duyusal bir referans noktası verir. |
Menüyü, Yemek Atmosferini ve Ziyaret Ayrıntılarını Birbirine Bağlayın
Menu, Gallery ve Visit doğrudan gezinme bağlantılarıdır; Book a Table rezervasyon girişini açar. Böylece sayfa hem eksiksiz bir okuma hem de kısayol sunar. Yemeği zaten bilen biri doğrudan çalışma saatlerine gidebilir; konsepte yabancı biri ise bölümleri sırayla takip edebilir.

Her Görsele Bir İş Vermek İçin Galeri Boyutunu Kullanın
Uzun salon görseli ortamı oluşturur. Küçük görseller tencerenin etrafındaki insanları ve bir sos tezgâhını gösterirken daha geniş et suyu görseli dikkati yeniden yemeğe çeker. Gerçek bir restoran, mekânını gerçekten temsil eden fotoğraflar kullandığı sürece bu yaklaşım, birbirine benzeyen dört yakın planı tekrarlamaktan daha bilgilendiricidir.
Lojistik Bilgilerini Paralel Gruplara Yerleştirin
Ziyaret bölümü Hours, Find Us ve Contact öğelerini üç sütuna ayırır. Hours pazartesi–perşembe, cuma–cumartesi ve pazar için farklı kapanış saatleri kullanır. Adreste ulaşım bağlamı bulunur. Bu bilgiler farklı planlama sorularını yanıtlar ve tek bir paragrafın içine gömülmediklerinde taranmaları daha kolay olur.
Rezervasyonu Bir Sonraki Adımı Olan Bir Talep Olarak Ele Alın
Rezervasyon girişi ziyaret ve iletişim bilgilerini toplar. Görünür alanları bir başlangıç noktasıdır; canlı kapasitenin kanıtı değildir. Üretim ortamına uyarlanan bir sürüm, talep göndermekle onaylanmış bir masa almak arasındaki farkı belirtmeli ve istenen zaman sunulamadığında ne olacağını açıklamalıdır.
Daha Büyük Menü Kartının Vazgeçtiği Şey
Büyük et suyu kartı tabana güçlü bir görsel rol verir; ancak bu bölümü kompakt bir menü listesinden daha uzun hâle de getirir. Bu ödünleşim eksiksiz ekran görüntüsünde görünür. Tanıtım amaçlı bir giriş için uygundur; çok sayıda yemeği hızlıca karşılaştıran biri içinse daha az verimlidir. Daha uzun bir restoran menüsü, her öğe için bu kart boyutunu tekrarlamak yerine daha yoğun bir düzene ihtiyaç duyar.
Bu Restoran Prototipi Neleri Gösterebilir
Yàn Huǒ örnek restoran içeriğidir, gerçek bir mekân kaydı değildir. Menü iddiaları, fiyatlar, adres ve çalışma bilgileri prototipe aittir ve gerçek dünyada kullanılmadan önce doğrulanmalıdır. Form rezervasyon oluşturmaz veya e-posta göndermez. Qwen 3.8 Max, içerik sahibinin sağladığı model etiketidir; burada herhangi bir oluşturma sayısı, kıyaslama puanı veya ölçülmüş ticari sonuç iddia edilmemektedir.
OpenDesign'de Hotpot Restoranı Web Sitesi Tasarımı Nasıl Oluşturulur
Görsel Stilden Önce Yemeği Tanımlayın
OpenDesign'e örnek bir mutfak, öne çıkan bir yemek ve farklı açıklamalara sahip küçük bir menü verin. Aşağıdaki yeni istem, özgün oluşturma geçmişini yeniden ürettiğini iddia etmeden bu sayfanın bilgi yapısını kullanır.
Önerilen PromptKurgusal bir mahalle mekânı için hotpot restoranı web sitesi tasarımı oluşturun. Koyu ve sıcak bir renk paleti ile kısa, serif bir başlığın arkasında tam genişlikte bir yemek fotoğrafı kullanın. Üstüne mutfak ve şehir etiketini, altına da Book a Table eylemini yerleştirin. Fiyatları ve belirli malzeme açıklamaları bulunan beş öğelik bir imza menüsü oluşturun. Et suyuna daha büyük bir kart ve Must Try rozeti verin; yanında dört küçük yemek bulunsun. Asimetrik bir galeri ekleyin: solda uzun bir salon fotoğrafı, sağ üstte misafir deneyimini gösteren iki küçük fotoğraf ve bunların altında geniş bir hotpot fotoğrafı. Hours, Find Us ve Contact bölümlerini yan yana sütunlarda gruplayın. Ziyaret ve iletişim alanlarına sahip bir rezervasyon iletişim kutusu ekleyin. Menü telefonlarda okunabilir kalsın ve tüm mekân ayrıntıları ile rezervasyon yanıtlarını, canlı restoran entegrasyonu olmadan, kurgusal tanıtım içeriği olarak etiketleyin.
Menüyü Tam Boyutta ve Telefon Genişliğinde Kontrol Edin
Öne çıkan et suyu kartını dört küçük yemekle karşılaştırın. OpenDesign'den, kırpılmış metne güvenmeden adları, açıklamaları ve fiyatları korumasını isteyin. Telefonlarda ilişkili bilgileri bir arada tutun ve ana kartın diğer tüm yemeklere erişimi geciktirmesi durumunda görsel yığını kısaltın.
Ziyaret Bilgilerini Net Bir Rezervasyon Durumuna Bağlayın
Hafta içi ve hafta sonu saatlerini sunulan rezervasyon zamanlarının yanında gözden geçirin. Zorunlu alan hatalarını, kapatılabilir bir iletişim kutusunu ve açık bir tanıtım onayını belirtin. Gerçek bir mekâna uyarlamadan önce adresini, fiyatlarını, görsellerini ve rezervasyon sağlayıcısını doğrulayın.
Dışa Aktarın ve Paylaşım Bağlantısı Alın
Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.




