最好的餐廳網(wǎng)站設(shè)計(jì)技巧和模板

2019-11-12    分類(lèi): 網(wǎng)站設(shè)計(jì)

每個(gè)企業(yè)都需要一個(gè)網(wǎng)站,但餐飲業(yè)比大多數(shù)企業(yè)更加重要。

當(dāng)有人走出家門(mén),他們的肚子開(kāi)始咆哮時(shí),他們要做的第一件事就是伸手去拿電話。谷歌,F(xiàn)acebook或第三方應(yīng)用程序都將指向餐廳的在線形象,這就是潛在客戶如何快速?zèng)Q定在哪里吃飯。

換句話說(shuō),任何沒(méi)有一個(gè)明星網(wǎng)站的餐館都有可能將錢(qián)留在餐桌上 - 并且在晚餐時(shí)間將餐桌留空。

為了弄清楚餐館網(wǎng)站設(shè)計(jì)的所有注意事項(xiàng),我采訪了食品評(píng)論家,營(yíng)銷(xiāo)人員,廣告商和餐廳網(wǎng)頁(yè)設(shè)計(jì)師。在本文中,我編寫(xiě)了他們必須說(shuō)的所有內(nèi)容,并包含了大量示例。

以下是完整的提示列表 - 您可以單擊每個(gè)提示直接跳轉(zhuǎn)到它,或者只是繼續(xù)滾動(dòng)以依次查看每個(gè)提示。

基礎(chǔ):

  • 從模板開(kāi)始??- 網(wǎng)站建設(shè)者有很棒的餐廳模板可供選擇

  • 保持移動(dòng)友好??- 大量潛在客戶將通過(guò)手機(jī)查看您的網(wǎng)站

  • 保持簡(jiǎn)單??- 當(dāng)一些核心頁(yè)面足夠時(shí),不要過(guò)度復(fù)雜化您的網(wǎng)站

  • 專注于基本信息??- 為您的客戶提供他們所需的信息并使其變得簡(jiǎn)單

  • 經(jīng)常更新?- 如果您的餐廳不斷發(fā)展,您的網(wǎng)站也應(yīng)如此

這個(gè)語(yǔ)調(diào):

  • 了解您的品牌?- 該網(wǎng)站必須反映您餐廳的獨(dú)特身份

  • 考慮色彩心理??- 你知道一些顏色比其他顏色更刺激食欲嗎?

  • 深色還是淺色??- 這都是為您的餐廳品牌創(chuàng)造正確的基調(diào)

  • 選擇你的字體?- 易讀性是關(guān)鍵,正確的字體可以幫助設(shè)置你的身份

圖像:

  • 創(chuàng)建精選圖片?- 這一切都是為了創(chuàng)造一個(gè)有影響力的第一印象

  • 保持菜單清晰?- 不要讓客戶對(duì)您實(shí)際銷(xiāo)售的產(chǎn)品感到困惑

  • 考慮社交媒體集成?- 這可能是產(chǎn)生額外嗡嗡聲的好方法

  • 仔細(xì)考慮視頻??- 一個(gè)好的視頻可以幫助,但永遠(yuǎn)不要看業(yè)余

細(xì)節(jié):

  • 跟蹤季節(jié)性菜單更改?- 再次更新您的網(wǎng)站以反映您餐廳的變化

  • 定義您的在線訂單政策?- 為客戶提供清晰易用的服務(wù)

  • 單個(gè)或多個(gè)位置??- 這會(huì)對(duì)您網(wǎng)站的結(jié)構(gòu)產(chǎn)生影響

  • 限制那些彈出窗口?- 你不喜歡它們,客戶也不喜歡它們

  • 免去褶邊??- 檢查您的網(wǎng)站并剔除它不必要的工作

創(chuàng)建餐廳網(wǎng)站的基礎(chǔ)知識(shí)

在創(chuàng)建餐館網(wǎng)站時(shí),最簡(jiǎn)單的方法是最好的。不要?jiǎng)?chuàng)建一個(gè)復(fù)雜的頁(yè)面系列,迫使?jié)撛诳蛻魺o(wú)休止地點(diǎn)擊以獲取您餐廳的最重要的預(yù)訂表格或地址。相反,專注于一些精心設(shè)計(jì)的頁(yè)面,這些頁(yè)面達(dá)到了他們的目的,并使訪問(wèn)客戶感覺(jué)毫不費(fèi)力。


從餐廳網(wǎng)站模板開(kāi)始

