作品集網站平台推薦:15 款線上製作工具比較

15 個作品集平台怎麼選?比較 WordPress、Wix、Webflow、Framer、Figma Sites、Behance 等的自有網域、案例頁、匯出與維護責任,並標出方案條件。
本頁目錄
- 作品集不是作品倉庫,是一份會自己接案的業務員
- 先別比工具,先搞清楚你要的是哪一種「平台」
- 自架派:WordPress.org,控制權最大,代價是你得當半個工程師
- 一站式託管派:Wix、Squarespace、Webflow 的便利與天花板
- 設計原生派:Figma Design 與 Figma Sites 要分清楚
- 作品社群與配套網站:Behance、Dribbble、Adobe Portfolio 怎麼分
- 為什麼不該輕易說「放 Behance 就好」
- 你該花錢請設計師客製嗎?模板派與客製派的真實取捨
- 接案作品集常見的 6 個區塊:依服務流程取捨
- 圖片保護與客戶專屬畫廊:兩個被低估的選平台條件
- 15 個作品集平台橫評總表
- WordPress 做作品集:什麼時候值得,什麼時候是自找麻煩
- 一站式平台與自架:比較三年總成本
- Google 找得到你的作品嗎?多數人略過的 SEO 死穴
- 手機上看你的作品集,是災難還是驚喜
- 依照你的身份選平台:5 種創作者的最佳組合
- 最常見的 4 個作品集地雷
- 架上線僅是起點:作品集的長期維護節奏
- 7 天上架行動清單
挑作品集平台,與其比功能多寡,不如先問「你到底是誰、你想被誰找到」。很多人卡在這個畫面太久:打開十幾個分頁,把主流架站、設計與作品社群工具全部比過一輪,反而不知道該選哪一個。這篇文章不是再給你一份流水帳式的工具清單,而是把 15 個常見平台拆成選擇邏輯,讓你按需求對號入座。
如果你僅想看結論:想快速上線,可比較一站式作品集平台;接案導向、要掌握網域與較高 SEO 彈性,可考慮 WordPress 自架;要高度視覺控制,可評估 Webflow 或 Framer。Figma Design 本身仍是設計工具,但 Figma Sites 已能在付費方案中發布響應式網站,目前屬開放測試階段;是否採用,要把 Beta 產品的功能限制與搬移成本一起算進去。
作品集不是作品倉庫,是一份會自己接案的業務員
很多人把作品集想成「把過去的東西放上來就好」,這個想法容易讓人選錯平台。一個會做事的作品集,至少要讓搜尋你名字的人找到正確頁面、在手機上順利載入,並讓訪客願意繼續看作品。這些目標比介面漂不漂亮更值得優先比較,但沒有平台能保證第一頁排名或固定秒數。
常見做法是先把作品放上大型作品社群,理由很合理:免費、上架快、自帶探索流量。但社群頁面的網域、推薦機制與版面都由平台控制,訪客也可能接著看到其他創作者。這不是反對使用作品社群,而是要先想清楚:你要的是「作品被看到」,還是「自己的品牌與網域被找到」。兩者可以並行,但主場與導流方向要分清楚。
比較平台時,先問四件事:能否使用自己的網域、匯出哪些內容、設定哪些搜尋欄位,以及如何合法取得並帶走聯絡名單。這些控制項依方案而異,不能只用「自架/託管」二分。
先別比工具,先搞清楚你要的是哪一種「平台」
市面上的作品集平台可分為四大類。混亂的源頭,多半是因為把不同類別的東西拿來比價格。先搞懂分類,後面的 15 個平台總表才看得懂。
自架派:WordPress.org,控制權最大,代價是你得當半個工程師
WordPress.org(注意是 .org 不是 .com,兩者差很多,想搞清楚可以看 WordPress.com 與 WordPress.org 差異)是全球市佔最高的內容管理系統。根據 W3Techs 的長期追蹤,WordPress 在已知內容管理系統的網站中占六成以上。市佔規模帶來較多佈景主題、外掛、教學與主機選擇,但不能用沒有來源的倍數比較生態大小。
用 WordPress 做作品集的優勢很實際:可使用自己的網域,對 SEO 技術設定與擴充功能有較高控制力,也能加入表單、分析工具或數位商品。代價是你要負責主機、佈景主題、更新與備份。如果不想碰技術,這條路可能變成負擔;是否值得,要看長期功能與維護能力。想評估完整費用結構,可以參考WordPress 架站費用拆解。主題與作品集外掛的搭配,可再看Astra 加 WP Portfolio 的作品集實作,從展示類型到手機版地雷一次講完。
一站式託管派:Wix、Squarespace、Webflow 的便利與天花板
這一派的共同特徵是:主機、HTTPS、模板與後台通常由平台提供;自訂網域常須付費方案,內容、表單與授權仍要自行管理。Wix、Squarespace 和 Webflow 的編輯方式與可用元件不同,先試作一個實際案例頁再比較。上線速度與搬移成本取決於內容量和功能。Webflow 付費 Workspace 可匯出靜態程式碼,CMS、表單處理和電商功能則不能隨程式碼完整搬走。
實務上的判斷是這樣:如果你想由平台代管主機、案例結構不複雜、能接受方案與搬移限制,一站式平台完全合理。但如果未來可能加入商店、會員或大量案例,先核對目前方案的擴充與匯出範圍,再決定是否採用。
設計原生派:Figma Design 與 Figma Sites 要分清楚
Figma Design 裡的設計稿不會自動成為公開網站;傳統做法仍是交由開發,或移到其他架站工具實作。不過,Figma 已推出 Figma Sites 開放測試版,付費方案可發布響應式網站,並支援 figma.site 網址與自訂網域。它目前仍是 Beta,功能、方案與匯出限制可能變動,發布細節以 Figma 官方的發布說明為準。
所以「用 Figma 做作品集」現在可能有兩種意思:在 Figma Design 畫稿、再交給其他工具或開發者實作;或直接用 Figma Sites 發布。選擇前要確認響應式控制、SEO 欄位、自訂網域、表單與搬移方式是否符合需求。想深入了解設計端操作,可以看Figma 完整教學。
作品社群與配套網站:Behance、Dribbble、Adobe Portfolio 怎麼分
Behance、Dribbble 是作品社群,提供被其他創作者與潛在客戶發現的入口,但曝光不保證。Adobe Portfolio 則是符合資格的 Creative Cloud 訂閱可使用的網站服務,支援自訂網域與頁面密碼。三者的內容控制、網址與方案條件不同,應分開比較。
為什麼不該輕易說「放 Behance 就好」
必須誠實說,這句話以前很常被講。對剛起步、還沒有穩定接案的人來說,Behance 或 Dribbble 確實是最低成本的起點,它們提供作品被探索的入口,但實際曝光與詢問依作品、受眾與平台機制而異。進入長期經營階段後,再檢查網域、案例結構和搬移需求。
當你開始有固定合作、開始被客戶用名字搜尋、開始想報價高一點,這時候「僅有 Behance」會變成限制。原因有三個:第一,Behance 專案仍使用平台網址,無法像自有站一樣安排完整案例與站內路徑;第二,推薦與搜尋曝光由平台機制決定;第三,進階分析與自訂網域要核對 Behance Pro 和 Adobe Portfolio 的實際方案。Behance Pro 已提供流量來源等分析,不能說完全無法追蹤訪客行為。
若同時經營社群與自有網站,可在 Behance、Dribbble 的作品說明放相關案例連結,並讓自有網站承載較完整的專案脈絡和聯絡方式。是否真的帶來訪客,應查看來源與詢問資料;自有網域也不保證搜尋排名。如果你的作品集還在規劃階段,可以先從作品集網站設計指南把整體結構想清楚。
你該花錢請設計師客製嗎?模板派與客製派的真實取捨
很多創作者在選平台之後,會卡在第二個問題:用現成模板,還是花錢請人客製。看法很直接,取決於你現在處在哪一個階段。如果你還在累積作品、接案量不穩定、客戶還沒有因為「看過你的網站」而主動找上門,現成模板通常已足以承載作品內容,可以把省下來的錢跟時間拿去做更好的作品。是否需要客製,仍應看品牌識別、互動功能與維護需求。
那什麼時候值得花錢客製?列出三個明確訊號。第一,你已經有穩定的高單價接案,現有模板無法清楚表現你的品牌與案例;這時可評估客製版面是否能改善閱讀、互動或內容管理,並先訂驗收標準。第二,你需要的功能模板做不到,例如複雜的客戶專屬畫廊、密碼保護的作品預覽、與既有 CRM 或報價系統串接。第三,你的品牌已經有明確的品牌識別系統,模板的彈性不足以完整呈現這套系統。
如果你決定走客製路線,平台選擇就會跟著收斂。WordPress 自架可修改程式與資料結構,但要自行維護;Webflow、Framer 的客製與匯出能力依方案及功能而異。Webflow 的靜態程式碼可在付費 Workspace 匯出,CMS 與表單等功能需另行重建。Wix、Squarespace 也有自己的自訂欄位與整合能力,應先用真正需要的功能逐項驗證。想評估自己架與委外的費用落差,可以對照網站架設教學把自架流程摸過一遍,心裡會比較有底。
還有一個選項常被忽略:找一間懂設計也懂 SEO 的網頁設計公司幫你從零打造。委外通常增加預算;是否值得,應依預期工作量、實際詢問、成交與維護成本檢驗。怎麼挑設計公司才不踩雷,可以參考如何挑選網頁設計公司,以及網頁設計公司推薦裡的比較邏輯。
接案作品集常見的 6 個區塊:依服務流程取捨
如果作品集用來接案,可用以下六個區塊檢查資訊是否足夠;有些內容也能合併到同一頁,不必硬拆成六頁。這不僅是美感問題,也關係到訪客能否理解服務並採取下一步。用這份清單檢視作品集,常會發現仍有資訊缺口。
第一是精選首頁。首頁放三到五件最強、最能代表你風格的作品,用大圖與一句話標題引導點進去。首頁不是履歷總表,是櫥窗。你放越多,每一件的份量越被稀釋。
第二是分類作品頁。把所有作品依類型或產業分類,例如品牌、包裝、網頁、插畫,讓不同需求的客戶能快速找到對應案例。清楚的分類與可檢索連結也有助於搜尋引擎發現並理解頁面關係,但不是獨立的排名加分。
第三是單一作品詳情頁。有足夠內容的重要作品可建立獨立案例頁,寫明背景、角色、設計過程與可公開的成果。若有客戶數據或回饋,先確認可公開;標題和描述應準確反映案例,搜尋流量仍須觀察。
第四是關於頁。放你的經歷、設計理念、合作過的客戶類型、服務項目。這一頁是建立信任的關鍵,很多客戶決定聯絡你之前會先看這裡。想做好排版可以參考網站版面設計指南。
第五是服務或流程頁。清楚列出你提供什麼服務、合作的流程是什麼、大概的作業時間。這能幫你過濾掉預算或時程對不上的客戶,減少無效的詢問。
第六是聯絡頁。放一個簡單的表單、你的 Email、以及你的社群連結。聯絡入口要在每個頁面都找得到,不要讓有意願的客戶還要回首頁找半天。
這六個區塊不是各自獨立,它們串成一條從「被找到」到「主動聯絡你」的路徑。如果讀者找不到相關案例或聯絡方式,就可能中斷詢問路徑;可用真實訪客測試找出缺口。
圖片保護與客戶專屬畫廊:兩個被低估的選平台條件
大多數作品集評測文僅比模板漂不漂亮、價格便不便宜,卻漏掉兩個對職業創作者其實很關鍵的功能。第一是圖片保護,第二是客戶專屬畫廊。這兩個需求要不要,會直接決定你的平台候選名單要砍掉哪幾個。
圖片保護通常指限制一般訪客直接下載、加浮水印或控制提供的檔案尺寸;已顯示的圖像仍可被截圖。選功能時先確認你要保護的是未公開原稿、交付檔案,還是公開展示圖。專業攝影師取向的平台如 Format 與 Pixpa 提供各自的浮水印、下載控制與相簿設定,實際功能要看方案與相簿類型;WordPress 則可以靠外掛達到類似效果,但要自己設定。如果你的作品是高價值的商業插畫或攝影,這個功能值得納入考量。
客戶專屬畫廊,則是讓你為每個客戶開一個密碼保護的預覽頁,客戶登入後才能看到未公開的提案或修圖過程。對接案設計師與攝影師來說,這個功能非常實用,因為它讓你的網站不僅是對外的展示,還是對內的協作工具。Format 與 Pixpa 有相簿密碼、下載或挑片流程;Adobe Portfolio 支援頁面密碼,但不等於完整的客戶選片與交付系統。WordPress 也可加功能,但要自行核對外掛安全、權限與維護成本。
這兩個功能要不要,取決於你的工作型態。如果你是純展示、不擔心圖被存、也不需要線上給客戶看稿,這一整段可以忽略,你選平台的自由度會大很多。但若其中一個是你的剛需,你的候選名單就會立刻縮短一半,這反而是好事,選擇會變得清楚。
15 個作品集平台橫評總表
這張表把 15 個常被拿來比較的平台,用五個對創作者最關鍵的維度整理:誰適合、能不能綁自有網域、SEO 控制力、上手難度、長期成本趨勢。表中的「SEO 控制力」與「上手難度」是編輯判斷,不是官方量化評分;自有網域、價格與功能依方案變動,使用前須回到各平台文件核對。Figma Sites 目前仍是 open beta。
左右捲動檢視完整表格
| 平台 | 最適合誰 | 自有網域 | SEO 控制力 | 上手難度 | 長期成本趨勢 |
|---|---|---|---|---|---|
| WordPress.org(自架) | 願意自行管理內容、主機與更新的人 | 是 | 技術設定可自訂 | 中高 | 主機、元件與維護工時依配置 |
| WordPress.com(託管) | 想要 WordPress 介面但不想碰主機的人 | 付費方案才有 | 中 | 中 | 訂閱逐年疊加 |
| Wix | 完全新手、想拖拽快速上線 | 付費方案有 | 中 | 低 | 訂閱,搬家成本高 |
| Squarespace | 重視模板質感的設計師、攝影師 | 付費方案有 | 中高 | 低 | 訂閱,搬家成本高 |
| Webflow | 要視覺控制力的進階設計師 | 付費 Site plan | 高 | 高 | 訂閱依方案;程式匯出需付費 Workspace,CMS 另處理 |
| Framer | 從 Figma 出發的設計師 | 付費 Site plan | 中高 | 中 | 訂閱依方案與頁面、流量需求 |
| Figma Sites(Beta) | 希望在 Figma 內設計並發布的團隊 | 付費方案支援 | 待持續驗證 | 中 | 訂閱,Beta 功能可能變動 |
| Shopify | 同時賣作品或週邊商品的人 | 是 | 中 | 中 | 訂閱加交易費 |
| Adobe Portfolio | 已訂符合資格 Creative Cloud 方案的設計師 | 是 | 中 | 低 | 須維持符合資格的 CC 訂閱 |
| Behance | 想要平台流量的起步者 | 否(平台網址) | 低 | 極低 | 免費,但資產不在你手上 |
| Dribbble Pro | 想接國際案的設計師 | Playbook 可綁自有網域 | 依 Playbook 功能核對 | 低 | Pro 訂閱 |
| Cargo | 藝術家、實驗性創作者 | 是 | 中 | 中 | 訂閱,模板風格強烈 |
| Format | 專業攝影師 | 是 | 中 | 低 | 訂閱,攝影取向 |
| Pixpa | 想同時賣圖授權的創作者 | 是 | 中 | 低 | 訂閱,含電商功能 |
| Readymag | 做編輯、敘事型作品的設計師 | 是 | 中 | 中 | 訂閱,自由排版強 |
這張表的目的不是幫你選出一個贏家,而是讓你快速淘汰掉跟你需求對不上的選項。舉例來說,如果你最在意自有網域、SEO 與匯出,應先核對 Behance 的現行能力;如果你缺少維護人力,則要比較 Webflow 與 WordPress 自架的學習和委外成本。先刪再選,決策會快很多。

