台中市外埔區的田間小路旁，散布著田園咖啡、農產直售攤與休閒農場，假日常有開車或騎單車經過的遊客臨時停下來。這些訪客多半先用手機查過一輪才決定要不要轉進去：店裡有沒有座位、今天賣哪些農產、從哪條路進入。外埔網頁設計要做的，是把這些問題的答案放在訪客滑得到的位置，讓原本只是路過的人願意停車。以下依序談田園咖啡與直售店家的版面、產業結構、店家分布、訪客類型、鄰區交通、視覺與手機動線，以及報價的考量。
外埔田園咖啡：網頁先交代座位環境、田野景色與營業時段
田園咖啡的客人，多半是被窗外的稻田或果園吸引而來，網頁首屏因此適合放一張能看出座位與田野關係的照片，下方緊接營業日與營業時段。不少田園咖啡只在週末或特定季節開門，這項資訊若藏在內頁，訪客很容易白跑。餐點區不必列出完整菜單，挑出招牌飲品與使用在地農產的品項即可，再註明是否接受訂位、能否攜帶寵物、有沒有戶外座位。遊客在外埔搜尋咖啡或下午茶時，常一併比較好幾家店的照片，照片清楚、資訊完整的店家，較容易被點進去細看。
稻米、劍蘭與葡萄園並存：外埔產業結構如何決定版面重心
外埔以稻作為底，糯米與蓬萊米都有種植，花卉有劍蘭與香水百合，果樹則有葡萄、百香果、紅龍果與桃子，茭白筍也是當地農產；另有以釀酒葡萄為基礎的酒莊，以及提供農事體驗的休閒農場。產業不同，網頁的重心跟著改變：直售攤重品項與產季，花農重花色與訂購方式，體驗型業者重活動內容與報名入口。動手畫版面前，我們會先問清楚業者的主要收入來源，以及客人上門前通常會問的幾個問題，再決定首頁該放什麼、次頁如何分。
散落在田間小路的店家：外埔網頁的位置說明與地圖指引
外埔的店家多半不在熱鬧的街面上，而是沿著農路、溪底路或休閒農業區內的小路分布，導航到門牌附近時常還要再找入口。網頁的位置頁除了嵌入地圖，也可以用文字寫出從主要道路轉入後的方向、沿途容易辨認的地標，例如忘憂谷、水流東休閒農業區或市立圖書館外埔分館，以及車輛停放的地方。騎單車來的訪客則在意有沒有地方停放單車、能否補充飲水。這一段說明放在首頁下方與聯絡頁各一次，訪客不管從哪一頁進來都看得到。若店面附近有容易錯過的岔路，也可以附上一張從路口拍攝的照片，比文字描述更直覺。
順路採買、預訂取貨與送禮比價：外埔直售店家的三種訪客
路過的遊客想知道現在有沒有貨、價格大概多少，看完就決定要不要下車；已經吃過的熟客想直接預訂，在意的是訂購方式與取貨時間；年節前挑選伴手禮的人，則會比較禮盒內容與包裝。三種訪客在同一個網頁上尋找不同的東西，所以我們會把首頁拆成三個入口：上方是今日供貨與營業資訊，中段是可預訂的品項，下方另設禮盒專區。葡萄、百香果等水果產季一過，對應的區塊就改為下一季的預告，讓網頁內容跟著田裡的節奏走。
從大甲開車過來的客人：外埔網頁的交通說明與取貨安排
外埔與大甲相鄰，不少訪客是從大甲一帶開車過來，也有人把兩地排進同一天的行程。網頁的交通說明可以依這個常見的來向，寫出進入外埔後的大致路線；若店家接受預訂後自取，也要寫清楚取貨時段與地點。外埔與后里的農田同樣仰賴水流東灌溉水圳引來的大安溪水，騎單車穿越田間的遊客可能從不同方向抵達，店家可以在網頁上註明從哪一側接近店面較順。對住在附近的熟客，宅配與自取兩個選項並列，讓他們依行程決定。
外埔店家的視覺風格與手機動線：田野色調不要蓋過資訊
田園型店家很適合用稻田的綠與土地的暖色當作網頁基調，但色彩只是陪襯，營業資訊與按鈕要有足夠的對比，戶外強光下也能看清楚。手機是外埔訪客主要的瀏覽工具，版面要讓重要資訊留在畫面上方，電話、導航與訂位按鈕一指就能啟動。每一頁我們只設定一個主要行動：咖啡頁引導訂位、直售頁引導預訂、體驗頁引導報名，避免按鈕太多讓人不知從何點起。田間的行動網路訊號未必穩定，照片上傳前先壓縮，頁面才開得快。
外埔網頁設計的報價：頁面數量、品項資料與預訂功能
網頁設計的費用沒有固定行情，主要看幾件事：頁面數量與版型複雜度、品項與產季資料的筆數、是否需要線上預訂或報名功能、照片與文案由哪一方準備，以及上線後誰負責更新。我們會先和業者確認必要的範圍，把這次一定要做的項目與日後再加的項目分開列出，讓每一筆報價都對得上實際工作。兼營咖啡與直售的業者，也可以先完成主要頁面，其他區塊再隨經營方向補上。報價單上也會列出交件內容與後續維護的範圍，讓雙方對完成標準有共同的認知。
常見問題
外埔的田園咖啡只在假日營業，還需要網頁嗎？
需要的程度看經營目標。營業日少，更要讓遊客事先查得到哪天開門，網頁與地圖資訊一致，就能減少撲空與電話詢問。
直售攤的品項每週不同，網頁要怎麼維持正確？
可以在首頁設一個供貨公告區，只要更新這一處即可；品項介紹頁則保留長期資訊，例如品種特色與保存方式。
外埔網頁設計可以只做一頁嗎？
可以先從單頁開始，把營業資訊、位置、品項與聯絡方式放齊；日後內容變多，再拆成多頁架構，網址規劃會預先保留彈性。
網頁照片一定要請攝影師拍嗎？
不一定。業者用手機拍攝也能使用，我們會提供取景、光線與構圖的建議，讓整站照片調性一致；需要專業拍攝時再另外安排。
網頁上線後可以自己改文字嗎？
可以。交件時會說明後台操作方式，營業公告、品項與照片由業者自行更新，版面與功能的調整則由我們協助。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