您的餐廳是獨(dú)一無(wú)二的,需要通過(guò)創(chuàng)建與其身份相匹配的網(wǎng)站來(lái)體現(xiàn)。但是,這并不意味著您不能依靠可靠的模板來(lái)幫助您入門(mén)。

第一次創(chuàng)建餐館網(wǎng)站的最簡(jiǎn)單方法是使用網(wǎng)站建設(shè)者。這些出色的現(xiàn)代工具讓任何人都可以立即啟動(dòng)并運(yùn)行具有專業(yè)外觀的網(wǎng)站。最好的模板有大量高質(zhì)量的模板,可以幫助您在瞬間建立一個(gè)外觀精美的網(wǎng)站。

例如,使用Wix或??Squarespace等工具??,您可以從一開(kāi)始就選擇您要?jiǎng)?chuàng)建的網(wǎng)站類(lèi)型是餐館網(wǎng)站。您將立即受到一系列餐廳網(wǎng)站模板的歡迎 - 這些都可以通過(guò)精心設(shè)計(jì)的精美歡迎頁(yè)面,聯(lián)系頁(yè)面和虛擬菜單頁(yè)面進(jìn)行選擇。然后,您可以自由添加自己的描述,圖像和唯一標(biāo)識(shí)。

它也不需要花費(fèi)一大筆錢(qián)。例如,Wix允許您以每年約100美元的價(jià)格創(chuàng)建和發(fā)布網(wǎng)站- 并且還可以獲得常規(guī)的Wix折扣。


保持移動(dòng)友好

在移動(dòng)設(shè)備上看起來(lái)和桌面計(jì)算機(jī)一樣好:這是現(xiàn)代網(wǎng)站的基本要求,并且已經(jīng)存在多年了。然而,這仍然是餐館網(wǎng)站無(wú)法定期清理的障礙。

我為本文咨詢的大多數(shù)專家都引用了這個(gè)問(wèn)題。對(duì)您網(wǎng)站的影響不可能更大,因?yàn)橐苿?dòng)設(shè)備在2019年第一季度占全球網(wǎng)站流量的48.7%。

餐館的這一比例甚至可能更高,因?yàn)樵S多饑腸轆轆的潛在顧客在他們第一次開(kāi)始研究最近吃的食物時(shí)已經(jīng)在旅途中。谷歌,Yelp或Foursquare是常見(jiàn)的餐廳聚合網(wǎng)站,他們都看到了大量的移動(dòng)流量。一個(gè)在移動(dòng)設(shè)備上無(wú)法讀取的網(wǎng)站將阻止超過(guò)一半的受眾。

上面的例子Pitch是一個(gè)簡(jiǎn)單的移動(dòng)友好設(shè)計(jì)的例子。它在移動(dòng)設(shè)備和桌面設(shè)備上提供所有相同的信息,同時(shí)更改其格式以保持可讀性。

“現(xiàn)在,絕大多數(shù)人都會(huì)在手機(jī)上查看餐館網(wǎng)站。誰(shuí)坐在桌面上研究餐館?沒(méi)有人!他們都在移動(dòng)設(shè)備上隨時(shí)進(jìn)行。“

~Ata Khan,聯(lián)合創(chuàng)始人,Xoobo營(yíng)銷(xiāo)機(jī)構(gòu)


把事情簡(jiǎn)單化

更多并不總是更好。您的網(wǎng)站應(yīng)該有一個(gè)目標(biāo),以吸引更多客戶。要做到這一點(diǎn),你只需要一些簡(jiǎn)單的頁(yè)面,甚至只需要一個(gè)頁(yè)面,觀眾可以向下滾動(dòng)查看所有內(nèi)容。添加平面,2D設(shè)計(jì)和白色空間等最小元素很少會(huì)受到傷害 - 只需查看紐約市Dear Irving的網(wǎng)站即可。

保持網(wǎng)站簡(jiǎn)單并非所有的極簡(jiǎn)主義,但是:一個(gè)極度被忽視的餐廳網(wǎng)站的特權(quán)是殘障人士的訪問(wèn)。CDC的分析顯示,四分之一的美國(guó)人有殘疾,但目前餐館是“第一大行業(yè)被無(wú)法訪問(wèn)的網(wǎng)站起訴”,據(jù)麥當(dāng)勞前無(wú)障礙主管Sheri Byrne-Haber稱。

