14 Divi restoran web sitesine örnek
Restoran web siteleri genellikle en zarif tasarımlardan bazılarına sahiptir. Markalı renkler ve yazı tipleri, resimler, yemek menüleri, rezervasyon sistemleri ve hatta catering gibi hizmetlerin kullanımı ile restoranların her zaman benzersiz ve çekici bir web sitesine ihtiyacı vardır. Bu makalede, bir sonraki Divi tasarımınız için size ilham vermeye yardımcı olacak 14 DIVI restoran web sitesi örneği göreceğiz. Uyarı – Bu web sitesi sizi aç yapabilir. 1. Tony Roma’s
Tony Roma’s, Paralaks’ta CTA (harekete geçme davet) içeren tam ekran görüntüsü içerir. Kaydırma, tıklanabilecek üç kategoriye sahip gölgeli bir parça gösterir. Aşağıda restoranlar hakkında bilgi bir parçası bulunmaktadır. Konum, kişi, saatler, haritalar, menüyü görüntülemek için düğmeler ve nakliye hizmetleri için düğmeler içeren ayrı sayfada görüntülenir. Yemek menüsü indirilebilecek bir indirme. Rezervasyon sayfası her bir konum için iletişim bilgileri sağlar. Bu site renk ve arka plan görüntülerini çok iyi kullanır.2. Pizza Tutta Tutta’s Pizza, şu anda menüde sipariş edilen CTA ile gerçek bir paralaksında bir logo içeren tam ekran görüntüsü görüntüler – bu da piyasaya sürüldüğünde kaybolan arka planda görüntülenir. Sırada gerçek paralaks ve genişliğin bir parçası, yüzen animasyonlu menü simgesi, Instagram yem, CTA etkinliği ve iletişim formu. Gıda menüsü, çevrimiçi rezervasyon sistemine bağlantılı bir resim ve metin olarak görüntülenir. Bu site, marka görüntülemesinde ilginç bir arka plan deseni kullanıyor. 3. Casa Dorita Casa Dorita, gerçek paralakstaki logolar, sloganlar ve CTA rezervasyonlarıyla dolu bir ekran görüntüsü içerir. Bir sonraki bölüm, yiyecek menüsüne bağlantılar içeren yiyecekler hakkında bilgi vermektedir. Sırada, sanat eseri ile bir resim kayması, paralakslı bilgiler içeren ayrı bir ekran bölümü, bugün rezervasyon (gömülü rezervasyon sistemi kullanan) özel bir kısmı, şarküteri görüntüleyen tam ekran görüntü vardiyası ve paralakstaki diğer bazı bölümleri daha fazla bilgi vererek. Deli, haritalarla konum bilgisi ve iletişim formları. Yemek menüsü indirilebilecek bir indirme olarak sağlanır. Bu site renkleri ve yazı tiplerini iyi kullanır. Meksikalı
Meksikalılar bir sayfa tasarımı kullanıyor, CTA ile dolu geniş bir arka plan görüntülüyor, vites değiştirme, bir proje olarak menü öğelerine bağlantıları olan bölüm (size daha büyük resimler veriyor), markalaşma ve cantina ile ilgili parçalar ve haritalarla iletişim formları. Gıda menüsü, sermayede gösterilen etkileşimli bir rezervasyon sistemidir. Yemek menüsü, sepetinize eşya eklemek için tıklanan parçalar ve yemeklerin birçok resmi içerir. Bu, şimdiye kadar gördüğüm en ilginç gıda menüsü sistemlerinden biri. 5. Mendocino Çiftliği Mendocino Farms, ekranda kalan üst ve alt eşleşme için bir navigasyon menüsü ile tam ekran sonrası vardiya sunar. Menü CTA stilini içerir. Açılır menüde marka ile eşleşen simgeler ve metin görüntülenir. Rolling, sloganı ve yüzen animasyonları olan şirketler hakkında üç gönderi ortaya çıkardı. Yemek menüsü, PDF sürümüne bir bağlantı ve ardından kategoride menüleri görüntüler, menü öğeleri ve fiyatlarla görüntüleyen çevrimiçi bir sürüm görüntüler. Menü tasarımı şimdiye kadar gördüğüm en iyilerden biri. Konum sayfası, yayın olarak konumu olan bir blog sayfasına benziyor. Konum için gönderi, görüntü kaydırma, talimatlar, incelemeler, park bilgileri ve haritalar içerir. Mokkabar Mokkabar, dönüşümlü olarak metin ve CTA ile çok çizilmiş bir düzen görüntüler. Kaydırma, üst menü, tam ekran çizimleri, gıda menüleri ile iki bölüm sütunları, paralakslı iletişim formlarını, bağlantı olarak işlev gören logolarla dolu geniş parçaları, haritalar (otomatik olarak yuvarlanmayan) ve açılış saatleri için açıklamaları ortaya çıkarır. Sayfa aynı düzeni ve özellikleri kullanır. Bilgi sayfası, hem içeride hem de dışarıda koltuk sayısını göstermek için bir daire sayısı kullanır. Bu site gerçekten renkler, resimler ve yazı tipleri kullanıyor. 7. Kırsal Tavuk
Rustic Chicken, CTA ve şimdiye kadar gördüğüm en havalı kaydırıcılardan biri olan tam ekran görüntüsü kullanıyor (akordeon kaydırıcısını kullanarak yazıları örtüşen kartlar olarak görüntüler). Sırada, kaplama ve CTA’da bilgi içeren tam ekran görüntüsü. Aşağıda, konuma sahip iki sütun ve konumun bir bağlantısı olarak örtüşen haritalara sahip görüntüler, geniş kısmı logolar ve menüler ve iletişim formları ile doludur. Gıda menüsü, marka ile eşleşen iyi bir arka plan modelinin üzerinde görüntülenir. Bu site, renkleri ve görüntüleri kullanmak için iyi bir örnektir. Yeni kutu Freshbox tam ekran görüntü vardiyası ve ardından tıklanabilecek bir telefon numarasına sahip ince bir CTA bulunur. Aşağıdakiler, yiyecekleri ve parçaları simgelerle, paralakstaki bilgi bölümlerini, gıdaların diğer bölümlerini, otomatik parşömenleri olmayan tam geniş haritaları ve temas ve sosyal bağlantıları olan özel altbilgileri tartışan bir kısmı aşağıdadır. Yemek menüsü indirilebilecek bir indirme olarak sağlanır. Bu site gerçekten markalı renkleri kullanıyor. 9. Konuşma Kahve Barı Speakeasy Coffee Bar, yükü genişleten ve kaydırırken ters yönde kaydıran tam ekran arka plan görüntüsü içeren bir sayfa tasarım kullanır. Bir sonraki bölümde saatler ve gıda menüsü ve talimatların ardından referans bölümünü ve kapsamlı sosyal takipçileri olan bir simgeyi gösteriyor. İkinci Bölüm sütunları, yönlendirme almak için adresinizi yazmak için bir kutu olan bir harita gösterir. Gıda menüsü aşağıda kategoriye göre ayrılmış iki sütun halinde görüntülenir. Bu, siyah beyaz olan markalamanın iyi bir örneğidir.
10. Tay restoranları yiyin
Eat Thai Restaurant, siteyi kaydırırken ekranda kalan dikey bir menü kullanır. Menü, telefon numaraları, Google Haritalar’ı açan hem adresler hem de yönler, sosyal takip simgeleri ve CTA şimdi sipariş edilen birçok bölgeye sahiptir. Ana sayfa resimler, açıklamalar ve fiyatları içeren bir yemek menüsü görüntüler. Görüntüler Galeride tıklanabilir ve açılabilir. Gıda kategorisi arasında bilgi içeren CTA sırası bulunmaktadır. Abbot, bir restoran logosu ile bir harita görüntüler. Site, bir şeyin eksik olduğunu hissetmeden basittir. Mükemmel markalı renkler ve yazı tipleri kullanır.
11. El TorreroEl Torrero, bu listedeki en eşsiz ana sayfalardan birine sahiptir. Bu, gıda menüsündeki öğelere bağlantılı yiyeceklerden bir dizi tam ekran görüntüsüdür. Bir sonraki görüntü kaydırdığınızda ortaya çıktı, ancak ilginç olan geçiştir – ekran ortada bir buçuk bir yönde bir buçuk kavurucu ve diğer yarım ters yönde kaydırır. Yemek menüsü basılı menünün bir taramasına benziyor. Rezervasyon sistemi, kullanılabilirliği kontrol etmek için bir düğme içerir. Bu site görüntüleri çok iyi kullanıyor. Ayrıca, ekranın bir kaydırmasını izlemeyi bırakamıyorum. 12. Gündönümü restoranı
Solstice Restaurant, logolar, CTA ve bölüm ayırıcı ile dolu bir video arka plan videosu görüntüler. Ana menüde CTA da yer alıyor. Aşağıdakiler özel bölümler, menülere bağlantılar, video sabitlenmiş, bloglara bağlantılar ve Instagram ve Facebook için sosyal yemler ve çevrimiçi rezervasyonlar için bağlantılar bulunmaktadır. Ayrıca entegre bir rezervasyon sistemi, resim galerisi, bunlarla ilgili bilgilerin bulunabileceği diğer web sitelerine bağlantılar ve otomatik kaydırma olmadan tam geniş haritalar içerir. Sayfaların çeşitli kısımları, bölümü etiketleyen metinle paralakstaki tam genişlikte görüntülerle ayrılır. Yemek menüsü tabloda görüntülenir ve indirilebilen indirme bağlantısı vardır. Pasta şeker kek Sugar Cakes Patisserie, slogan ve CTA ile dolu geniş bir resim ve ardından saatlerce tıklanabilen, iletişim, konum ve Facebook’u takip edebilen simgeler içerir. Dördüncü Bölüm sütunları, bağlantılı dört gıda menüsü için görüntüler görüntüler. Aşağıda CTA’nın bir parçası, otomatik parşömenlerle dolu geniş bir harita ve çalışma saatleri olan altbilgidir. Gıda menüsü bir masada bir fiyata servis edilir ve PDF olarak indirilebilir. Bu site gerçekten markalı görüntüler ve renkler kullanıyor. 14. İki Samuel
