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.

OpenDesignTasarım ve prodüksiyon
Resmi
Restoran keşfi ve rezervasyonlar4 bölüm
Hotpot Restoranı Web Sitesi Tasarımı: Eksiksiz Restoran Tanıtımı
Değerlendirme örneği · Qwen 3.8 MaxEkran görüntüsü 1 / toplam 4

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.

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.

Eksiksiz atmosfer bölümü, solda uzun bir salon görselini, sağ üstte iki küçük anı ve bunların altında geniş bir hotpot görselini kullanır.
Eksiksiz atmosfer bölümü, solda uzun bir salon görselini, sağ üstte iki küçük anı ve bunların altında geniş bir hotpot görselini kullanır.

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.

İmza menüsünün taşıdığı belirli bilgiler
ÖğeGörünür Menü AyrıntısıSeçime Nasıl Yardımcı Olur
Classic Chongqing Broth · $28Dana iç yağı tabanı, sekiz saatlik pişirme ve adı belirtilen baharatlar.Acı kelimesine güvenmek yerine tabanın karakterini açıklar.
Premium Wagyu Beef · $38Kâğı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 · $18Enoki, kral istiridye mantarı, shiitake ve kulak mantarı.Karışık bir tabağı yalnızca kategori etiketi kullanmaktan daha somut hâle getirir.
Seafood Selection · $32Karides, 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.

İmza menüsü, öne çıkan bir et suyu kartını dört eşlikçi yemekle eşleştirir. Adlar, malzeme açıklamaları ve fiyatlar birlikte görünür kalır.
İmza menüsü, öne çıkan bir et suyu kartını dört eşlikçi yemekle eşleştirir. Adlar, malzeme açıklamaları ve fiyatlar birlikte görünür kalır.

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

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. 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 Prompt

    Kurgusal 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.

  3. 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.

  4. 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.

  5. 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.

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için