Horace Tong
作品集作為一套市場推廣系統
2026
這個網站 · 系統、視覺方向及推廣
委託人：Self-initiated，香港
一分鐘讀完
- 訪客可能來自 Instagram、搜尋結果、轉發的連結，或直接落在某個項目頁。每個人都需要知道自己身在何處，以及這裡還有什麼。作品數量亦持續增加，而單靠一份項目清單，很快就無法自行說明。
- 作品集方向、資訊架構、訪客路徑、視覺方向與製作。
- 網站收納作品目錄、重複使用的案例結構、帶有子系列的主項目、兩種語言、在出現位置解釋的專業詞彙，以及背後一套小型發佈系統。每個項目都按相同次序說明背景、角色、難題、方向、成果與署名，因此讀者讀懂一個案例之後，閱讀下一個案例不必重新適應。
- 訪客可以從任何入口找到相關作品，不必離開頁面就能理解一個項目的思考，並在閱讀過程中掌握相關詞彙。行為數據顯示哪些項目能留住注意力、哪些頁面較早被離開，結構亦隨之調整。
路徑：五個環節
訪客可能來自 Instagram、搜尋結果、別人轉發的連結，或直接落在某個項目。每個入口都說明得足夠，讓讀者知道自己身在何處，這裡還有什麼。
作品按四條線整理：聲音、視覺、系統與空間。每個項目都說明自己屬於哪一條線，以及旁邊還有什麼。
一個項目會交代當時的情況、我負責的部分、背後的決定，以及最終成為什麼。足夠讓讀者跟得上思考，然後就停。
下一步一直可用，讓仍在決定的人隨時可以走：另一件作品、另一條線、作品本身，或一次對話。走過去不等於離場。
哪些作品留得住注意力、哪些頁面較早被離開，以及哪些入口真正有人用。這些匿名模式放在一起看，用來找出結構哪些地方可以更清楚。
這個網站不止用來展示作品。它把項目結構、登陸頁思維、訪客路徑、行為數據與清晰的下一步放在一起，讓不同的人理解作品，並找到與自己相關的部分。目的不是控制瀏覽方式，而是設計一個環境，讓下一個有用的決定更容易作出。
訪客可能來自 Instagram、搜尋結果、轉發的連結，或直接落在某個項目頁。每個人都需要知道自己身在何處，以及這裡還有什麼。作品數量亦持續增加，而單靠一份項目清單，很快就無法自行說明。
訪客首先需要的不是更多作品，而是更清楚知道自己身在何處。當下一個有用的決定更容易作出，就代表結構發揮了作用。
這裡把整個作品集當成一套系統，而不是一堆頁面。問題不是每一頁應該長什麼樣，而是讀者在每一點需要什麼：足夠知道自己身在何處、足夠理解一件作品，以及一條明顯的出路。深度是刻意不均勻的。正在做決定的讀者，一分鐘內得到四個答案；想研究這個網站的讀者，可以一直讀下去。這是主要的結構決定：一個目錄、兩種速度、沒有死胡同。
由此得出三個決定。路徑設計成訪客可以選擇走的路，而不是必須依循的路。專業詞彙在出現的位置解釋，而不是集中在一頁詞彙表。互動數據用來改善結構，而不是引導某一位訪客。
網站收納作品目錄、重複使用的案例結構、帶有子系列的主項目、兩種語言、在出現位置解釋的專業詞彙，以及背後一套小型發佈系統。每個項目都按相同次序說明背景、角色、難題、方向、成果與署名，因此讀者讀懂一個案例之後，閱讀下一個案例不必重新適應。
訪客可以從任何入口找到相關作品，不必離開頁面就能理解一個項目的思考，並在閱讀過程中掌握相關詞彙。行為數據顯示哪些項目能留住注意力、哪些頁面較早被離開，結構亦隨之調整。
網站如何圍繞訪客構成
發現
任何一頁都要能夠當作入口。讀者可能憑一個轉發的連結或一個搜尋結果，直接落在一件作品上，從未見過首頁，但仍然需要知道這是什麼。所以每個項目都以同一次序、同一塊簡短的說明牌開頭：這是什麼、年份、我負責什麼，以及一條通往作品本身的連結。落在任何一頁的人，都能在幾行內知道自己身在何處，不必走回起點。
定位
作品分屬四條線，而每個項目歸入最能說明它的那一條。不會為令目錄看起來更豐富而重複歸類，讀者亦隨時看得到旁邊有什麼，因此沒有一頁是無處可去的。
登陸頁
登陸頁是圍繞一個清晰目的而設的頁面。這裡有幾種頁面在做這件事：首頁負責定位，線頁用來瀏覽某一類作品，項目頁說明一個決定，服務頁說明可以怎樣合作。每一頁都要清楚自己為何存在，而不是每一頁都要促成交易。
圍繞一個清晰目的而設的頁面，讓第一次來到的人知道這一頁是為什麼而設。
訪客路徑
這條路是讀者可以走的路，而不是必須依循的路。沒有任何一處被鎖住，亦沒有時限，因此項目、線與頁面可以任意穿越，有用的下一步只是沿途看得見。
深度
讀者應該可以留在同一頁，由看見作品走到理解作品：當時的情況、我負責什麼、為什麼作出某些決定、交付了什麼，以及後來改變了什麼。不是每一個內部步驟，而是足夠讓作品被理解。
資訊架構
資訊架構是指資訊如何排列，讓讀者知道自己身在何處、下一步可以去哪。在這裡，它包含四條線、可以容納子系列的項目、案例、署名、相關作品與項目類型，排列方式讓不斷增加的作品保持可讀，而不是變成一堆東西。
資訊如何排列，讓讀者知道自己身在何處、下一步可以去哪。
內容系統
每個項目頁都依同一次序：背景、角色、難題、方向、成果、署名、相關作品。讀者讀懂一個案例之後，讀下一個不必重新適應版面，而作品愈多，這一點愈重要。
解釋作品
專業詞彙在出現的位置解釋，就在它描述的東西旁邊，而不是集中在一頁沒有人會去的詞彙表。藝術指導出現時，下面就跟著一句白話說明。讀者在閱讀途中自然掌握詞彙，過程不打斷。
路徑，不是漏斗
一頁的閱讀次序跟隨一條路徑，而不是一個漏斗：發現、興趣、理解、憑證、信任，然後在有人想走的時候走出一步。漏斗不管讀者是否準備好，都會收窄選項。這裡選擇權留在讀者手上，頁面只是讓選項一直看得見。
清晰的下一步
讀者隨時可以開啟另一件相關作品、轉往另一條線、深入某個案例、去到作品發佈的地方，或開始一次對話。下一步提供得夠早，讓決定還新鮮的時候它就已經在，並且不會打斷正在閱讀的內容。
行為學習
網站記錄匿名的互動：哪些頁面被打開、讀到多遠、停留多久、走了哪一步、案例是否讀到最後、哪些線被探索，以及手機與桌面的分別。目的是看清體驗在哪些地方可以更清楚，而不是追蹤某一個人。這些模式是放在一起看的，而在早期階段，刻意不急於從中得出結論。
閱讀匿名的使用模式，例如哪些頁面較早被離開，用來找出體驗在哪些地方可以更清楚。
學習
這個結構本來就會改變。新作品、更清楚的名稱，以及一個原來沒有人讀的部分，網站都設計成可以吸納，因此排列可以移動，而不需要重做整個網站。設計、觀察、修正、再設計。
網站背後的系統
頁面背後用什麼，不如它令什麼成為可能重要。項目可以重新排序、一個項目可以包含子系列、兩種語言一起撰寫與發佈、一個項目可以先按住或公開，而每個案例都會說明自己屬於什麼。技術是喉管，它回答的問題是：不斷增加的作品，如何保持可讀。
網站已經上線，可以直接瀏覽。網站設計與製作的負責人記錄。
作品集會持續學習。新的作品與更清晰的行為模式會改變結構，而不需要重做整個網站。設計、觀察、修正、再設計。
參與名單
項目擁有
Horace Tong
自發項目
創作擁有
Horace Tong
創作擁有
- 策略
- 資訊架構
- 用戶體驗
- 視覺方向
- 內容系統
- 開發
- 市場推廣系統
頁面照片選自項目檔案，未必由作者拍攝。
可能你會想問
是否要重做整個網站？
不必。訪客需要的通常是更清楚的排列，而不是新的外表：有哪些頁面、每頁負責什麼、一個項目如何被閱讀、讀者下一步可以去哪。若問題出在排列本身，單靠重做並不會解決。
如果我已經有設計師或開發者呢？
可以只接其中一部分，與現有團隊並行。結構、資訊架構、訪客路徑與內容系統可以先決定，或獨立於實作進行，並以施工方可以直接使用的形式交付。
如果我自己都未確定網站需要什麼？
這通常正是工作的一部分，而不是等待的理由。第一階段可以先處理對象、資訊、優先次序與路徑，之後才決定要建什麼，而這一步比實際製作小。
這算是設計還是市場推廣？
兩者都涉及，但兩者都不是主題。主題是讀者做了什麼：從哪裡進來、明白了什麼、下一步作出哪個決定。視覺方向與推廣結構只是回答這個問題的兩種方式。
這套思考可以用在哪裡
作品集是一套市場推廣系統，不是展覽：先定位，再安排訪客的路徑。任何要令人在短時間內明白的服務，都可以這樣做。