WordPress 做作品集:什麼時候值得,什麼時候是自找麻煩
既然 WordPress 是市佔冠軍,這一塊值得單獨拆開講。WordPress 做作品集值得投入的前提是:你打算長期經營這個網站,未來可能擴充成部落格、接案後台、甚至賣東西。如果你的作品集僅是放十張圖給客戶看,用完就丟,那 WordPress 對你是大材小用,學習成本反而拖累你。
決定走 WordPress 之後,有兩個選擇會影響工作效率。第一是佈景主題,作品集導向的人可以看WordPress 佈景主題推薦,再依版型、效能與維護狀態挑選;若優先考慮輕量主題與手機版,可參考Blocksy 響應式網站實作。需要高度自訂版面時,也要把頁面編輯器的輸出與長期維護成本算進去。第二是主機,應依圖片流量、備份與技術支援選擇,可參考虛擬主機類型比較。
這裡要誠實提醒一個常被輕忽的點:WordPress 的彈性是雙面刃。裝太多外掛、挑了不更新的主題、用了劣質主機,速度與安全性都會垮。速度垮了,SEO 跟使用者體驗一起垮,這對作品集特別致命,因為你的內容大量是圖片。圖片最佳化是 WordPress 作品集能不能快的關鍵,相關工具可以看網站速度的實戰拆解。作品集常用的頁面編輯器選擇也會直接影響你的日常工作流,相關比較可以參考WordPress 頁面編輯器評測,挑一套順手的會讓你之後每更新一次作品都省下大量時間。
一站式平台與自架:比較三年總成本
一站式平台常以訂閱換取主機、維護與整合便利,續約價、網域、交易費與升級方案都要納入總成本。自架 WordPress 則要計入主機、付費元件、維護時間與技術支援。三年後哪一種較便宜沒有固定答案,應用相同功能與維護標準比較。
估算時可做一張三年總成本表,分別列出訂閱或主機、網域、付費元件、交易費、備份、安全、改版與維護工時。自架通常擁有較高的程式與資料控制權,一站式平台則把較多維護工作包進訂閱;實際價格與內容可搭配網站費用指南,並回到各平台官網核對。

