14 Divi Restoran Web Sitesi Örnekleri

Restoran web siteleri genellikle en zarif tasarımlardan bazılarına sahiptir. Markalı renk ve yazı tiplerini, görselleri, yemek menülerini, rezervasyon sistemlerini ve hatta catering gibi hizmetleri kullanmalarıyla, restoranlar her zaman benzersiz ve ilginç web sitelerine ihtiyaç duymaktadır. Bu yazıda, bir sonraki Divi tasarımınız için size ilham vermek için Divi restoran web sitelerinin 14 örneğine bakacağız.

Uyarı – bu web siteleri sizi acıktırabilir.

1. Tony Roma'nın

Tony Roma's, paralaks içinde CTA'lar (harekete geçirici mesaj) ile tam ekran bir görüntü içerir. Kaydırma, üç tıklanabilir kategoriye sahip gölgeli bir bölüm gösterir. Bunun altında restoran hakkında bilgi içeren bir bölüm var. Konumlar, iletişim bilgileri, saatler, bir harita, menüyü görmek için düğmeler ve teslimat hizmeti için bir düğme ile ayrı sayfalarda görüntülenir. Yemek menüleri indirilebilir PDF'lerdir. Rezervasyonlar sayfası, konumların her biri için iletişim bilgileri sağlar. Site, renk ve arka plan resimlerinden mükemmel bir şekilde yararlanmaktadır.

2. Tutta'nın Pizzası

Tutta's Pizza, kaydırmada kaybolan bir arka plan üzerinde görüntülenen menüde Şimdi Sipariş Edin CTA'sı ile gerçek paralaks içinde logolu tam ekran bir görüntü görüntüler. Sırada, gerçek paralaks ve bindirme, vurgulu animasyonlu menü simgeleri, Instagram beslemesi, etkinlik CTA'sı ve iletişim formu olan bir hakkında bölümü var. Yemek menüsü, çevrimiçi sipariş sistemine bağlantı içeren resim ve metin olarak görüntülenir. Site, markalaşmasında ilginç arka plan desenleri kullanıyor.

3. Casa Dorita

Casa Dorita, gerçek paralaksta logo, slogan ve rezervasyon CTA'sı içeren tam ekran bir görüntü içerir. Bir sonraki bölüm, yemek menüsüne bir bağlantı ile yemek hakkında bilgi sağlar. Sırada resimli bir resim kaydırıcı, paralaksta bilgi içeren bölünmüş ekranlı bir bölüm, rezervasyon CTA'lı (gömülü bir rezervasyon sistemi kullanan) günümüzün özel bölümü, şarküteri gösteren tam ekran bir resim kaydırıcı ve diğer birkaç bölüm var. şarküteri hakkında daha fazla bilgi, harita ile konum bilgisi ve iletişim formu ile paralaks içinde. Yemek menüsü indirilebilir bir PDF olarak sunulmaktadır. Site renk ve yazı tiplerini iyi kullanıyor.

4. Meksikalı

Meksika dili, CTA ile tam genişlikte bir arka plan, bir gönderi kaydırıcı, proje olarak menü öğelerine bağlantılar içeren bir bölüm (üzerlerine tıklamak size daha büyük bir görüntü verir), marka ve kantina hakkında bir bölüm gösteren tek sayfalık bir tasarım kullanır. , ve haritalı bir iletişim formu. Yemek menüsü, bir modda görüntülenen etkileşimli bir sipariş sistemidir. Yemek menüsü, sepetinize ürün eklemek için tıklanabilir bölümler ve çok sayıda yemek resmi içerir. Bu gördüğüm en ilginç yemek menüsü sistemlerinden biri.

5. Mendocino Çiftlikleri

Mendocino Farms, ekranda kalan üst ve alt eşleşen gezinme menüleriyle birlikte tam ekran bir gönderi kaydırıcısı görüntüler. Menüler tarz CTA'ları içerir. Menü açılır menüleri, markayla eşleşen simgeleri ve metni görüntüler. Kaydırma, vurgulu animasyonlu şirket hakkında bir slogan ve üç gönderi ortaya çıkarır. Yemek menüsü, PDF sürümüne bir bağlantı ve ardından bir resim, menü öğeleri ve fiyatlar içeren kategoriler içindeki menüyü görüntüleyen çevrimiçi sürüme bir bağlantı görüntüler. Menü tasarımı, gördüğüm en iyilerden biri. Konumlar sayfası, konumların gönderiler olduğu bir blog sayfasına benziyor. Konumlara ilişkin gönderiler, bir resim kaydırıcısı, yol tarifleri, incelemeler, park bilgileri ve bir harita içerir.

