想找廠商做網站,多數人第一件事就是點開對方的作品頁。一排縮圖看下來,版面都挺漂亮,公司名稱也都眼熟,看完之後心裡卻沒有比較有底:這些網站真的是他們做的嗎?做到什麼程度?現在還長那樣嗎?網頁設計作品這個詞聽起來很直白,實際上它跟「案例」「範例」是三件不同的東西,而多數人看作品集的方式,剛好停在最表面的那一層。這篇要談的不是怎麼從版面學排版,也不是怎麼分析一個專案的商業成效,而是更前面的一步:你要怎麼確認眼前這份作品集,真的能代表這家廠商現在的能力。
網頁設計作品、案例與範例,是三件不同的事
這三個詞在網路上幾乎被當成同義詞使用,但它們回答的是不同的問題。作品回答的是「這是誰做的」,重點在歸屬與參與程度;案例回答的是「這個專案解決了什麼問題、後來怎麼樣」,重點在商業脈絡;範例則是拿來學習與參考的樣本,重點在版面與手法本身,不一定跟任何廠商有關。
三者的驗證方式因此完全不同。看範例你不需要在意是誰做的,看案例你需要對方說明背景與變化,而看網頁設計作品時,你唯一要確認的其實是歸屬:這個網站,這家廠商到底做了哪一段。這件事聽起來理所當然,實務上卻很少有人真的問出口。
會混淆的原因也不難理解。多數廠商的網站上只有一個叫「作品」或「案例」的頁面,把三種東西混在一起放。你看到的可能是自家完整專案、可能是接了一段外包的專案、也可能只是一份沒有落地的提案稿。
第一件事:那個網站現在還在線上嗎
最基本也最常被跳過的檢查,是直接把作品集裡的網址一個一個點開。作品頁上放的是截圖,截圖可以是好幾年前的樣子,也可以是從來沒有正式上線的提案稿。點開之後,你大概會遇到幾種狀況:
- 網址根本沒有連結,只有一張圖,連客戶名稱都沒寫全。
- 網址連過去是「找不到頁面」,或是網域已經被別人註冊成別的內容。
- 網站還在,但長得跟截圖完全不一樣,顯然早就改版過了。
- 網站還在,也跟截圖一致,這才是真正可以往下問的對象。
沒有連結不代表一定有問題。有些專案是內部系統、有些客戶要求不公開、有些真的已經收掉了。但如果整份作品集裡能點開又還原本樣貌的比例偏低,這份名單對你的參考價值就很有限,因為你無法確認他們現在做出來的東西是什麼水準。
順手可以一起看的,是這些網站在手機上的樣子。作品頁的截圖通常是桌機版,而你的客戶多半用手機。同一個案子在手機上好不好用,是截圖上看不到的資訊。
第二件事:這個站現在還是同一家在維護嗎
網站還在線上,跟這家廠商還在服務這個客戶,是兩件事。作品集是累積的,一個多年前的專案會一直留在頁面上,即使客戶早就換人維護、甚至已經整站重做。你看到的漂亮版面,有可能是後來接手的團隊做的。
要判斷維護關係,其實有幾個外部線索可以看:頁尾有沒有標示製作或維護單位、最新消息最後一則停在什麼時候、產品資訊看起來是不是還在更新、有沒有明顯長期沒處理的破圖或失效連結。這些不能當成鐵證,但可以幫你抓出「這個作品到底是活的還是標本」。
更直接的方式是問:這個案子現在還有在配合嗎?維護是年約還是按次計費?如果已經結束,是什麼原因?一個坦白說「這個客戶後來自己接手了」的廠商,比一個含糊帶過的廠商可信得多。長期維護關係本身就是能力的證明,一個客戶願意續約好幾年,通常代表服務有跟上。
第三件事:這家廠商在專案裡實際負責哪一段
一個網站專案大致可以切成幾段:需求訪談與架構規劃、視覺設計、切版與前端、後端程式與系統串接、內容撰寫與素材製作、上線後的維護。一家廠商可能全包,也可能只負責其中一兩段,而作品集通常不會寫清楚。
這件事之所以重要,是因為你要買的可能剛好是他沒做的那一段。你看上的是這個網站的視覺風格,但視覺其實是外部設計師畫的;你以為對方能處理複雜的表單串接,實際上程式是轉包出去的。等到專案進行到一半才發現能力缺口,時程與溝通成本都會往上跑。
所以在看網頁設計作品時,最該問的一句話是:這個案子裡,哪幾段是你們自己做的。對方回答得越具體越好。能講出「架構跟視覺是我們做的,程式是合作的工程師寫的,內容是客戶自己給的」,代表這個專案他確實參與過;如果只能說「這是我們做的」然後講不出細節,就值得再多問幾句。
掛名、代工與轉包:作品集裡最難分辨的一塊
這個產業的分工比外界想像得細,有幾種狀況特別容易讓作品集失真:
- 轉包:接案方把整個專案發給別人做,自己只負責窗口與驗收,但作品集照放。
- 代工:實際執行的團隊沒有署名權,做完之後不能把這個案子放進自己的作品集,反而是發案方在展示。
- 只做一段:只負責視覺稿或只負責切版,卻用完整網站的截圖呈現。
- 提案稿:比稿沒有得標,或客戶最後沒做,設計稿仍然留在作品集裡。
- 模板改色:使用市售模板調整配色與圖片,實際的設計工作相當有限。
這些做法不一定都是刻意欺騙。產業裡的合作關係本來就複雜,代工方不能具名也是常態。問題在於你作為業主,看到的是同一張截圖,卻無從分辨背後是哪一種。唯一的辦法還是問,而且要問得具體。
有一個小技巧:如果同一個案子出現在好幾家廠商的作品集裡,那通常代表這是一個多方協作的專案。這時候更需要問清楚每一家各自負責什麼,而不是預設其中有人說謊。
怎麼把這些問題問得禮貌又問得清楚
很多人擔心問太細會顯得不信任對方,反而讓合作氣氛變差。實際上,正派經營的廠商通常樂於說明分工,因為說清楚對他們也有好處:可以避免業主期待錯位,也能凸顯自己真正擅長的部分。關鍵在於問法。
比較自然的問法,是把問題放在「我想確認需求能不能對上」的脈絡裡,而不是「我在查核你」。例如:我這次的需求裡有一段是產品篩選功能,你們作品集裡的這個案子有類似的東西,這部分是你們自己開發的嗎?或是:我很喜歡這個案子的版面,想知道設計是你們內部的設計師負責,還是外部合作?這樣的問法既具體又有目的,對方很容易接話。
另外一個實用的作法,是請對方推薦一個「跟我最像」的案子,而不是自己從作品集裡挑。廠商挑出來的案子通常是他最有把握的產業與最完整參與的專案,你從那個案子往下問,得到的資訊會比隨機點開一個來得有用。
看完作品集之後,你手上應該留下什麼
把上面幾件事走完一輪,你要留下的不是「這家很厲害」這種印象,而是幾個可以寫下來的事實:哪幾個案子仍在線上、哪幾個仍在維護、每個案子他們負責哪幾段、跟你需求最接近的是哪一個、那個案子的哪一段是他們自己做的。
有了這些,後面談報價與合約才有基礎。你會知道哪些項目要特別寫進合約、哪些能力需要另外確認、哪一段可能要找第二家配合。反過來說,如果走完一輪之後你什麼具體的事實都寫不下來,那多半代表這份網頁設計作品的資訊量太低,還不足以支撐你的決定。
值得提醒的是,這一輪檢查的結論不必然是「淘汰」。有時候你會發現某家廠商只做設計,但做得很好,那你要調整的是分工方式,而不是把他劃掉。驗真的目的是讓期待對得上,不是為了挑毛病。
常見問題
作品集很少但都很扎實,跟作品集很多但參與有限,該選哪一個
看你的需求。若你的案子需要完整承接,前者通常比較穩;若你只需要其中一段,而對方剛好擅長那一段,數量多寡就不是重點。真正要避開的是「看起來很多、問起來都說不清楚」的那一種。
廠商說客戶不希望公開,所以不能給網址,合理嗎
合理,這種情況確實存在,內部系統或未公開專案尤其常見。但如果整份作品集都不能給網址,你可以請對方至少提供一兩個能公開的、跟你需求相近的案子。完全無法驗證的作品集,參考價值就要打折。
看作品集能不能判斷這家廠商懂不懂 SEO
只看畫面判斷不出來。比較可行的是挑一個他們的案子,看看各頁的頁面標題有沒有分別撰寫、網址結構是否清楚、圖片有沒有替代文字。這些是外部就能觀察的線索,但仍然不能當成成效證明,也沒有人能保證排名。
我自己看不懂技術,還有辦法驗嗎
可以。上面提到的檢查大多不需要技術:網址點不點得開、畫面跟截圖一不一樣、最新消息停在什麼時候、手機上好不好用。這幾項就足以篩掉大半。技術面的細節可以留到簽約前再找人協助確認。
看作品集是很值得花時間的環節,但它的目的不是找到最漂亮的那一個,而是找到資訊最透明、參與最清楚的那一個。多花一點時間把網址點開、把問題問完,往往可以省下後面好幾週的來回。
如果你已經收集了幾份名單,卻不確定怎麼判斷這些網站的實際品質,創昇SEO 提供免費的網站健檢,也可以安排到府說明,全台都能配合。把你看上的幾個網址寄給我們,我們會從結構、速度與內容三個面向看過,據實說明我們看到什麼,不會替任何一家背書。
