網站設計
以商業基礎設施的方式規劃、建立及維護網站,而不是一次性的設計練習。
網站的好壞,在於它是否運作正常。
不是看它在簡報上好不好看。而是看它能否在升降機裡用手機載入、能否讓人只用鍵盤完成表格,以及機構兩年後是否仍然可以自行修改內容。
工作在設計開始之前,就按雙方協定的書面驗收準則界定範圍,所以「完成」是一份清單,而不是一種意見。
我們建立什麼,以及每一種的用途。
專業網站
一組明確的頁面,呈現機構的業務,適合需要被找到、被信任的機構。
多語言網站
同一網站以多於一種語言呈現,結構上讓各語言版本在內容變動時仍然真正對等。
會員平台
公開頁面加上供已登入會員使用的受限制區域,附等級與相應的存取規則。
客戶工作台
認證工作空間,客戶在其中跟進自己的項目、批核工作與收取檔案。
電子商務
產品目錄、結帳,以及背後的營運工作:出貨、稅務、退款與對賬。
網站維護
讓以上任何一種在上線後保持正確、已修補、已備份與受監控的持續工作。
你可以要求我們兌現什麼。
這些都會在上線前由雙方按協定的準則檢查。它們是關於建置的承諾,而不是關於成效的宣稱。
響應式表現
每一頁在上線前都會在電話、平板與桌面寬度檢查,不只檢查設計時所用的寬度。
鍵盤操作
每一個互動元件都可以只用鍵盤到達及操作,並有清晰可見的焦點指示。
可讀對比度
文字與介面邊界按 WCAG AA 量度,而不是憑肉眼判斷。
已測試的表格
每個表格在移交之前,都會在正式網站上完整提交並接收一次。
清晰的內容擁有權
以書面記錄每個帳戶、服務與資產屬於誰,不會有任何東西被困在代理商手上。
分析與備份
確認分析正在記錄,並在上線前實際備份與還原一次,而不是假設可行。
七個階段,每一階段都結束於一份你可以閱讀的文件。
探索與界定範圍
機構需要網站做到什麼、要服務誰,以及什麼明確不在範圍之內。階段結束時會有一份雙方接受的書面範圍。
資訊架構
有哪些頁面、彼此如何關聯、每一頁的用途。網站地圖與內容清單會在視覺設計開始之前協定。
設計方向
字體與色彩方向,應用於真實的頁面結構而不是裝飾性模擬圖,並先在窄螢幕上檢視。
建立與整合
前端建立、內容管理、表格、分析,以及任何第三方整合,都在你隨時可以看到的測試環境上進行。
內容、無障礙與品質保證
載入內容並校對、執行鍵盤與對比度檢查、端到端測試表格,並在真實裝置上檢查網站。
上線與移交
網域與 DNS、轉址、分析驗證、一次演練過的備份,以及所有涉及帳戶與資產的書面移交。
維護與衡量
持續更新、監控,並按一開始協定的指標匯報。屬可選項目,另行報價。
購買網站工作的六種方式。
每個方案都會獨立界定範圍並以書面報價。這裡不刊載價格,因為未按你的需求界定範圍的數字,並不是價格。
你會收到什麼交付。
本行不公開客戶名稱、項目參考或績效數字——不是因為工作保密,而是因為未經另行授權就具名提及僱主、董事或客戶,不是本行會做的事。
代替作品集的是移交套件。每一次合作都以下列同一組文件作結,而它們屬於你:
- 協定的網站地圖與逐頁內容清單
- 書面驗收準則,以及每項檢查的結果
- 建置時所依據的無障礙與對比度報告
- 每個帳戶、服務與資產的記錄,以及各自的擁有人
- 一次實際備份與還原的記錄
- 給下一位維護者看的簡短移交文件
本行是否適合這項工作?
當網站屬於商業基礎設施——必須持續運作、需要維護,並且由機構而非供應商擁有——本行就是合適的選擇。
如果工作主要是視覺宣傳、需要在幾天內上線,或者決策者與日後要維護網站的人並不在同一個對話裡,本行就不是合適的選擇。早點說明,對雙方都便宜。
說說你的工作。
如果不合適,我們會直說,並在可能的情況下轉介更適合的人選。