網站維護更新・長期穩定運作保障
MAINTAIN
提供定期的內容更新支援、瀏覽器相容性追蹤與問題修正，確保網站長期穩定運作。網站使用上如遇到任何問題，也會提供技術支援與協助解決。除了處理技術層面的優化與使用問題，也可依品牌成長需求新增頁面或擴充模組，讓網站在持續運作中同時保有成長空間。
網頁設計
WEB DESIGN
在使用需求與設計之間取得平衡，為品牌打造合適的網站。
- 從品牌視覺到 UI品牌視覺、UX 架構到畫面設計一次到位。
- 內容自己改搭配架站系統，上線後自行調整內容與功能。
- SEO 基礎內建RWD、SEO 設定與部落格模組都是標配。
100+
網站設計案例
打造各類型企業與品牌網站
超過50家
合作品牌
涵蓋多元產業領域
95%
長期合作比例
持續優化與成長的網站夥伴
合作夥伴
Partners
網頁設計案例
SHOWCASE
AI 友善的網站內容管理
客戶在山葵組的內容管理系統中，用對話請 AI 調整網站頁面，也讓自己慣用的 AI 代理登入後台自行編輯內容。AI 的改動先存成草稿，預覽確認後才上線；網站本身也為 AI 搜尋準備好結構化資料、llms.txt 與 IndexNow 通知。
品牌活動微網站設計
山葵組為 RE-THINK 與全家便利商店「全民回收新運動」零錢捐公益計劃打造活動官網，以活潑動態 Banner 與客製化插圖選單呈現環保行動力，支援全台 4200 間門市的零錢捐金流與教育推廣資訊傳遞。
洗腎中心醫療官網
山葵組為華康診所打造溫暖親切的洗腎中心官方網站，精心繪製動態插畫與資訊圖像化設計，以微笑小腎吉祥物與動態愛心迎接來訪患者，打破以往醫療網站冷冰冰的視覺印象，並結合 Logo 設計完整呈現診所品牌形象。
心理諮商所官網設計
山葵組為回家心理諮商所打造溫暖簡約的官方網站，以插畫描繪心理師與迷茫者在平靜水面悠行的意象，傳遞陪伴、平靜與歸屬的氛圍，協助諮商所在第一次被搜尋時即建立來訪者的信任感與安全感。
非營利組織官網設計
山葵組為臺灣遠山呼喚國際貧童教育協會打造充滿童趣溫暖的形象官網，以繽紛插畫、山的意象貫穿視覺，搭配手繪感 Icon 與動態 GIF，傳遞深入世界偏鄉、為貧童翻轉教育環境的組織精神，有效強化公益品牌認同。
美髮沙龍品牌形象官網
山葵組協助 PAMA 帕瑪連鎖美髮沙龍在保留既有品牌視覺前提下，無痛升級官網並導入管理後台，讓最新消息、活動資訊與促銷內容皆可自行管理，並支援多門市擴展需求，讓靜態展示網站進化為可持續經營的品牌平台。
WEBSITE BUILDER
彈性架站系統・企業官網建置
山葵組 針對 企業官網、行銷網站 打造了專門的架站系統，將網站的部落格、聯絡表單等常用功能開發為模組，可以隨時啟用。用戶可以自行在後台調整頁面內容、建立新頁面。除了由山葵組來設計完成網站區塊，也可以自行編輯程式碼，或是使用 AI 工具來建立網站區塊作使用。
SCALABLE
網站功能擴充・現成模組快速整合
讓網站保持 擴充彈性，多種 現成模組 隨時啟用：聯絡表單、商品展示、部落格 與其他進階功能，快速擴充網站內容。若因 業務擴充 而需 客製化功能，或想轉移 自架主機 、專屬 雲端環境，也能無痛轉移、不用重新開發。
CP VALUE
低成本高效益的網站架設
透過山葵組設計的網站區塊，
可以在不同頁面中重複使用，
不僅節省開發時間與設計成本，
也能保持整體網站風格一致。
MODULES
豐富功能模組・完整網站方案
部落格
透過網站內建的 部落格 系統，可定期發布文章、分享最新消息與專業內容，提升網站內容深度與 SEO 搜尋排名 表現。持續更新的內容能吸引更多自然流量，增進網站互動與品牌信任度，打造屬於企業的 內容行銷 生態圈。
聯絡表單
在網站中加入 聯絡表單，讓訪客能方便地諮詢服務、索取報價或回饋意見。自動化的通知與資料紀錄能有效追蹤潛在客戶，幫助企業提升 轉換率 與 客戶服務效率，擴大商機。
商品型錄
使用網站的 商品型錄功能，可展示產品圖片、規格與特色，提供清晰的商品資訊與分類，吸引買家停留瀏覽。結合 客製化網頁設計 與 SEO 架構優化，讓你的產品更容易被搜尋到，增加曝光與銷售機會。
作品集
透過網站的 作品集展示功能，呈現專案成果與品牌風格。精緻的排版與互動設計，能強化訪客對企業專業度的印象，同時增進 網站形象設計 與 搜尋引擎收錄效果。這是最直接展現品牌價值與實力的重要區塊。
- Q1.
已經有網站，可以幫忙改版嗎？
可以，提供網站改版與優化服務，從設計風格、SEO 結構、速度優化到內容改寫。
- Q2.
我想讓網站加上後台，不想重新設計網站，可以嗎？
可以，山葵組會維持本來網站的架構與設計，但網站的程式還是需要重新編寫。一旦完成轉移後，後續要增加功能、調整任何內容，都不會再綁手綁腳。
- Q3.
一個網站要做多久能上線？
一般約 4~8週 的時間，會根據要設計的 區塊數量、模組的 客製化樣式 增加製作時間。
- Q4.
網站設計包含 SEO 嗎？
山葵組的設計皆包含 SEO 架構、meta 標籤設定、速度優化與行動裝置適配。 相關內容建立、長期操作調整，會需要自行來動作，或是山葵組可以介紹相關的服務團隊。
- Q5.
網站可以多語系嗎？
可以，支援建立多種語言頁面。官方網站、活動網站等類型，建議不同的語言 建立個別頁面 與對應網址，後續的調整操作較為靈活。若是需要支援 i18n 功能，或是 自動翻譯 內容，可以參考山葵組的 客製化系統開發 服務。
- Q6.
網站的圖片或素材需要我提供嗎？
不一定，如果沒有圖片或素材，山葵組會從 免費或付費圖庫、AI生成、委託拍照攝影 等方式生成，但 執行可行性 與 費用 會需要 另外評估報價。建議盡可能提供手邊現有的素材，一般來說都足夠使用。
- Q7.
響應式網頁是什麼？
響應式設計（RWD）可自動適應手機、平板與桌機螢幕，提升瀏覽體驗並符合 Google 排名標準。
- Q8.
網站上線後可以再調整設計嗎？
上線後仍可持續微調文案、圖片與排版。但如果牽扯到區塊本身的設計架構，會需要另外評估報價。
- Q9.
網站要如何追蹤訪客？
山葵組會幫忙連結 Google Analytics、Search Console 等追蹤系統，用以分析流量來源與轉換。
- Q10.
可以協助購買網域與主機嗎？
如果還沒有註冊網域，山葵組會引導註冊申請。主機不用另外購買，如果需要把網站架在自行建立的主機，需要轉為 客製化開發。
- Q11.
網站設計報價怎麼計算？
主要計費部分有五大項目：初始設定、區塊設計、模組客製化樣式設計、網站年度費用、模組功能訂閱年度費用。在評估過程中提供完整的報價清單與計費標準。
- Q12.
網站可以整合 LINE 或社群分享功能嗎？
可以，能整合各社群平台的分享與追蹤代碼。
- Q13.
網站設計有維護服務嗎？
這項目包含在網站的年度費用中，山葵組會持續更新程式與伺服器、備份資料、安全監控、錯誤排除、使用問題排解。
- Q14.
網站有符合無障礙規範嗎？
可以，可依政府的 無障礙網站 標準調整設計結構。
- Q15.
網站改版要保留舊網址嗎？
建議設定 301 轉址，確保舊網址的 SEO 權重不流失。山葵組會引導如何設定。
- Q16.
網站可以嵌入影片或地圖嗎？
可以整合 YouTube、Vimeo、Google Maps、Instagram貼文、第三方表單、等等多種外部工具。
- Q17.
網站可以串接表單或 CRM 系統嗎？
一般來說可以串接第三方的 API 或服務，需要提供山葵組欲串接的服務以評估可行性。
網頁設計流程
Process
從品牌定調到上線維運，設計與建置由同一團隊接手。測試環境完成後交付預覽，依實際瀏覽回饋調整後再正式開通。
- PHASE 1
需求與架構
Discovery- 訪談業務目標與品牌調性
- 整理網站地圖與導覽動線
- 產出初步驗收清單
- PHASE 2
視覺設計
Design- 定調主視覺、色彩與字體
- 完成首頁與內頁設計
- 建立可重複使用的元件規範
- PHASE 3
建置與優化
Build- 響應式切版與架站系統整合
- 優化載入速度與 SEO 結構
- 部署測試環境供預覽
- PHASE 4
上線與維運
Launch & Care- 依驗收清單逐項測試
- 架站系統開通與教學
- 內容更新支援與相容性追蹤
九個步驟
Steps
1
需求訪談
了解業務目標、品牌調性與參考案例，確認專案範圍與時程。
需求與架構
2
網站架構規劃
整理網站地圖、頁面結構與導覽動線，產出初步驗收清單。
需求與架構
3
風格定調
依品牌定調主視覺、色彩、字體與元件設計語言。
視覺設計
4
視覺與 UI 設計
完成首頁與內頁設計，建立可重複使用的元件規範。
視覺設計
5
切版與架站系統建置
響應式切版並整合進山葵組架站系統 WasaBix 後台。
建置與優化
6
規格調整與優化
根據測試環境回饋優化載入速度、Lighthouse 分數與 SEO 結構。
建置與優化
7
測試驗收
跨瀏覽器、多裝置與無障礙檢查，確認符合驗收清單。
上線與維運
8
架站系統開通
於山葵組架站系統 WasaBix 為你開通專屬網站，協助匯入內容與後台教學。
上線與維運
9
網站維運
上線後持續提供內容更新支援、錯誤修正與技術諮詢。
上線與維運