Alt標(biāo)簽,頻繁描述,簡(jiǎn)單的復(fù)制和簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)都可以幫助文本到音頻翻譯,并使您的網(wǎng)站也很容易讓其他人瀏覽。觀察者不必檢查三明治選擇的摩擦力越小越好。


專注于基本信息

你的地址。你的時(shí)間。你的菜單。您的預(yù)訂政策。這是你所有的餐廳網(wǎng)站需要包括,但相信我,它真的需要包括它們。

餐廳網(wǎng)站上缺少必要的細(xì)節(jié)對(duì)于那些正在考慮在城里吃飯的人來(lái)說(shuō)是一個(gè)大問(wèn)題,沒(méi)有人比餐館評(píng)論家更了解這一點(diǎn),他們不能只是轉(zhuǎn)到下一個(gè)Yelp列表?!熬⒙眯姓摺彪s志的餐廳評(píng)論家,“倫敦交通餐廳指南”的作者安迪·海勒(Andy Hayler)自2018年開(kāi)始在世界上每三家米其林星級(jí)餐廳用餐。他看到了他在餐館網(wǎng)站上的份額。缺少信息是他的寵兒,他列出了他喜歡看的內(nèi)容:

“很明顯,餐館網(wǎng)站的預(yù)算差異很大,因此不可避免地有些網(wǎng)站比其他網(wǎng)站要好得多。然而,我發(fā)現(xiàn)奇怪的一件事是它們中有多少在基礎(chǔ)知識(shí)中失敗了。從我的角度來(lái)看,我希望在主頁(yè)上輕松而突出地看到,而不是埋在網(wǎng)站的一些黑暗角落:

  • 菜單,或至少一個(gè)示例菜單

  • 地點(diǎn)的地址和電話號(hào)碼

  • 如何預(yù)訂

  • 酒單(全部,不是幾年過(guò)時(shí)樣品,沒(méi)有價(jià)格)

  • 營(yíng)業(yè)時(shí)間

然后只有在那之后,我才對(duì)“餐廳的故事”感興趣,并將其植根于他們以自我為中心的廚師的童年記憶中,以及關(guān)于他如何在當(dāng)?shù)夭少?gòu)東西并且不會(huì)被單點(diǎn)菜單困擾的冗長(zhǎng)的期待。 ”

?餐廳評(píng)論家安迪海勒

據(jù)承認(rèn),過(guò)去11年擔(dān)任“西雅圖時(shí)報(bào)”主要餐廳評(píng)論家的普羅維登斯西塞羅說(shuō),仍然有一個(gè)真實(shí)的關(guān)于頁(yè)面的空間,可以講述餐廳的故事。

“當(dāng)他們描述自己是誰(shuí)以及他們的使命是什么時(shí),很多餐館都會(huì)依賴營(yíng)銷(xiāo)。他們應(yīng)該揭示他們的激情,經(jīng)歷和愿景,但要把它變得個(gè)性化。與使用通用廣告副本相比,用戶將更容易與人們的故事聯(lián)系起來(lái)。“

?西雅圖時(shí)報(bào)前首席餐廳評(píng)論家普羅維登斯西塞羅


經(jīng)常更新

任何熟悉互聯(lián)網(wǎng)的人都知道它在不斷發(fā)展。或者更好的術(shù)語(yǔ)是“卸載”,因?yàn)殒溄又袛?,域名移?dòng),托管服務(wù)續(xù)訂期間過(guò)去。任何管理像餐館這樣的企業(yè)的網(wǎng)站的人都需要經(jīng)常檢查所有內(nèi)容是否都是最新的,從營(yíng)業(yè)時(shí)間到菜單項(xiàng)。

網(wǎng)站刷新也屬于“經(jīng)常更新”的口頭禪:您的網(wǎng)站應(yīng)始終反映您的餐廳品牌,如果您不每隔幾年重新檢查一次,它最終會(huì)落后于時(shí)代。

使用基于Flash的圖形制作的地址在2007年處于地位,但沒(méi)有人想要一個(gè)他們無(wú)法復(fù)制并粘貼到Google地圖中的地址,即使Adobe今年早些時(shí)候沒(méi)有停止使用他們的Flash Player。在樂(lè)Jardinier網(wǎng)站,但是,毫不費(fèi)力地?fù)胃隆?/p>

為您的餐廳創(chuàng)建一個(gè)網(wǎng)站?首先選擇最好的網(wǎng)站建設(shè)者

比較網(wǎng)站建設(shè)者

獲得適合您餐廳網(wǎng)站的口氣