6. Mokkabar

Mokkabar, değişen metin ve CTA'lar içeren bir çoklu görüntü düzeni görüntüler. Kaydırma, bir üst menü, yemeklerin tam ekran görüntüleri, yemek menüsü içeren iki sütunlu bir bölüm, paralaks içinde bir iletişim formu, en üste bağlantı işlevi gören logolu tam genişlikte bir bölüm, bir harita (bu otomatik kaydırma yapmaz) ve çalışma saatleri için tanıtım yazıları. Sayfalar aynı düzeni ve özellikleri kullanır. Bilgi sayfası, hem içeride hem de dışarıda oturma sayısını göstermek için daire sayaçlarını kullanır. Site, renk, resim ve yazı tiplerinden büyük ölçüde yararlanmaktadır.

7. Rustik Tavuk

Rustic Chicken, CTA ile tam ekran bir görüntü ve şimdiye kadar gördüğüm en havalı kaydırıcılardan birini kullanıyor (yazıları Accordion Slider kullanarak üst üste binen kartlar olarak gösteriyor). Sonraki, bindirmeler ve bir CTA içindeki hakkında bilgi içeren tam ekran bir görüntüdür. Bunu takiben, iletişim bilgileri ve konumlara bağlantı olarak örtüşen bir haritaya sahip bir resim, logo ve menü içeren tam genişlikte bir bölüm ve bir iletişim formu içeren iki sütunlu bir bölüm vardır. Yemek menüsü, markaya uygun güzel arka plan desenleri üzerinde görüntülenir. Site, renk ve görsel kullanımı için harika bir örnektir.

8. Taze kutu

Freshbox, tam ekran görüntü kaydırıcısına ve ardından tıklanabilir telefon numarasına sahip ince bir CTA'ya sahiptir. Bunu takiben, yemeğin tartışıldığı bir hakkında bölümü ve simgeler içeren bir bölüm, paralaks içinde bir bilgi bölümü, yemekle ilgili başka bir bölüm, otomatik kaydırma olmadan tam genişlikte bir harita ve iletişim bilgileri ve sosyal bağlantılar içeren özel bir altbilgi bulunur. Yemek menüsü indirilebilir bir PDF olarak sunulmaktadır. Site, markalı renklerden büyük ölçüde yararlanıyor.

9. Speakeasy Kahve Barı

Speakeasy Coffee Bar, yükü yakınlaştıran ve kaydırma sırasında ters yönde kayan tam ekran arka plan görüntüsü içeren tek sayfalık bir tasarım kullanır. Bir sonraki bölüm, yemek menüsüne saatler ve bağlantılar içeren simgeleri ve ardından bir referans ve tam genişlikte bir sosyal takip bölümünün izlediği yönergeleri gösterir. İki sütunlu bir bölüm, yol tarifi almak için adresinizi yazabileceğiniz bir kutu içeren bir harita gösterir. Yemek menüsü bunun altında kategorilere göre ayrılmış iki sütun halinde görüntülenir. Bu, siyah beyaz ile markalaşmanın harika bir örneğidir.

10. Tay Restoranı Yiyin

Eat Thai Restaurant, sitede gezinirken ekranda kalan dikey bir menü kullanır. Menü, telefon numarası, hem adres hem de Google Haritalar'ı açan Yol Tarifi, sosyal takip simgeleri ve Şimdi Sipariş Edin CTA'sı dahil olmak üzere birçok tıklanabilir bölge içerir. Ana sayfa, yemek menüsünü görüntüler, açıklamalar ve fiyatlar ile gösterir. Resimler tıklanabilir ve bir galeride açılır. Yiyecek kategorileri arasında bilgi içeren bir sipariş CTA'sı var. Altbilgi, restoranın logosunu içeren bir harita görüntüler. Site, hiçbir şey eksikmiş gibi hissetmeden basittir. Markalı renk ve yazı tiplerini mükemmel şekilde kullanır.

11. El Torrero

