/SERVICES
從一張白紙，到一個能維護的網站。
設計、開發、上線，一次做完的網站工作室。
從想清楚要說什麼、要長成什麼樣子，到真的做出來、正式見客，都在同一條線上完成，你不必在設計、開發、上線之間換好幾個窗口。以下是六項服務各自包含什麼、怎麼合作，以及現階段不做的事。
/CAPABILITIES (01—06)
六項服務
每一項都寫清楚包含什麼、交付什麼。不承諾成效，也不在這裡列時程。
-
01
品牌網站設計
Brand websites
先把「這個品牌想讓人記得什麼」講清楚：訪客第一眼看到什麼、往下被帶到哪裡、什麼時候該讓他停下來。想清楚了，才進到版面、字級與顏色。設計與實作是同一雙手，畫得出來的就做得出來。
包含什麼
- 先談網站要達成什麼、給誰看，並盤點手上已經有的內容
- 決定網站有哪幾頁、彼此怎麼連、訪客走哪一條路
- 排版骨架：字級的層次、留白的節奏，以及在手機與電腦上各自怎麼排
- 顏色與字的搭配，看起來舒服，也要每一組都真的看得清楚
交付什麼
- 每一頁的完整版面，連斷行與間距都有規則可循
- 一份寫下來的使用說明，讓網站以後長大也不走樣
-
02
前端開發與上線
Front-end build and launch
設計稿交出去不是結束。我們親手把它做成真正的網頁，讓它在手機、電腦與慢一點的網路上都好好的。能少一樣就少一樣，畫面才乾淨，開起來也才快。
包含什麼
- 把版面做成真正能用的網頁，含亮色與暗色兩種外觀，以及列印出來的樣子
- 手機、平板、電腦與各家瀏覽器逐一實機看過
- 網域、安全連線與對外開放的設定，一路處理到可以正式見客
- 讓搜尋結果顯示正確的標題與說明，分享到社群時也帶出對的預覽
交付什麼
- 一整份完整、可以自行接手的網站檔案
- 上線設定與日後更新方式的交接說明
-
03
設計系統建置
Design systems
把顏色、字級、間距與常用的區塊收成一整套規則，之後每加一頁都不必重畫，網站長大也不會愈長愈亂。適合預期會持續增加內容、而且不只一個人維護的品牌。
包含什麼
- 一套共用的顏色、字級、間距與圓角規則
- 常用零件：按鈕、表單、清單、卡片、導覽、提示框
- 亮色、暗色與列印時各自的規則
- 使用說明：什麼情況用哪個零件，什麼時候不該自己另創一種樣式
交付什麼
- 整套規則與零件的檔案
- 怎麼用、什麼時候用、什麼時候別用的說明文件
-
04
無障礙與效能優化
Accessibility and performance
好看的網站也要讓更多人用得了。色彩、字級與鍵盤操作都照無障礙標準逐項檢查：不用滑鼠走得完、字放大看得清、螢幕閱讀器讀得順。速度一起看——訪客願意等的時間，比多數人想像的短。
包含什麼
- 只用鍵盤走一遍全站，補齊該有的標示與說明
- 顏色與字級逐一檢查，並提出可以直接換上的替代色
- 用螢幕閱讀器實際聽過：標題層次、表單標示、狀態提示
- 看清楚這個網頁到底載了哪些東西：圖片、字型、外掛，能拿掉的就拿掉
交付什麼
- 一份問題清單，寫明在哪一頁、為什麼是問題、可以怎麼改
- 修正本身（由我們動手時）
-
05
多語系網站
Multilingual sites
多一種語言，要決定的不只是翻譯：兩種語言各有自己的網址、彼此怎麼切換、內容如何維持一樣完整。做對了，搜尋引擎與訪客都不會迷路，也不會有人半路掉進另一種語言。
包含什麼
- 每種語言的網址怎麼安排，語言切換放在哪、怎麼切
- 讓兩種語言互相指認，搜尋時把對的版本帶給對的人
- 每種語言的字體、行高與斷行分開處理，中文與英文各自好看
- 內容對等檢查：避免一種語言有、另一種語言悄悄少了一段
交付什麼
- 兩種語言的網址與語言切換的完整實作
- 日後要再加一種語言、或新增頁面時的維護規則
-
06
網站維運與改版
Maintenance and redesign
上線只是開始。內容更新、版面調整、搬家，或是接手別人做到一半的網站——我們先看清楚現況，再一起決定是修一修、改版，還是重做。不會為了多做而勸你重做。
包含什麼
- 既有網站的體檢：內容結構、版面、現在放在哪裡
- 內容與版面更新，既有頁面的重新設計
- 搬家與重新對外開放，以及日常的維護
- 讓需要常常更新的內容，交給你自己的同事在後台直接改
交付什麼
- 更新後的網站檔案與上線設定
- 自行維護所需的操作說明
/PROCESS (01—04)
怎麼合作
四個步驟。每一步都先講清楚我們做什麼、需要你提供什麼，以及這一步結束時你會拿到什麼。
-
01
釐清
Discovery
-
02
架構
Architecture
-
03
設計與實作
Design and build
-
04
上線與交接
Launch and handover
/SCOPE
範圍界線
先說清楚做什麼、不做什麼，雙方都省時間。
現階段專注的範圍
- 網頁設計：從內容怎麼安排、畫面長什麼樣，到真正把它做出來
- 網域與上線設定，一路做到可以正式對外開放
- 無障礙與速度檢查、設計系統建置、多語系網站
- 既有網站的改版與長期維護
不在服務範圍內
- 手機 App 開發（iOS／Android）
- 廣告投放與帳戶代操
- 內容行銷代寫與社群經營
- 會員系統、資料庫與金流串接（可與你既有的技術夥伴分工對接）
- 翻譯本身（多語系的架構與排版我們做，翻譯建議交給專業譯者）
這些工作不是不重要，而是交給更專精的人做比較好；需要時我們可以配合對接。
/PRICING
報價方式
本頁不列價格，也不列價格區間。頁數、內容量、是否需要設計系統或多語系、既有網站的狀況，都會直接影響工作量；沒問清楚就報出來的數字沒有意義。
怎麼談
- 你來信說明想做的網站與現況，寫大概就好，缺的部分我們會問。
- 我們回信確認需求與範圍，必要時安排一次線上或當面討論。
- 依確認後的範圍提供書面報價，列出工作項目與交付物。
- 範圍與報價雙方確認後才開始；過程中範圍有變動就重新確認。
如果你心裡已經有預算範圍，也可以直接說，我們會回覆在這個範圍內能做到哪些項目。
/CONTACT