請(qǐng)記住,您的餐廳網(wǎng)站是您餐廳品牌標(biāo)識(shí)的延伸。對(duì)于大量客戶而言,這可能是他們與您的業(yè)務(wù)的第一次互動(dòng) - 而眾所周知,第一印象很重要。確保語(yǔ)言,圖像甚至字體選擇與您在餐廳創(chuàng)建的品牌類(lèi)型相匹配。


了解你的品牌

你是經(jīng)典還是鄉(xiāng)村風(fēng)格?健康還是頹廢?古董還是嗡嗡聲??jī)?yōu)雅還是肉和土豆?所有這些細(xì)節(jié)都會(huì)對(duì)您的餐廳及其網(wǎng)站的外觀產(chǎn)生影響。很多品牌都與你不做的事情有關(guān)而不是你做的事情。

您所服務(wù)的食物類(lèi)型也會(huì)影響您的品牌。一家愛(ài)爾蘭酒吧在人們的頭腦中看起來(lái)與炸玉米餅展臺(tái)不同,您的客戶也希望看到這種差異在網(wǎng)上播出。

要找出您的在線品牌,請(qǐng)嘗試谷歌搜索類(lèi)似的餐廳,看看最好的餐廳如何展示他們的網(wǎng)站。在奧林匹亞牡蠣酒吧的網(wǎng)站是一個(gè)很好的例子:在白色背景,牡蠣和白葡萄酒,以及手工繪制的淺藍(lán)色標(biāo)志的明亮明亮的圖像都告訴你,這是一個(gè)涼風(fēng)習(xí)習(xí),海灘之位置。

“該網(wǎng)站是公眾對(duì)您餐廳的第一印象。使它有用,信息豐富,也具有挑釁性?!?/p>

?普羅維登斯西塞羅

斯賓塞的餐廳網(wǎng)站設(shè)計(jì)


考慮色彩心理學(xué)

不同的顏色與不同的情緒反應(yīng)有關(guān):紅色帶來(lái)刺激,饑餓和注意力的感覺(jué),而黃色則激起快樂(lè)和友善。

快餐特許經(jīng)營(yíng)真的很喜歡和他們兩個(gè)人配對(duì)。

盡管如此,你不應(yīng)該覺(jué)得你需要依賴這些顏色,或任何其他顏色心理學(xué)技巧 - 當(dāng)?shù)氐膵寢尯土餍胁蛷d不需要像萬(wàn)億美元的快餐店一樣優(yōu)化。如果想采取更微妙的方法,請(qǐng)查看位于安大略省Burlington的海鮮聯(lián)合Spencer's的主頁(yè)上拍下的紅色龍蝦。

至少,您的網(wǎng)站確實(shí)需要使用連貫的配色方案。如果顏色發(fā)生沖突,觀眾將無(wú)法知道在哪里聚焦,并且可能會(huì)被拒絕訪問(wèn)餐廳。評(píng)論家安迪·海勒(Andy Hayler)親眼目睹了“將在恐怖電影網(wǎng)站上通過(guò)的配色方案”。

“為了讓人們?cè)谀愕牟蛷d吃飯,人們需要使用溫暖和熱情的顏色。在色彩心理學(xué)方面,設(shè)計(jì)師需要說(shuō)服一個(gè)人,這是一家干凈美味的餐廳?!?/p>

~Reuben Kats of?Falcon Marketing


深色還是淺色?

為您的餐廳網(wǎng)站創(chuàng)建優(yōu)雅,有凝聚力的外觀的一種簡(jiǎn)單方法是主要選擇淺色或主要是暗色圖像和背景。

墨西哥Toca Madera餐廳網(wǎng)站主頁(yè)幻燈片上的每張圖片都有深色背景,幫助餐廳名稱的白色字體脫穎而出,讓網(wǎng)站保持一致的基調(diào)。

有關(guān)淺色方案的示例,請(qǐng)查看法國(guó) - 秘魯餐廳Astrid&Gastón的網(wǎng)站,該餐廳在白色桌布或淺棕色木板上使用白色餐桌幻燈片。

在這兩種情況下,網(wǎng)站都采用了一種易于理解的簡(jiǎn)單配色方案,并設(shè)定了代表其餐廳的色調(diào)。想要煙熏情緒照明嗎?在Toca Madera品嘗晚餐。感覺(jué)像明亮的陽(yáng)光早午餐?Astrid&Gastón可能適合您。

