網頁設計師如何幫助餐廳進入數字體驗

儘管我一直很喜歡外出就餐和點外賣的體驗，但我很少喜歡訪問餐廳的網站。 但我明白了。 餐飲業的利潤率往往非常低，因此當他們只想列出他們的營業時間和菜單時，很難證明在專業設計的網站上花錢是合理的。

然而，我設想所有這些都將在 2020 年（及以後）發生變化，因為餐館為了生存而被迫向數字化擴張。 與新手可能與廉價網站建設者一起破解的網站不同，建立具有競爭力的數字存在並不是他們自己能夠做的事情。

這就是為什麼網頁設計師應該認真考慮擴展到這個利基市場的原因。

網頁設計師如何幫助餐廳進入數字化

通常，當餐飲業發生嚴重動搖時，那些想要生存的人會採用更新更好的技術來適應。 因此，餐廳對數字化轉型並不陌生。 不過，到目前為止，重點主要是投資於改善內部工作方式的技術。

然而，隨著 2020 年發生的一切，餐館將需要網頁設計師的幫助來做三件事，以確保他們在日益數字化的世界中生存：

1. 現代化餐廳網站

每當我寫其中一篇文章時，我都會花時間查看幾十個網站，以找到最好的例子來說明我的觀點。 我不會撒謊，這很艱難。 雖然我知道我可以求助於全國連鎖餐廳來尋找現代風格的網站，但我很難與其他人相處。

雖然在 2020 年找到一家擁有漂亮網站的獨立餐廳運營商或本地連鎖店並非不可能，但我想說，如果他們甚至有網站的話，至少有一半已經落後於時代。

還記得網站是這樣設計的嗎？

我已經模糊了餐廳的名稱和細節以保護其身份，但您仍然可以感受到這種設計在 2020 年的糟糕程度。

餐廳網站不能再成為蹩腳的、無響應的佔位符了。 他們需要成為令人印象深刻的數字存在，為客戶在與餐廳互動時的用餐體驗奠定基礎。

讓我們來看看 In-N-Out Burger 如何在現代網頁設計中脫穎而出。 您會注意到的第一件事是它是響應式設計。 在桌面上，網站適合屏幕的整個寬度，因此不會浪費邊框周圍的空間。 在移動設備上看起來也不錯：

另外，請注意圖像。 這是一家漢堡店，因此您應該期望該網站上充滿了漢堡照片，事實就是如此。 但是，關於您在網站上找到的漢堡，有一些有趣的事情需要注意。

當有人進入有漢堡照片的頁面時，食物會滑入框架中，就好像有人將其滑到餐廳的顧客面前一樣。 這是一個巧妙的小過渡，網站的許多訪問者可能甚至沒有意識到發生了什麼，但它使體驗感覺更加逼真和互動。

轉換並不是您創造這種體驗的唯一方法。 在店內拍攝的背景視頻同樣有效，它讓客戶有機會在店內穿行，而不是依賴僅繪製部分圖片的靜態圖像。

餐廳網站需要改進的另一件事是它們的組織方式。

當人們準備出去吃飯或就餐時，不要浪費時間試圖強迫他們記住餐廳的歷史（其中許多網站令人驚訝地這樣做）。 導航以及 CTA 在主頁上出現的順序應該反映客戶想要採取的行動。

思考過程很可能是這樣的：

1. “我不知道該點什麼。 菜單呢？” （菜單）
2. “我需要預約還是可以隨時去？” （預訂）
3. “這裡又是什麼地方？” （地點或聯繫方式）

或者，這些天，#2 看起來更像這樣：

• “他們做外賣嗎？ 我想知道他們是否會提供它。” （網上訂購）

客戶可能還想在網站上做其他事情。 就像購買禮品卡或商品、註冊獎勵或申請工作一樣。

因此，儘管就訪問者首先看到的內容而言，上述任務應該是優先事項，但請務必查看網站的數據，看看他們還有什麼興趣做的。 然後，確保這些流行的操作在導航和網站設計中佔據中心位置。

2. 使他們的收入多樣化

在正常情況下，盈利能力是許多餐廳的問題。 再加上一場危機，這將變得完全不可能產生任何利潤——也就是說，如果他們完全依賴堂食業務的話。

早在 COVID-19 之前，消費者就已經對數字餐飲解決方案表現出越來越大的偏好。

根據 Peapod 的數據，77% 的美國消費者表示他們更喜歡在家吃飯而不是外出。 但這並不一定意味著從餐廳點菜。

• 27% 的人更喜歡在線訂購雜貨並從商店取貨。
• 26% 計劃使用雜貨配送。
• 20% 對餐包感興趣。

