網站設計

網站設計

以商業基礎設施的方式規劃、建立及維護網站,而不是一次性的設計練習。

01 · 價值

網站的好壞,在於它是否運作正常。

不是看它在簡報上好不好看。而是看它能否在升降機裡用手機載入、能否讓人只用鍵盤完成表格,以及機構兩年後是否仍然可以自行修改內容。

工作在設計開始之前,就按雙方協定的書面驗收準則界定範圍,所以「完成」是一份清單,而不是一種意見。

由此開始

預約諮詢。

諮詢是一次有範圍的對話,不是推銷。帶問題來就好,不必帶規格——規格正是這項工作會產出的東西。

02 · 網站類型

我們建立什麼,以及每一種的用途。

專業網站

一組明確的頁面,呈現機構的業務,適合需要被找到、被信任的機構。

多語言網站

同一網站以多於一種語言呈現,結構上讓各語言版本在內容變動時仍然真正對等。

會員平台

公開頁面加上供已登入會員使用的受限制區域,附等級與相應的存取規則。

客戶工作台

認證工作空間,客戶在其中跟進自己的項目、批核工作與收取檔案。

電子商務

產品目錄、結帳,以及背後的營運工作:出貨、稅務、退款與對賬。

網站維護

讓以上任何一種在上線後保持正確、已修補、已備份與受監控的持續工作。

02 · 可衡量的成果

你可以要求我們兌現什麼。

這些都會在上線前由雙方按協定的準則檢查。它們是關於建置的承諾,而不是關於成效的宣稱。

響應式表現

每一頁在上線前都會在電話、平板與桌面寬度檢查,不只檢查設計時所用的寬度。

鍵盤操作

每一個互動元件都可以只用鍵盤到達及操作,並有清晰可見的焦點指示。

可讀對比度

文字與介面邊界按 WCAG AA 量度,而不是憑肉眼判斷。

已測試的表格

每個表格在移交之前,都會在正式網站上完整提交並接收一次。

清晰的內容擁有權

以書面記錄每個帳戶、服務與資產屬於誰,不會有任何東西被困在代理商手上。

分析與備份

確認分析正在記錄,並在上線前實際備份與還原一次,而不是假設可行。

03 · 交付

七個階段,每一階段都結束於一份你可以閱讀的文件。

01

探索與界定範圍

機構需要網站做到什麼、要服務誰,以及什麼明確不在範圍之內。階段結束時會有一份雙方接受的書面範圍。

02

資訊架構

有哪些頁面、彼此如何關聯、每一頁的用途。網站地圖與內容清單會在視覺設計開始之前協定。

03

設計方向

字體與色彩方向,應用於真實的頁面結構而不是裝飾性模擬圖,並先在窄螢幕上檢視。

04

建立與整合

前端建立、內容管理、表格、分析,以及任何第三方整合,都在你隨時可以看到的測試環境上進行。

05

內容、無障礙與品質保證

載入內容並校對、執行鍵盤與對比度檢查、端到端測試表格,並在真實裝置上檢查網站。

06

上線與移交

網域與 DNS、轉址、分析驗證、一次演練過的備份,以及所有涉及帳戶與資產的書面移交。

07

維護與衡量

持續更新、監控,並按一開始協定的指標匯報。屬可選項目,另行報價。

04 · 方案

購買網站工作的六種方式。

每個方案都會獨立界定範圍並以書面報價。這裡不刊載價格,因為未按你的需求界定範圍的數字,並不是價格。

網站診斷

適合表現未如理想的現有網站

對現有網站進行結構化審視,涵蓋結構、內容、效能、無障礙與分析。以書面報告交付,附有優先處理清單,列明哪些要改、哪些不用改。

商討這個方案 →

專業網站

適合需要可靠形象的機構

頁數明確的重點網站:結構、設計、建立、內容載入與上線。對大多數機構而言是最合適的起點。

商討這個方案 →

商業網站進階版

適合有內容要管理、有系統要整合的機構

較大型網站,配備內容管理系統、多種內容類型、表格處理、分析,以及與現有商業系統的整合。

商討這個方案 →

會員網站

適合受眾需要登入的機構

包含商業網站進階版的全部內容,再加上會員帳戶、受限制內容、訂閱或等級邏輯,以及會員制度必然涉及的私隱控制。

商討這個方案 →

客戶工作台

適合為客戶執行項目的機構

為客戶而設的認證工作空間:項目、批核、檔案、會面與帳單,附角色權限與審計記錄。

商討這個方案 →

網站維護

適合任何已經上線的網站

持續安排,涵蓋更新、安全修補、備份、監控,以及每月定額的內容修改。

商討這個方案 →
佐證

你會收到什麼交付。

本行不公開客戶名稱、項目參考或績效數字——不是因為工作保密,而是因為未經另行授權就具名提及僱主、董事或客戶,不是本行會做的事。

代替作品集的是移交套件。每一次合作都以下列同一組文件作結,而它們屬於你:

  • 協定的網站地圖與逐頁內容清單
  • 書面驗收準則,以及每項檢查的結果
  • 建置時所依據的無障礙與對比度報告
  • 每個帳戶、服務與資產的記錄,以及各自的擁有人
  • 一次實際備份與還原的記錄
  • 給下一位維護者看的簡短移交文件
適合度

本行是否適合這項工作?

當網站屬於商業基礎設施——必須持續運作、需要維護,並且由機構而非供應商擁有——本行就是合適的選擇。

如果工作主要是視覺宣傳、需要在幾天內上線,或者決策者與日後要維護網站的人並不在同一個對話裡,本行就不是合適的選擇。早點說明,對雙方都便宜。

合適度查詢

說說你的工作。

如果不合適,我們會直說,並在可能的情況下轉介更適合的人選。

幾句話就夠。限制與期限是你最應該告訴我們的。
下一步

由一次對話開始。

諮詢是一次有範圍的對話,談的是你的需要,不是推銷。對話結束時,你會清楚知道本行是否適合這項工作。