寓言餐廳網(wǎng)站設(shè)計(jì)


選擇你的字體

甚至字體和字體大小也很重要。再一次,這一切都與品牌有關(guān)。

最能傳達(dá)您餐廳所體現(xiàn)的情緒的是什么?一個(gè)帶有葡萄酒菜單的三星級(jí)餐廳可能看起來(lái)最流暢,優(yōu)雅的書(shū)法或者優(yōu)雅的簡(jiǎn)約無(wú)襯線字體。然而,一個(gè)快速休閑的街頭食品供應(yīng)商可能會(huì)使用大膽,厚實(shí)的字體來(lái)更好地代表它所服務(wù)的樸實(shí)和戶外的美食。

在選擇好字體時(shí),您需要記住可讀性:某些字體在用于一個(gè)或兩個(gè)單詞時(shí)看起來(lái)很棒,但是當(dāng)您將它們用于整個(gè)段落時(shí)會(huì)失敗。例如,安迪·海勒(Andy Hayler)在餐館網(wǎng)站上遇到的一個(gè)問(wèn)題是“4點(diǎn)字體菜單”。

Fable是一家位于不列顛哥倫比亞省溫哥華的農(nóng)場(chǎng)到餐桌的餐廳,有一個(gè)簡(jiǎn)單的單頁(yè)網(wǎng)站,因其選擇了塊狀,粗糙的字體和帶紋理的背景圖案而脫穎而出。字體讓人聯(lián)想到木刻版畫(huà),讓人聯(lián)想到您將享受的當(dāng)?shù)厥巢暮筒蛷d的實(shí)際情調(diào)。

最好的網(wǎng)站建設(shè)者擁有簡(jiǎn)單的模板,可以讓您在短時(shí)間內(nèi)入門(mén)

比較網(wǎng)站建設(shè)者

餐廳網(wǎng)站圖像和媒體

是時(shí)候讓胃口好轉(zhuǎn)了。正確的照片和視頻可能意味著客戶進(jìn)行預(yù)訂或?qū)ふ移渌胤降牟町悺T谶x擇您在網(wǎng)站上使用的圖像時(shí),請(qǐng)關(guān)注一些關(guān)鍵的基礎(chǔ)知識(shí)。您將要選擇能夠以好方式展示您的餐廳及其食物的照片。

抓住餐廳網(wǎng)站設(shè)計(jì)

創(chuàng)建精選圖片

您網(wǎng)站的首頁(yè)將是訪客看到的第一件事。你想要包含一個(gè)引人注目的,引人注目的圖像,并且只有一個(gè)規(guī)則決定它是什么:它需要代表你的品牌。

對(duì)于很多餐館來(lái)說(shuō),這是他們最流行的菜肴的令人印象深刻的鏡頭。(如果您的餐廳拍攝了照片,您可能已經(jīng)考慮過(guò)最好的照片了。)對(duì)于其他人來(lái)說(shuō),最具代表性的形象可能是他們時(shí)髦的室內(nèi)設(shè)計(jì),或者他們露臺(tái)上的壯麗景色。

如果您餐廳周?chē)奶鞖馔鶞嘏巳?- 就像在Catch位于洛杉磯的地方一樣?- 您不應(yīng)該讓您的訪客忘記它!

“在Catch的網(wǎng)站上,我們喜歡他們以餐廳的華麗鏡頭打開(kāi),因?yàn)檫@是他們真正聞名的一個(gè)元素 - 一個(gè)通風(fēng)和美麗的環(huán)境,用餐和享受洛杉磯的驚人天氣?!?/p>

~?Madison Melle Agency創(chuàng)始人Cara Federici


保持菜單清晰

您網(wǎng)站上的菜單必須盡可能明顯且易于閱讀??蛻粝胫滥峁┑漠a(chǎn)品。如果他們有任何疑問(wèn),他們將繼續(xù)前往下一個(gè)可用的餐館。一家餐館的網(wǎng)站需要在每晚的基礎(chǔ)上贏得那個(gè)快速抽搐的“我在哪里吃”的決定才能留在游戲中。

換句話說(shuō),不要只上傳菜單的PDF并將其稱為一天。整個(gè)菜單的靜態(tài)圖像也不起作用:您將錯(cuò)過(guò)獲得SEO優(yōu)勢(shì)的機(jī)會(huì),讓搜索引擎看到您制作的每道菜。

