範例

餐廳網站範例

七個，而且沒有一個是示意圖：每一張截圖都是那個起始點真的產出的網站，圖來自視覺回歸測試比對的同一份基準。打開哪一個，那個網站就是你的，直接改。

一個餐廳網站真正派上用場的是四個地方：客人用手機讀的菜單、不用打電話就能下的單、半夜也訂得到的位子，以及 Google 上顯示的地址與營業時間。下面每一個範例都是繞著這四件事做的，差別在哪一件被放在最前面。

這七個共同都有的

是真的。每一張截圖都來自那個起始點的視覺回歸基準圖，也就是每次發版時測試拿來逐像素比對的那一張——所以圖不可能跟產品實際出貨的樣子漂開。挑一個，你是在改那個網站，不是重做一個。

不用。設計風格跟內容是分開的兩件事：15 種風格搭 40 個起始點，同一份菜單、營業時間與照片可以換一套外觀而不用重打任何一個字。每個範例是用哪一種風格拍的，寫在圖片下面。

從首頁最前面就在講你最想被下單的那件事的那一個開始。咖啡館那一個開頭是線上預點自取；烘焙坊開頭是點心櫃與客製蛋糕；手搖飲開頭是每一杯的甜度、冰塊與配料。這七個彼此的功能都做得到，差別是第一次來的人先看到什麼——而那才是值得對準的地方。

建置與預覽免費，不用信用卡。線上點餐與訂位在 Storefront Pro（每月 $79、每年 $758）正式上線；Storefront（每月 $49、每年 $468）是拿來建置與預覽它們的方案。首次付款 7 天內全額可退。

上面每一個範例都是編輯器裡的一個起始點。建置與預覽免費，不用信用卡。