起始模板

一進首頁就先看到急診電話的獸醫診所網站

獸醫網站最不能被埋掉的就是急診電話,所以它就放在首頁導覽列的正下方,是整個網站的第一行字,而且會跟著捲動固定在畫面上緣。往下,健檢與看診在網站產生器裡分成兩組項目、各自定價,另外還有兩位具名獸醫師。

獸醫診所網站範本——它實際產出的首頁

此頁以〈招牌原作〉設計風格展示 — 15 種風格隨時切換,商家資料保留。

完整首頁
獸醫診所網站設計實例——完整首頁
完整內頁
獸醫診所網站設計實例——完整內頁
另一個完整內頁
獸醫診所網站設計實例——另一個完整內頁

飼主慌張的時候,不該還要往下捲

把急診專線放在首頁導覽列正下方、讓它跟著捲動固定在畫面上緣,是這個範本最重要的一個設計決定——抱著流血的狗的飼主,不會先讀首頁文案。服務清單照診所的實際分法拆開:健檢區有 65 美元的一般檢查、189 美元的幼犬幼貓套組、155 美元的高齡健檢;看診區則放 78 美元的門診和 420 美元的洗牙估價。兩位獸醫師都寫了看診日,新客那一頁負責把第一次來要問的病史先收齊。

範例網站裡已經放了什麼

兩個服務分類共六項標價服務(10 到 120 分鐘)、首頁一條固定的急診橫幅、兩位獸醫師與各自的每週班表、一頁新客導引、三則範例評價,整站四頁。

上面這份清單裡,只要是會從訪客手上收東西、或是要讀即時排程的——表單、預約、優惠碼、訂閱欄位、課程時間表、由內容集合供稿的清單——都是用 Storefront Pro 上線。Storefront 會照你排的樣子發佈頁面其餘的部分;這個模板裡要是有整頁專門拿來做這件事的,那一頁就是要等升級的那一頁。

這個網站涵蓋什麼

內含 4 個頁面

哪些在這個模板裡,哪些留在你自己的系統

病歷、疫苗紀錄、處方續領和檢驗報告,留在你的院內管理系統裡——法規也要求它們待在那裡。急診橫幅出貨時放在首頁,要放到另外三頁,在編輯器裡貼一次就好。範例裡的洗牙金額寫的是「估價」,那個字請保留。

這一頁上的每一個數量和金額,都是從模板本身讀出來的,不是有人用手打上去的——所以這些數字跟你真正拿到的網站是同一組。

發佈之後你拿到的

真的有人問的問題

Veterinary 起始點在首頁最上方釘了一條 24 小時緊急電話。那條在 Storefront 上還在嗎?

在。那條就是一行字加上你的號碼,號碼掛的是 tel: 連結,手機一點就撥出去。它不向訪客拿東西、也不讀任何排程,所以 Storefront 會原封發佈,訪客往下捲時它也一直黏在頂端。訊息和號碼都能就地編輯,另外還有一個獨立的中文訊息欄位,雙語站可以用。這個專案裡真正要在 Storefront Pro 才生效的,是 Book 頁的預約表單。