相反,在自己的網(wǎng)頁(yè)上顯示整個(gè)菜單。有些網(wǎng)站上有一些圖片可以激發(fā)人們對(duì)其最暢銷(xiāo)菜肴的興趣,但設(shè)計(jì)簡(jiǎn)潔的文字菜單往往是最好的方式。

這是Cassia Santa Monica的一個(gè)很好的例子:信息密集的菜單易于閱讀,清晰描繪的部分,眼睛可以輕松遵循。

“首先,我想看看菜單設(shè)計(jì)。菜單配對(duì)字體好嗎?邊距是否格式正確,菜單部分是否清晰劃分?這些東西很重要,因?yàn)椴藛蔚牧鲃?dòng)直接影響了我對(duì)參觀餐廳的興趣?!?/p>

~Eden Weinberg,平面設(shè)計(jì)師兼創(chuàng)意營(yíng)銷(xiāo)經(jīng)理,Bell + Ivy

Piada餐廳網(wǎng)站設(shè)計(jì)


考慮社交媒體集成

Instagram,F(xiàn)acebook和Twitter是宣傳您好菜肴或特別促銷(xiāo)的好方式,您肯定希望將超鏈接徽標(biāo)包含在您網(wǎng)站上的社交媒體帳戶中。

然而,一些餐館甚至更進(jìn)一步,并將社交媒體帖子直接嵌入其網(wǎng)站中,從而使觀看者無(wú)需點(diǎn)擊以便查看它們。

當(dāng)談到餐館網(wǎng)站上的社交媒體時(shí),Instagram比Twitter或Facebook更受歡迎,這要?dú)w功于喜歡記錄他們的飯菜的美食家的亞文化。每日更新的Instagram Feed還添加了一些社交證據(jù),因?yàn)槟目蛻艨梢钥吹侥牟穗瓤梢晕嗌傧矚g。

Instagram饋送的方形圖像看起來(lái)相互疊加,因?yàn)镻iada Italian Street Food主頁(yè)底部附近的平鋪可點(diǎn)擊圖像證明了這一點(diǎn)。當(dāng)它,現(xiàn)在我渴望龍蝦濃湯。

Toca餐廳網(wǎng)站視頻


仔細(xì)考慮視頻

在您餐廳的網(wǎng)站上添加視頻是一個(gè)棘手的舉措。一方面,它可以是一種引人入勝,有趣的方式,讓觀眾在您的廚房虛擬之旅,展示您的商品和最好的菜肴。但另一方面:如果你不能把它拉下來(lái),你可能只是把手放得太遠(yuǎn),用幾分鐘不穩(wěn)定的iPhone鏡頭交換你的優(yōu)雅神秘感。

一個(gè)偉大的視頻需要一個(gè)很好的預(yù)算:你需要一個(gè)好的相機(jī),一個(gè)懂得如何設(shè)置鏡頭和如何點(diǎn)亮一個(gè)場(chǎng)景的人,以及一個(gè)足夠大的工作空間,讓一個(gè)小團(tuán)隊(duì)在里面操作。專業(yè)拍攝的視頻可能至少花費(fèi)幾千美元,對(duì)于預(yù)算緊張的單一餐廳而言,可能不值得投資。

無(wú)論你做什么:不要讓它自動(dòng)播放音頻。我不在乎你的廚師是多么和藹可親,我不想通過(guò)我的瀏覽器標(biāo)簽來(lái)找出哪個(gè)是通知

也就是說(shuō),視頻可以以靜態(tài)圖像無(wú)法顯示的方式展示餐廳的能量。TOCA多倫多提供了一個(gè)很好的例子,在其主頁(yè)上嵌入了一個(gè)好的視頻,鏡頭突出了他們的桌邊服務(wù)和一個(gè)快樂(lè)的客戶挖掘甜點(diǎn)。

專注于細(xì)節(jié)

在設(shè)計(jì)餐廳網(wǎng)站時(shí),小事情會(huì)有很大的不同。如果不確保維持高標(biāo)準(zhǔn),你不會(huì)想把你的盤(pán)子沖出廚房,你的網(wǎng)站也不例外。確保即使是最小的細(xì)節(jié)也能好地反映您的品牌,并且不要忘記讓網(wǎng)站保持最新?tīng)顟B(tài)。

ACME餐廳網(wǎng)站設(shè)計(jì)


跟蹤季節(jié)性菜單更改

在線更新季節(jié)性菜單可能是一件無(wú)聊的苦差事,但這就是為什么它可以幫助你脫穎而出。全新的季節(jié)性菜單讓客戶放心,您會(huì)忘記細(xì)節(jié)。