然後，您從 Technomic 和國家飯店協會獲得的信息發現，美國大約60% 的餐廳銷售額來自外部餐飲。

對於尚未實現數字化餐飲選擇的餐廳，他們將不得不盡快。 這也不僅僅是暫時的事情。

未能實現數字化的餐廳將無法生存。

“

因此，將需要網頁設計師來幫助他們構建以下內容：

• 他們網站的在線訂購系統或外部服務的鏈接，
• 預訂系統（用於內部用餐時）。

不過，這只是最低限度。 例如，Snooze Eatery 就是這樣做的：

訪問者在網站上看到的第一件事是在線訂購選項。 當他們點擊“Place Your Order”時，他們會被帶到餐廳的專有訂購門戶：

這本身就是餐廳通過其網站提供服務的絕佳解決方案，因為它允許他們控制訂購過程並獲得更多利潤（當然，這取決於您的客戶來決定）。 也就是說，許多餐廳正在變得富有創意，並超越了傳統的在線訂購選項。

在Snooze Eatery 網站的首屏下方，訪問者會發現此橫幅：

正如我之前提到的，有很多人希望能夠在網上訂購食物，然後在家裡自己準備。 雖然以前這會讓餐廳變得高高在上，但現在情況已經不同了，因為許多餐廳正在擴大他們的產品範圍，包括家庭式餐包和像貪睡這樣的雜貨。

僅這一點就意味著網頁設計師對於餐館來說將變得越來越重要。 不要指望工作到此結束。 餐廳還需要您的幫助，將其他貨幣化產品構建到他們的網站中。 例如：

• 禮品卡；
• 商品;
• 餐包、酒類配送等的訂閱服務；
• 烹飪課程、高級食譜等的在線會員資格。

如果他們還沒有，他們可能還需要幫助來創建獎勵和帳戶管理系統。

3.在第三方網站上修復他們的品牌形象

儘管網站應該是為在線業務提供一切動力的引擎，但餐館也需要其他網站來幫助提高知名度。 例如：

• Facebook分享照片、宣傳位置信息和收集客戶評論；
• Instagram分享照片、餐廳更新和客戶生成的內容；
• Yelp和TripAdvisor收集客戶評論和反饋；
• 谷歌我的商家在谷歌搜索和地圖中創建本地存在以及收集評論；
• DoorDash等交付服務將交付外包給；
• OpenTable等預訂網站可將預訂外包給。

如果客戶在網上尋找餐館，他們需要願意並且能夠在他們所在的地方與他們會面……在最終將他們帶到網站之前。

儘管創建這些頁面最終是餐廳的責任，但您應該在視覺品牌方面提供幫助。 一方面，它確保了他們所有平台之間的一致性。 此外，它還可以讓您填補餐館老闆可能不會想到的缺失部分。

讓我們來看看羅德島的主食，IGGY'S：

海濱餐廳立即開始營業，並為遊客提供 3 種在線訂購選項（根據他們想去的位置）。

這是在線訂購門戶的外觀：

注意這看起來有多好。 它採用了原本只有文本的菜單，並將其變成更具吸引力的東西，並且可以說更有效地推動銷售。

現在，對比一下 IGGY 通過 DoorDash 進行的在線訂購：

此頁面上的項目很少帶有描述或圖像。

現在，IGGY'S 是羅德島附近的一家知名餐廳，因此對於在線客戶來說，這可能不會破壞交易。 然而，新客戶可能會比通過 IGGY 網站獲得的菜單更加恐懼，因為它缺乏細節。

這就是您的以視覺為中心的方法派上用場的地方。 通過確保每件商品都附有高分辨率且令人垂涎的照片（與網站上使用的照片相同），您可以為他們優化銷售機會。

確保始終如一地呈現品牌元素也很重要。 這樣，如果現有客戶在 DoorDash 上遇到他們最喜歡的餐廳，他們會毫不猶豫地下單，因為他們會立即知道這是他們最喜歡的餐廳。

例如，DoorDash 上的標誌在質量或外觀方面與網站上的標誌完全不同：

無論是徽標還是其他品牌元素，您都需要確保 1）它與網站相匹配，並且 2）看起來不錯。 這適用於 DoorDash 等在線訂購網站以及我之前提到的所有其他網站。

包起來

我們現在處於這樣一個時刻，餐廳不能再不願或吝嗇改善他們的數字存在。 而且，作為一名網頁設計師，這應該會讓你興奮不已。

除了設計基本網站之外，您還可以做很多事情來幫助這個領域的企業。 由於他們的大部分數字化轉型都涉及在線銷售，因此您將設計直觀、現代且令人垂涎的體驗，同時為他們創造新的貨幣化途徑。