El Torrero, bu listedeki en benzersiz ana sayfalardan birine sahiptir. Bu, yemek menüsündeki öğelere bağlantılar içeren, yemeğin tam ekran görüntülerinden oluşan bir dizidir. Bir sonraki görüntü siz kaydırdıkça ortaya çıkıyor, ancak ilginç olan geçiş – ekran, bir yarısı bir yönde ve diğer yarısı ters yönde kaydırılarak ortadan ikiye ayrılıyor. Yemek menüsü, yazdırılan menünün taramalarına benziyor. Rezervasyon sistemi, müsaitlik durumunu kontrol etmek için bir düğme içerir. Site, görsellerden mükemmel bir şekilde yararlanmaktadır. Ayrıca, bölünmüş ekran kaydırmasını izlemeyi bırakamıyorum.

12. Gündönümü Restoranı

Solstice Restaurant, logo, CTA'lar ve bölüm ayırıcı ile tam ekran bir arka plan videosu görüntüler. Birincil menü ayrıca bir CTA içerir. Bunu takiben, özel ürünler, menü bağlantıları, gömülü bir video, Instagram ve Facebook için blog ve sosyal beslemelere bağlantılar ve çevrimiçi sipariş bağlantıları hakkında bir bölüm bulunmaktadır. Ayrıca entegre bir rezervasyon sistemi, bir resim galerisi, bunlarla ilgili bilgilerin bulunabileceği diğer web sitelerine bağlantılar ve otomatik kaydırma olmadan tam genişlikte bir harita içerir. Sayfaların çeşitli bölümleri, o bölümü etiketleyen metin ile paralaks içinde tam genişlikte görüntülerle ayrılır. Yemek menüleri tablolarda gösterilir ve indirilebilir bir versiyona bağlantılar içerir.

13. Şekerli Pasta Pastanesi

Sugar Cakes Patisserie, slogan ve CTA'ların ardından saatler, iletişim, konum ve Facebook takibi için tıklanabilir simgeler içeren tam genişlikte bir görüntü içerir. Dört sütunlu bir bölüm, bağlantıları olan dört yemek menüsü için görüntüleri gösterir. Bunu takiben, CTA'lı bir yaklaşık bölümü, otomatik kaydırmalı tam genişlikli bir harita ve çalışma saatlerini gösteren alt bilgi bulunur. Yemek menüleri fiyatlar ile tablolar halinde sunulur ve PDF olarak indirilebilir. Site, görsellerden ve markalı renklerden büyük ölçüde yararlanıyor.

14. İki Samuel

İki Samuels, menüde paralaks ve CTA'da logo ve etiket satırı yerleşimi ile tam ekran bir görüntüye sahiptir. Kaydırma hakkında bir bölüm, menüye bağlantı içeren yemeğin daire içine alınmış resimlerini içeren bir bölüm, yemek hizmetleri hakkında bir bölüm, bir tarafta metin bulunan iki sütunlu bir bölüm ve diğer tarafta şef hakkında bir resim gerçek paralaks olarak görüntüler , menü bağlantısı içeren tanıtım yazıları, rezervasyon yapmak için bağlantı içeren bir bölüm ve alt bilgide saatler ve iletişim bilgileri. Yemek menüsü, arka planda bir görüntü ile zarif bir tasarım kullanır. Site, renk ve yazı tiplerini zarif bir şekilde kullanır.

Son düşünceler

Divi restoran web sitelerinin bu 14 örneği, Divi ile neler yapılabileceğini göstermek için mükemmel örneklerdir. Her tür restoran web sitesi için harika tasarımlar oluşturabilir ve yemek menüleri, rezervasyon sistemleri, iletişim bilgileri, resimler ve daha fazlası dahil olmak üzere gerekli tüm özellikleri dahil edebilirsiniz.

Bu siteler düzenler, yazı tipleri, renkler, fotoğrafçılık, video, navigasyon, yemek menüleri, rezervasyon sistemleri vb. için fikirler sağlamak için harikadır. Divi ile bir sonraki restoran tasarımınız için size ilham vereceklerinden emin olabilirsiniz.

Şimdi bir restoran bulmalıyım.

Bu Divi restoran sitelerinin en sevdiğiniz unsurları nelerdir? Aşağıdaki yorumlarda bize bildirin!

Elenabsl / Shutterstock.com üzerinden Öne Çıkan Görsel