這也是使用PDF菜單的誘惑最強(qiáng)烈的地方,因?yàn)樗共蛷d的更新變得輕而易舉 - 但實(shí)際上,閱讀該菜單對(duì)于您的網(wǎng)站瀏覽者來(lái)說(shuō)更難一點(diǎn)。

總部位于曼哈頓的ACME Bistro大膽選擇將其季節(jié)性菜單變成一個(gè)彈出窗口,阻止頁(yè)面上的所有內(nèi)容,確保沒(méi)有人可以錯(cuò)過(guò)它。

您已經(jīng)聽(tīng)說(shuō)過(guò)“客戶永遠(yuǎn)是對(duì)的”,但是有一個(gè)鮮為人知但同樣有用的必然結(jié)果,“客戶總是很懶惰。”隨著季節(jié)的變化更新您的網(wǎng)站菜單可能會(huì)很痛苦,但它會(huì)導(dǎo)致更快樂(lè)的客戶。

布萊克的餐廳網(wǎng)站設(shè)計(jì)


定義您的在線訂單政策

客戶可以通過(guò)網(wǎng)站訂購(gòu)送貨或取貨嗎?他們可以在線預(yù)訂嗎?不同的餐館有不同的政策,它在網(wǎng)站功能和設(shè)計(jì)方面有很大的不同。

例如,如果您提供送貨服務(wù),則需要確保所有價(jià)格都明確標(biāo)記并保持最新,否則您將阻止不知道他們需要支付多少費(fèi)用的客戶。

如果您允許在線預(yù)訂,請(qǐng)確保大膽的“預(yù)訂”按鈕是客戶看到的第一個(gè)按鈕,例如波士頓,基于MA的Blake在其網(wǎng)站頂部包含的按鈕。如果客戶沒(méi)有選擇開(kāi)始在現(xiàn)場(chǎng)保存餐桌,即使是最好的網(wǎng)站也不會(huì)帶來(lái)更多的銷(xiāo)售。

最后一條忠告:當(dāng)涉及實(shí)際預(yù)訂時(shí),很多餐館似乎都喜歡OpenTable,這是一種專為此工作而設(shè)計(jì)的單一服務(wù)第三方集成。如果您選擇它,我與之交談的一位營(yíng)銷(xiāo)人員建議,您可能希望選擇一個(gè)可以節(jié)省客戶時(shí)間的小部件。

“我經(jīng)常使用的一個(gè)設(shè)計(jì)元素是一個(gè)只能直接指向OpenTable的按鈕。OpenTable現(xiàn)在實(shí)際上有小部件,您可以直接從您的網(wǎng)站預(yù)訂表。這有助于將您的用戶留在現(xiàn)場(chǎng),并且無(wú)需用戶訪問(wèn)多個(gè)頁(yè)面進(jìn)行預(yù)訂?!?/p>

~?Wat Codeus的廣告和營(yíng)銷(xiāo)主管Ethan Herber

飛豬餐廳網(wǎng)站設(shè)計(jì)


單個(gè)或多個(gè)位置?

如果您有多個(gè)位置,則應(yīng)在主頁(yè)上明確說(shuō)明。

一些餐館特許經(jīng)營(yíng)店將為每個(gè)地點(diǎn)提供新的域名和網(wǎng)站,但大多數(shù)只是在其主頁(yè)頂部的標(biāo)題中列出所有位置和地址。

如果您有三個(gè)位置,則網(wǎng)站的標(biāo)題可能包含每個(gè)位置的地址。如果您有四個(gè)或五個(gè),它可能只有每個(gè)城鎮(zhèn)名稱的空間。所述飛豬是兩者的一個(gè)例子。

飛豬頭,2017年

2017年,該網(wǎng)頁(yè)包含三個(gè)位置,包括電話號(hào)碼和地址。

飛豬頭,2019年

到2019年,特許經(jīng)營(yíng)已經(jīng)增加了另一個(gè)位置,并且需要使它們的標(biāo)題更簡(jiǎn)單一些。

污垢糖果餐廳網(wǎng)站設(shè)計(jì)


限制那些彈出窗口

在研究這篇文章時(shí),我被邀請(qǐng)購(gòu)買(mǎi)星期天無(wú)底桃紅葡萄酒的門(mén)票,嘗試一對(duì)一的午餐特別訂閱,并訂閱無(wú)盡的電子郵件通訊 - 所有這些都是通過(guò)侵入式彈出窗口迫使我關(guān)閉它們才能看到其他任何東西。