關鍵不僅是哪個便宜,也包括資料可攜性、維護責任與你買到的控制範圍。長期網站可提高資料與網址可攜性的權重;短期過渡則可提高上線速度與維護便利的權重。先問三年後是否仍會使用,再比較匯出、轉址與搬移成本,比直接假設自架一定更划算可靠。
Google 找得到你的作品嗎?多數人略過的 SEO 死穴
這一段是最多作品集平台評測文沒講清楚的地方。不論平台外觀如何,重要案例仍要有可抓取的頁面、能說清內容的標題與文字,並確認網站沒有誤設為不索引。搜尋可是一個入口,但詢問不必只依賴搜尋。
先看一個讓人清醒的數字。Ahrefs 在〈96.55% of Content Gets No Traffic From Google〉這份 2023 年研究分析大量頁面後發現,超過九成的內容沒有取得來自 Google 的自然搜尋流量。這不等於那些頁面都排不進前幾頁,原因也可能包含搜尋需求、索引、排名與連結等差異;它提醒的是,上線本身不會自動帶來自然流量。
Backlinko 對上千萬筆搜尋結果的分析(2025 年 4 月)觀察到部分頁面與連結特徵和排名之間的相關性,但這類研究不能推導出固定權重或因果關係。對作品集來說,實用做法仍是為重要作品建立可連結的獨立頁面、清楚說明角色與成果,並讓真正相關的網站願意引用。
Backlinko 另一份搜尋結果研究(2025 年 4 月)顯示,不同排名位置的平均點擊率差距明顯。描述清楚的頁面標題有助於使用者判斷是否相關,但 Google 可能改寫標題與摘要,也不能據此承諾點擊率提高幾倍。挑平台時,確認能否逐頁設定標題、描述與分享圖片即可。
如果你選的是 WordPress,SEO 外掛可協助編輯標題、描述與 sitemap,但內容與索引仍需自行查驗,相關選擇可以參考WordPress SEO 外掛評測。一站式平台也提供不同程度的標題、描述及結構化資料設定;比較時應逐頁核對實際欄位與方案,而非一概視為不足。這不是要勸退你用一站式平台,僅是要點出,便利的背後是用 SEO 彈性換來的。
手機上看你的作品集,是災難還是驚喜
潛在客戶可能用手機打開作品集。Statista 追蹤的全球行動網路流量占比長期維持在高檔,但你的實際裝置比例仍應查看網站分析資料。手機版若有圖片變形、選單擁擠或載入緩慢,訪客會更難看到重要作品;沒有「超過三秒必定離開」的通用門檻。
這也是面對純設計導向平台(例如僅重桌面排版)時最需要保留的地方。一個平台在電腦上再漂亮,如果手機版只是把桌面內容縮小,文字和按鈕可能難讀難按。任何平台都應用實際案例頁測試斷點、導覽與圖片;Figma Sites 也提供斷點設定,不能只把 Figma 視為桌面稿工具。想確認你選的設計工具能不能做好響應式,可以看Figma 響應式設計的實作段落。
這裡額外提醒一個 Figma 使用者常見的誤區。很多設計師習慣在 Figma 裡把桌面版畫得很完整,行動版卻僅畫一兩個示意框,以為上線後平台會自己處理。結果就是,設計端跟實際上線的行動版完全對不起來,客戶在手機上看到的排版跟你在 Figma 裡驗收的完全不同。行動版應在設計階段就確認重要頁面與元件狀態,並與桌面版一起 review,而不是收尾才補上。
實測的方法很簡單:把你考慮的幾個平台都開免費方案或試用,用手機打開預覽,親自滑一遍。官方展示圖無法代替自己的案例頁測試;用手機檢查文字、圖片、導覽與表單,再參考其他使用者的實際經驗。
依照你的身份選平台:5 種創作者的最佳組合
比了這麼多,仍要回到你是誰。常見的創作者類型跟對應的平台選擇可整理成五組,讓你直接對號入座。
- 剛起步的平面或品牌設計師,預算接近零。先用 Behance 與 Dribbble 當流量入口,同時用 Adobe Portfolio(先確認你的 Creative Cloud 方案符合資格)架一個綁自己網域的主場。雙軌跑,累積案例後再依網域、案例結構及搬移需求重新評估。
- 接案穩定的設計師,想長期累積個人品牌。自架 WordPress 加一個作品集導向的佈景主題,是控制力與長期成本的平衡點。參考作品集網站架設教學把流程跑完。版面想自己調整的人,也能參考用 Elementor 打造作品集頁面的做法。
- 會寫一點程式、追求極致視覺的互動設計師。Webflow 或 Framer 給你近乎程式等級的排版控制,又不用真的碰伺服器。Framer 對 Figma 使用者尤其友善。
- 專業攝影師,作品是大量高解析圖。Format 與 Pixpa 是專為攝影取向設計的平台,相簿密碼、下載控制及選片功能依方案不同,銷售與授權條件要另核對。如果想自行配置,WordPress 加合適的相簿外掛也行,但圖片最佳化你要自己盯牢。
- 同時賣作品、週邊或數位商品的創作者。Shopify 處理交易最完整;如果想把作品集與商店合一,WordPress 加 WooCommerce 或 Pixpa 都能兼顧展示與販售。
這五組不是互斥的。很多成熟的創作者是「WordPress 主場 加 Behance 流量入口 加 Figma 設計」這種多平台組合。關鍵是搞清楚哪一個是主場、哪些是衛星,若你要長期經營品牌,可優先使用自己可續約的網域,並在社群與網站之間放清楚的案例與聯絡連結;用分析資料判斷實際導流方向。
還有一個判斷維度特別值得提醒,就是你的作品類型適合用什麼樣的呈現方式。平面與品牌設計,重點是案例敘述與視覺系統,適合分類清楚、能放長篇背景文字的平台;攝影,重點是大圖與畫廊體驗,適合圖片導向、有客戶預覽功能的平台;動態與互動設計,重點是讓作品真的動起來,這時 Framer 跟 Webflow 的優勢才會完全發揮;UI 與產品設計,則需要能放流程圖、原型連結、設計決策說明的結構,這類創作者也可考慮能放流程圖與設計決策的頁面,例如自架 WordPress 或 Notion Sites;Notion 自訂網域需付費方案及加購項目。先想清楚你的作品要用什麼形式被理解,平台的候選名單自然會浮現。
最常見的 4 個作品集地雷
以下四項是常見的作品集檢查點;依自己的作品類型和使用者回饋判斷優先順序。
第一個,把首頁塞滿所有作品。首頁的工作不是展示全部,而是讓訪客快速知道你是誰、做什麼、下一步能看什麼。精選少量代表作品放在首頁,其他收進分類頁;實際件數依作品差異與頁面效能調整。
第二個,作品僅有圖沒有敘述。一張漂亮的圖,客戶看不出你解決了什麼問題、扮演什麼角色、成果如何。每件作品都該有一段簡短的背景說明:目標、你的角色、做法、結果。這段文字同時是給人看的,也是給 Google 看的 SEO 內容。
第三個,忽略圖片檔案大小。設計師的作品集圖片密度極高,高解析圖片可能增加傳輸量,是否拖慢頁面要看實際尺寸、格式、快取與載入方式。養成上傳前先壓縮的習慣,工具選擇可以看圖片壓縮工具。先依裝置與網路量測,再決定要壓縮、提供響應式尺寸或調整載入順序。
第四個,沒有清楚的聯絡路徑。太多作品集的問題是,作品很強,但客戶看完之後找不到怎麼聯絡你。在每個頁面都放一個顯眼的聯絡入口,最好是一個簡單的表單加上你的 Email。不要讓有意願合作的客戶還要花力氣找你。
架上線僅是起點:作品集的長期維護節奏
很多人以為作品集架完就功德圓滿,其實上架僅是第一哩路。一個會持續幫你接案的作品集,需要維持聯絡方式、代表作、方案與安全設定的準確性;Google 不會因頁面一段時間沒更新就自動降低排名。以下三項檢查可依內容量與技術風險安排。
每完成一件適合公開的新合作,更新一次作品頁。把新作品整理成獨立詳情頁,同時調整首頁精選。更新的價值在於內容更完整、符合目前服務與訪客需求;Google 不會因網站看起來「有在更新」就一律給予排名加分。
每季檢視一次整體結構。每隔三個月回頭看一次你的分類是否還合理、首頁精選是否還是你最強的作品、有沒有過時的舊作品該收進次要分類。創作者的風格會演進,作品集也該跟著長大,否則你會被自己三年前的作品綁住形象。
依主機與方案風險安排技術檢查,重要更新與到期提醒不必等一年。主機續約了沒、網域過期了沒、外掛與佈景主題是不是該更新、有沒有壞掉的連結、速度是不是變慢了。這些技術細節平時不痛,一旦出事往往是客戶打不開你的網站那種等級的災難。長期維護的成本結構可以對照網站維護費用心裡有個底。
這三個節奏,自架 WordPress 的人要自己盯;用一站式平台的人,平台通常代管主機與部分更新,這是訂閱費涵蓋的工作;網域續約、權限、表單通知與失效連結仍要自己檢查。但內容更新與結構檢視,不管哪個平台都僅能你自己來,沒有人能替你決定哪件作品值得放進精選。
7 天上架行動清單
如果你已經決定好平台,這份七日清單可當作工作順序;若案例素材、授權或表單尚未就緒,完成時間應依實際情況調整。依手邊素材和平台選項安排步驟。
- 第一天,鎖定平台與方案,註冊網域。網域是你長期資產的根,挑一個跟自己名字或品牌一致的,註冊流程可以參考網域申請指南。
- 第二天,選定佈景主題或模板,把空白的網站先有個骨架。模板選擇可以參考作品集設計模板,質感取向的起點比從零刻快太多。
- 第三天,整理作品清單,精選五到八件最強的,為每件寫好背景敘述(目標、角色、做法、結果)。
- 第四天,處理圖片。全部壓縮、統一尺寸比例、命名清楚(不要用 DSC_0001 這種檔名,用作品名稱與關鍵字)。
- 第五天,組裝頁面。首頁放精選、分類頁放完整作品、關於頁放你的經歷與理念、聯絡頁放表單。
- 第六天,做基本 SEO。每個頁面寫好標題與描述、確認行動版正常、測一次載入速度。
- 第七天,找三個不認識你作品的人,給他們網址,請他們用手機打開,問他們三分鐘後記得你做什麼、找不找得到聯絡方式。他們的回饋,比你盯著自己的螢幕看三天都有用。
架作品集這件事,關鍵不在技術,而在你願不願意把自己的專業當一回事,認真經營一個長期資產。平台會換、模板會過時、工具會迭代,但「讓對的人用對的方式找到你」這件事,十年後還是一樣重要。挑一個你願意持續更新的平台,然後開始把第一件最好的作品放上去,剩下的,時間會幫你證明。如果你在平台之間還是拿不定主意,一個務實的判斷方式是這樣:問你自己三年後還會不會用這個平台。會,就選它;不確定,就選那個讓你最容易把內容帶走的。作品集的價值不在平台本身,在你累積在裡面的作品與你這個人被找到的能力,這兩樣東西,永遠要握在自己手上。