高雄市杉林區有楠梓仙溪流經，北接甲仙、東連六龜，南邊與美濃、旗山相鄰，常有人把它和南投的杉林溪聯想在一起，但兩者並不是同一個地方。區內居民以客家族群居多，田裡種著木瓜、南瓜、苦瓜、絲瓜、四季豆與番茄，初夏則有玉荷包荔枝上市。對自產自銷的農家來說，杉林網頁設計要解決的，是讓一處瓜果直售點在手機上幾秒內交代清楚：這陣子有哪些品項、到哪裡買、能不能先預留。我們會從版面與資訊架構、內容配置、視覺風格、手機瀏覽與轉換動線著手，協助業者把資訊排得好讀，也會說明報價受哪些條件影響。
木瓜、南瓜與苦瓜的產地直售：杉林網頁的品項與產季版面
瓜果類作物的特性是品項多、產期交錯，同一個直售點可能這陣子主打南瓜，過一段時間換成苦瓜或絲瓜。網頁如果只放一張固定的商品清單，訪客很難判斷現在去是否買得到。我們建議把首頁拆成「當季可買」與「全年品項」兩區：前者用大圖與簡短說明，標示目前供應的瓜果與採收狀態；後者以卡片式排列，讓每種作物各有一頁，寫清楚外觀特徵、適合的料理方式與保存建議。這樣的版面讓日常更新只需調整當季區塊，不必每次重做整頁。
楠梓仙溪沿岸的農作與工藝：杉林網頁的內容分層
杉林的產業面貌不只有瓜果，香蕉、鳳梨與荔枝等果樹作物同樣常見，葫蘆種植與瓠雕工藝則是客庄文化中具辨識度的一環。若一位業者同時經營農產與手作，網頁很容易變成什麼都放、什麼都講不清。我們會先了解業者的收入與來客主要靠哪一塊，再決定主選單的順序：以農產為主的網站，工藝內容放在品牌故事或延伸頁；以工藝為主的，瓜果則當作季節性的附帶資訊。內容分層想清楚，訪客才不會在選單裡迷路。
月眉、集來與新庄：杉林各里業者的位置資訊怎麼寫
區內的月眉、集來、新庄、上平、木梓、月美與杉林里各有生活範圍，業者彼此之間往往隔著一段車程。對初次造訪的遊客來說，單寫一個地址並不夠，位置區塊建議附上所在的里名與附近可辨識的公共地標，例如月眉大橋、新庄里的孔聖廟或集來金興吊橋，再搭配地圖與營業時段。若是田間直售、沒有固定店面，也要說明採收期才有人顧攤，或需要先來電約時間，避免客人白跑。
單車騎士、自駕家庭與回購熟客：杉林網頁的手機版先後順序
造訪杉林的人大致可分成幾種：騎單車或自駕順道停留的遊客、帶孩子來體驗葫蘆手作的家庭，以及吃過一次就想再訂的熟客。前兩種人多半在路上用手機查詢，關心的是地點、營業時間與現場有什麼；熟客則想直接找到預訂方式與聯絡管道。因此手機版的頂部我們會放「今天有開嗎」「怎麼過去」「怎麼訂」這幾個按鈕，往下才是品項介紹與農家故事。電腦版可以展開較多內容，但手機版的排列要依這些情境決定。視覺風格上，我們傾向以作物本身的顏色作點綴，底色保持乾淨，讓實拍照片成為主角；字級與按鈕也會放大，方便在戶外陽光下或由長輩操作時仍看得清楚。
從旗山、美濃一路往北：杉林網頁如何交代產地的相對位置
對規劃旗山、美濃行程的旅客來說，杉林是往北延伸的選項之一，前往甲仙或六龜的人也可能途經此地。網頁上與其寫一長串交通方式，不如用簡單的文字交代杉林與鄰區的相對關係：從旗山、美濃往北即可抵達，再往北是甲仙，東側與六龜相連，另與內門交界。有宅配需求的業者，可以註明是否接受鄰近區域的自取或順路配送，讓住在旗山或美濃的客人知道距離不遠。
搜尋「杉林木瓜」的人期待看到什麼：直售網頁的轉換動線
在地搜尋的字詞通常很直接，例如「杉林木瓜」「杉林荔枝」或「杉林葫蘆手作」。會這樣搜尋的人，多半已經有購買或造訪的意圖，網頁要做的是減少他們的猶豫。我們會在每個品項頁的開頭寫明產地是高雄市杉林區、目前是否供貨、如何詢價，接著放一個醒目的聯絡或預訂按鈕；頁尾再補上相關品項的連結，引導訪客多看一兩樣商品。動線越短，詢問與下單越容易發生。
影響杉林網頁設計報價的變數：頁數、相片來源與表單需求
網頁設計的費用沒有固定數字，主要受幾個條件牽動。頁面數量與每頁的內容深度是基本；相片由業者自行拍攝，還是需要安排到田間與工作室取景，也會影響工時；若要加入預訂表單、產季通知訂閱或多語介面，功能越多、測試越久。此外，日後由業者自己更新當季品項，還是委由我們代為維護，也會反映在規劃方式上。我們會先聊清楚需求，再提出分項說明。
常見問題
杉林的瓜果產期一直變動，網頁要多久更新一次？
建議跟著採收節奏更新「當季可買」區塊即可，不必整頁改版。我們會把這個區塊做成容易修改的欄位，換品項時只要更換照片與幾行文字。
沒有固定店面的杉林農家，也需要網頁嗎？
需要與否取決於銷售方式。如果客人常透過電話或訊息詢問，一個交代品項、產季與聯絡方式的簡單網頁，能減少重複回答，也讓轉介紹的人有東西可以分享。
網頁可以同時介紹農產與葫蘆手作嗎？
可以，但要先決定主次。我們會依業者的經營重心安排選單順序，讓兩種內容各有清楚的入口，不會互相干擾。
網頁上的照片一定要請人拍攝嗎？
不一定。手機拍攝的實景只要光線充足、構圖乾淨，對農產直售反而有親切感。我們會提供拍攝建議，必要時再安排補拍。
杉林網頁設計完成後，可以自己修改內容嗎？
可以。交付時我們會說明後台操作方式，常用的品項與公告欄位都能自行調整，較大的版面變動再由我們協助。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