彈出窗口不應(yīng)該完全填滿頁(yè)面,作為潛在客戶獲得的第一個(gè)介紹。他們需要背景。令人討厭的彈出窗口是一個(gè)令人驚訝的常見(jiàn)錯(cuò)誤,即使是在其他明星站點(diǎn)。

一個(gè)很好的選擇?紐約市素食餐廳Dirt Candy用來(lái)提醒游客在母親節(jié)之前預(yù)訂餐桌的有品味(沒(méi)有雙關(guān)語(yǔ))黑色條紋。它只能在網(wǎng)站的最頂端運(yùn)行,所以它不會(huì)分散或模糊任何東西,并且一旦關(guān)閉它就不會(huì)再出現(xiàn)。

酒吧伊莎貝爾餐廳網(wǎng)站設(shè)計(jì)


省略褶邊

一旦你按照這里最好的餐廳網(wǎng)站的所有步驟,還剩下一個(gè)小提示:返回并刪除任何不符合目的的東西。

一些餐館包括冗長(zhǎng)的博客或其工作人員的簡(jiǎn)介。其他人投入音樂(lè)播放器或動(dòng)畫(huà)圖形。但這些額外的裝飾不是吸引客戶,而是更容易混淆他們并稀釋您網(wǎng)站的信息。記住必需品 - 地址,時(shí)間,菜單和預(yù)訂 - 并盡可能地削減其他所有內(nèi)容。

多倫多的Bar Isabel網(wǎng)站提供了一個(gè)很好的例子:基本信息以頁(yè)面為中心,旁邊是備用的黑白背景,非常適合移動(dòng)和桌面的清晰度。

“額外的圖形和文字需要成為'附加值'等式的一部分。如果該項(xiàng)目以任何方式不相關(guān),必要或相應(yīng),則不應(yīng)該在該網(wǎng)站上。保持網(wǎng)站的混亂并不意味著它看起來(lái)很糟糕,這意味著您了解您的網(wǎng)站存在的原因以及您的客戶將如何使用它。“

?杰夫·杰克,杰夫·杰克制作的

后續(xù)步驟創(chuàng)建好的餐廳網(wǎng)站

希望到現(xiàn)在為止,您對(duì)創(chuàng)建餐廳網(wǎng)站的好方式更有信心,該網(wǎng)站將引導(dǎo)客戶走進(jìn)您的大門(mén)。它可能會(huì)有很多考慮因素,但如果您不知所措,請(qǐng)記住,一個(gè)好的網(wǎng)站構(gòu)建工具可以為您完成大部分艱苦的工作。

最重要的是,您不需要成為專家來(lái)使用網(wǎng)站構(gòu)建器。這些出色的工具為您提供光滑的模板和簡(jiǎn)單的拖放功能,幫助您輕松自定義事物。

不確定如何移動(dòng)優(yōu)化網(wǎng)站?網(wǎng)站構(gòu)建器將自動(dòng)為您執(zhí)行此操作。不確定如何創(chuàng)建“與我們聯(lián)系”表單,或在您餐館的位置嵌入Google地圖?所有這一切都可以在模板中準(zhǔn)備好 - 只需要幾個(gè)簡(jiǎn)單的調(diào)整就可以添加自己的聯(lián)系方式。

要記住的另一件事是??網(wǎng)站建設(shè)者是非常有價(jià)值的。創(chuàng)建網(wǎng)站,發(fā)布網(wǎng)站并將其保持在線托管,通常每月花費(fèi)不到10美元。

你應(yīng)該選擇哪個(gè)網(wǎng)站建設(shè)者?我們已經(jīng)測(cè)試了市場(chǎng)上大的網(wǎng)站建設(shè)者品牌,我們的選是Wix,這得益于其出色的易用性,強(qiáng)大的幫助和支持以及各種模板。從純粹的設(shè)計(jì)角度來(lái)看,我們認(rèn)為Squarespace擁有最好的模板,包括一系列精彩的餐廳網(wǎng)站設(shè)計(jì)。

有關(guān)更多指導(dǎo),請(qǐng)參閱我們針對(duì)初學(xué)者的好簡(jiǎn)易網(wǎng)站建設(shè)者。

名稱欄目:最好的餐廳網(wǎng)站設(shè)計(jì)技巧和模板
URL標(biāo)題:http://www.bm7419.com/news17/80817.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化