Web sitesi
Restoran Rezervasyon Web Sitesi Tasarımı
Ember & Pepper, rezervasyon yapmaya hazır konuklar için özgün yemekleri ve ziyaret ayrıntılarını bir rezervasyon iletişim kutusuyla bir araya getiriyor.
LLM Arena Eylül 2026
Vaka notları- Model
- GPT 5.6 Sol
- Tasarım görevi
- Rezervasyon özellikli yerel hotpot restoranı açılış sayfası
- Çıktı
- Web sitesi
Şunun İçin Tasarlandı
- Restoran Web SiteleriYemeği, atmosferi ve pratik ziyaret bilgilerini bir araya getirin.
- Rezervasyon ArayüzleriRestoran bağlamını gizlemeden bir rezervasyon girişi tasarlayın.
- Konaklama ve Yeme-İçme MarkalaşmasıBölgesel yemek kimliğini başlıklar ve görseller aracılığıyla yansıtın.
Öne Çıkanlar
- İki Hero Giriş NoktasıKarar vermeden hemen rezervasyon yapın veya önce menüyü keşfedin.
- Üç Özgün YemekNumaralandırılmış girişler et suyunu, dana etini ve bir sebze seçimini tanıtır.
- Pratik Bir Ziyaret BölümüSaatler, son oturma ve konum ayrıntıları rezervasyonun yanında yer alır.
- Bağlamsal Rezervasyon İletişim KutusuBaşka bir sayfaya gitmeden ziyaret talebini alın.
Restoran Web Sitesini Keşfedin
1 / 4
İki Başlangıç Noktasına Sahip Bir Restoran Web Sitesi
Ember & Pepper, bir hotpot fotoğrafı ve Heat with a heartbeat ile açılır. Bu ifade bir ruh hâli yaratır; daha küçük Chongqing Born · New York Fired etiketi ise yemek ve konum konseptini açıklar. Bu görevleri ayırmak, sayfanın akılda kalıcı bir başlığı korumasını ve yeni ziyaretçinin restoranın ne sunduğunu tahmin etmek zorunda kalmamasını sağlar.
Hero alanında iki eylem birlikte yer alır: Reserve your table ve Explore the menu. Bunlar farklı hazır olma düzeylerine hizmet eder. Tekrar gelen bir konuk rezervasyon iletişim kutusunu hemen açabilirken, restoran seçmekte olan biri önce yemekleri inceleyebilir. Aynı Reserve eylemi navigasyonda da görünür ve Book dinner ziyaret bilgilerine yakın bir yerde yeniden sunulur.
Menüyü Eksiksizmiş Gibi Davranmadan Tanıtın
Born for the broth, eksiksiz bir sipariş menüsü yerine numaralandırılmış üç özgün yemek sunar. Her giriş, öğündeki bir rolü açıklar: bir temel, bir et kesimi veya dengeleyici bir mantar ve yeşillik seçimi. Bu bölüm birinin restoranı anlamasına yardımcı olabilir, ancak akşam yemeği hesabını hesaplamak için yeterli bilgi sağlamaz.
| Menü Girişi | Belirli Bilgiler | Yanıtsız Kalanlar |
|---|---|---|
| 01 · Nine-Spice Red Broth | Dana yağı, kavrulmuş biberler ve yeşil Sichuan karabiberleri; House signature olarak etiketlenmiş. | Sayfa, seçilebilir bir acılık seviyesi veya porsiyon fiyatı belirtmez. |
| 02 · Hand-Cut Marbled Beef | İnce kesimler ve sekiz saniyelik pişirme önerisi; Market cut olarak etiketlenmiş. | Konuk hâlâ gerçek porsiyon boyutuna ve fiyata ihtiyaç duyar. |
| 03 · Mountain Mushroom Basket | Mantarlar, lotus kökü ve yeşillikler; From the market olarak etiketlenmiş. | Yalnızca yemek açıklaması, beslenme veya alerjen uygunluğunu belirlemez. |
Ziyaret Ayrıntılarını Rezervasyon Girişinin Yakınına Yerleştirin
Meet us downtown, marka ifadesinden lojistiğe geçer. Ziyaret bölümü iki açılış saati aralığı ve ayrı bir son oturma kuralı sunar. Kapanıştan 45 dakika önceki son oturma önemlidir; çünkü açılış saati, uygun bir rezervasyon saatiyle aynı şey değildir. Bu ayrımı Book dinner yakınına yerleştirmek, konuğun daha bilgili bir soru sormasına yardımcı olur.
Okuyucu Yeni Bir Bağlam Kazandığında Bir Eylemi Tekrarlayın
Hero rezervasyon eylemi menüden önce görünür. Book dinner ise yemek ve atmosfer bölümlerinden sonra, birinin daha fazla bilgi edindiği noktada yer alır. Bu yararlı bir tekrardır: Uzun süre yukarı kaydırmayı gerektirmek yerine eylem bir karar noktasında yeniden sunulur.
Sınırları Belirli Bir Talep İçin İletişim Kutusu Kullanın
Rezervasyon arayüzü, restoran sayfasını arka planda tutarken ziyaret ve iletişim bilgilerini ister. Tarih girişi ile saat ve kişi sayısı seçicileri, farklı bilgi türleri için uygun kontroller sunar. Üretim tasarımının ayrıca uygunluğu, doğrulamayı ve talep gönderildikten sonra ne olacağını açıklaması gerekir.
Atmosfer Açıklamalarını Gerçek Görsellerle Eşleştirin
The Room bölümü asimetrik bir fotoğraf ızgarası ve sıcak ışık, masa buluşmaları ve kırmızı et suyu hakkındaki açıklamaları kullanır. Bazı fotoğraflar gerçek bir yemek salonu görünümü yerine yemeklerin yakın plan çekimleridir. Düzen çeşitlilik yaratır, ancak gerçek bir mekân her açıklamanın ortaya attığı soruyu yanıtlayan görseller kullanmalıdır. Salonu görmek isteyen bir konuğun başka bir çekici yemek yerine salonu görmesi gerekir.
Canlı Restoran Hizmeti Değil, Rezervasyon Prototipi
Ember & Pepper kurgusal bir restoran kimliğidir. Sayfanın kendisinin belirttiği üzere adresi, telefon numarası ve işletme ayrıntıları örnek içeriktir. Rezervasyon iletişim kutusu yerel bir ön yüz demosudur; rezervasyon oluşturmaz, canlı kapasiteyi kontrol etmez veya onay e-postası göndermez. GPT 5.6 Sol etiketi, doğrulanmış bir performans puanını değil, sağlanan değerlendirme dışa aktarımını belirtir.
OpenDesign'de Restoran Rezervasyon Web Sitesi Tasarımı Nasıl Oluşturulur
Konuk Yolculuğunu ve Rezervasyon Girişini Belirleyin
OpenDesign'e ilk kez gelen bir konuğun rezervasyon yapmadan önce hangi bilgilere ihtiyaç duyduğunu ve tekrar gelen bir konuğun hangi işlemi hemen gerçekleştirebileceğini belirtin. Bu örnek istem, görünür örüntüye dayalı yeni bir prototip tanımlar.
Önerilen PromptKurgusal bir Chongqing hotpot mekânı için restoran rezervasyon web sitesi tasarımı oluşturun. Tam genişlikte bir yemek fotoğrafı, kısa bir mutfak ve şehir etiketi ve iki satırlık büyük serif başlıkla açın. Konukların rezervasyon yapma ve daha fazla bilgi edinme arasında seçim yapabilmesi için Masa Ayırt öğesini Menüyü Keşfet öğesinin yanına yerleştirin. Ardından et suyunu, bir dana eti seçimini ve mantar sepetini açıklayan, numaralandırılmış üç özgün yemek ekleyin. Açıklamalarıyla eşleşen fotoğrafları kullanarak asimetrik bir atmosfer galerisi oluşturun. Açılış saatlerini, son oturma politikasını, adresi ve telefon ayrıntılarını başka bir rezervasyon eyleminin yanında birlikte konumlandırın. Masa Ayırt bir tarih girişi, saat seçici, kişi sayısı seçici ve iletişim alanları içeren bir iletişim kutusu açmalı. Boş, geçersiz ve yerel olarak gönderilmiş durumları dahil edin. Mekân ayrıntılarının ve gönderimin tanıtım içeriği olduğunu belirtin; gerçek uygunluk veya tamamlanmış bir restoran rezervasyonu ima etmeyin.
Rezervasyon Durumlarını Açıkça Tanımlayın
OpenDesign'den boş bir formu, eksik alan hatasını ve açıkça etiketlenmiş bir demo yanıtını göstermesini isteyin. Doğrulama başarısız olduğunda girilen değerleri koruyun. Escape ile kapatma davranışını belirtin ve odağı iletişim kutusunu açan düğmeye geri taşıyın.
Rezervasyon Eyleminden Önce Bilgileri İnceleyin
Kapanış saatinin ve son oturma saatinin sunulan zaman aralıklarıyla çelişmediğini kontrol edin. Örnek işletme bilgilerini yalnızca doğrulandıktan sonra değiştirin. İletişim kutusunun kaydırılabildiğinden ve onaylama ile kapatma kontrollerinin erişilebilir kaldığından emin olmak için dar bir görünüm alanı kullanı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.
Bianjing Gece Turu Web Sitesi Tasarımı
Hayalî Song dönemi Bianjing'inde, kalıcı bir nehir kenti, şiir, fenerler ve çok dilli bölüm akışını birleştiren etkileşimli bir gece yolculuğu.
Web sitesi
Kariyer Web Sitesi Tasarımı
Sekiz ay sahnesi üzerine kurulu bir Kimi kariyer çalışması; kaydırmayla bağlantılı geçişler ve illüstrasyonlu başvuru süreci.
Web sitesi
Yaratıcı Portföy Web Sitesi Tasarımı
Maya Rowan'ın kurgusal portföyü, proje kartlarını, çalışma yaklaşımını ve notları bir araya getiriyor.
Web sitesi
Orman Restorasyonu Web Sitesi Tasarımı
Etkileşimli devrilmiş bir dalın ormandaki saha hikâyelerine, bir restorasyon planına ve simüle edilmiş katkı yollarına uzandığı Second Spring'i keşfedin.
Web sitesi