【2025 作品集範本】作品集怎麼做?參考作品集製作 3 步驟,搭配履歷拿到面試門票!

【作品集範例】參考作品集製作 3 步驟,搭配履歷拿到面試門票!

在找作品集範例、想參考作品集模板嗎?設計、非設計相關的職位,該怎麼製作作品集呢?這裡一次為你解答並提供建議!

說到「作品集」,大家是不是馬上就想到有很多美麗設計、彷彿畫冊般的設計師作品集?打開求職網,其實會發現不僅設計類工作,越來越多職位都會要求應徵者提供作品集,像是企劃、編輯、專案管理、產品開發等。究竟求職者在找工作時,該如何藉由優秀的作品集取得面試機會?往下參考我們提供的 5 大類作品集範本和實際範例,用 3 步驟製作精美的作品集吧!

什麼是作品集(Portfolio)?

作品集(英文:Portfolio)就是將過往工作上或是個人執行的項目整理列出,包括過程與成效,讓企業可以快速了解求職者的能力。以平面設計師為例,作品集可以包括名片、logo 等作品;以行銷企劃為例,作品集可以放上行銷活動的成果;而以文字編輯來說,作品集的內容則涵括文案、文章等作品。

哪些工作要準備求職作品集?何時需要線上作品集?

最普遍要求作品集的工作,便是設計類職位,舉凡視覺設計、平面設計UI / UX 設計、遊戲設計等,作品集通常都是必備的求職文件。同樣的道理,難以僅用文字描述的作品,像是軟體工程師的 GitHub / Gitlab 程式碼作品、網站和 App 開發介面等成果,也都很適合整理成作品集,以供 HR、面試官快速掌握應徵者的能力。

任何適合整理成線上格式或是平面檔案的作品,都可以製作成作品集,在求職時善加利用。像是文字編輯、企劃或專案管理類的工作,甚至是音樂、影片類型的作品,利用「線上作品集」彙整在一起,只要簡單提供一個作品集網站的連結,就可以展現豐富多元的作品,非常方便。

就算沒有在主動求職,也建議善用各類作品集網站,製作一份線上作品集並定期更新,畢竟現代人普遍利用網路搜尋資訊,企業在尋找人才也是一樣的。如果在作品集網站上常備公開的精彩作品跟資料,也許就會有意想不到的職缺機會找上門!

搜尋各類型、各領域的作品集範本:Product、UI / UX、Website、Mobile App、Branding、Marketing

為什麼作品集跟履歷一樣重要?

如果說履歷是一場考試的成績單,作品集就是從選課、上課到讀書的整個過程。履歷篇幅有限而且以文字呈現為主,只能以最關鍵、最成功的經歷來吸引 HR 的目光。然而,思考邏輯與做決定、執行的過程也是很重要的能力,較難在履歷上完整呈現,因此需要作品集來輔助。

作品集能夠協助企業快速以作品評估求職者能力,優秀的作品集不但能呈現求職者的思維邏輯,也能加深印象。而根據應徵企業客製化的作品集,也可以提升面試及錄取的可能性。

若你已經有亮眼的工作經歷,作品集更可以幫助企業快速掌握你的價值;若你資歷尚淺或是與應徵職位相關性較低,豐富優秀的作品集或持續更新的作品集網站更可以直接為你的能力佐證。就算應徵的工作沒有要求提供作品集,也別錯失這個為自己加分、讓對方留下深刻印象的好機會,一起來看看如何打造吸睛的作品集吧!

一、作品集製作第一步:如何為作品集挑選作品?

【2024 作品集範本】作品集怎麼做?參考作品集製作 3 步驟,搭配履歷拿到面試門票!
如何為你的作品集挑作品?問這三個問題!

作品集挑選一問:你的作品有個人特色嗎?

什麼樣的作品最具有你的色彩?能否呈現你的邏輯與行事作風?作品是否能夠顯示出你和其他人的不同特色,卻又不至於有過重的個人色彩讓 HR 覺得你可能特立獨行、無法團隊合作?

以文字編輯為例,你可以擅長抒情式的寫作、或是客觀理性的申論式內容。但是除非應徵職缺有要求,否則建議避免讓太過小眾或是藝術性較高的作品成為作品集的重點,讓 HR 誤會你只擅長這一種風格、無法轉換。

作品集挑選二問:你的作品能呈現多元能力嗎?

專精於一個能力固然重要,但是絕大多數的工作都需要團體合作,而多元的能力才能順利與其他人協作,達到最好的成效。建議在作品集中放入不同主題/種類的作品,讓 HR 透過作品集了解你是一位有辦法在工作中學習、創新並且自主成長的人。

前端工程師為例,你有什麼不同種類的作品?是否有和 UI/UX 設計師或其他領域成員合作的經驗?除了本身專業以外,你是否學習過其他技能幫助前端工作更順暢?在作品集或作品集網站中展現豐富的合作或是學習經驗,更可以說服 HR 你的潛力,不會畫地自限。

作品集挑選三問:你的作品適合這家企業嗎?

在眾多作品中,有沒有跟欲應徵的企業風格接近的?如果有,一定要放在整份作品集最顯眼的地方,讓 HR 一眼就覺得跟你 match 了!如果沒有,也可以嘗試深入觀察企業現有的產品,找出問題並且實際解決、呈現在作品集上,你與這個職缺的適合程度就不言而喻了。

UX 設計師為例,若你觀察到想應徵職缺的這間電商,在結帳流程有些不順暢的地方,導致消費者不會馬上結帳,甚至最後放棄。而你針對這項缺點,訪問了身邊十多位親友,為整個使用流程優化,並且得到正面的回饋。雖然只是一個假設的作品,卻可以在作品集中顯示出你對於產品的細心觀察、找出問題並有實際解決的能力。

選完合適的作品之後,接下來就該思考怎麼在作品集中呈現,才能幫助 HR 更直覺地了解求職者的能力。

二、作品集製作第二步:如何在作品集上呈現作品?

從作品集範本看排版心法一:依照解決問題的邏輯順序介紹作品

【2024 作品集範本】作品集怎麼做?參考作品集製作 3 步驟,搭配履歷拿到面試門票!
作品集排版心法:展現思考邏輯

除了把成果放上作品集,思考邏輯更是作品集需要呈現的重點。要說一個好故事,必須要有完整的脈絡。遇到問題時,我們應該會有以下的思考順序:

「要解決的問題 → 思考過程 → 採用方案 → 產生的影響」

行銷企劃為例,若你負責一個流行女裝品牌,最近發現主打職業女性的系列業績下滑。

你觀察了網路聲量、粉絲留言及忠實顧客的社群互動等,發現是因為今年夏天的溫度再創新高,而目前的產品不夠涼爽。因此你聯絡採購選購更適合的產品,並推出相關的行銷活動,同時促銷新產品及應對冷氣房的外套類等,協助職場女性的系列產品業績成長、甚至超越去年同期。

上述的例子,就是一個由挖掘問題、思考解決方法到實際產生成果的完整例子,對於應徵零售產業的行銷企劃工作來說,就會是一個很有價值的作品。

當然,並不是每個專案都要這麼完整才值得放進作品集,畢竟大多時候我們還是會需要團隊合作、也不一定有機會在專案中有很大的主導權,這種時候,若整體而言還是很亮眼的經驗,在作品集中體現你的角色在該專案中的重要性就是比較合適的呈現角度。

繼續以上一段的女性服飾為例,如果你在這個專案中是平面設計的角色、並非專案領導人,雖然不是主要的策略角色,但是你的設計作品無疑也有重要的貢獻,此時就可以在作品集中著重在溝通和合作的部分,並搭配你的設計專業,闡述自己的作品如何推進整個專案成長。

從作品集範本看排版心法二:善用作品集網站製作線上作品集,展現專業度

除了精選作品的 PDF 檔以外,如果你還有很多優秀的作品,建議可以使用線上作品集工具或作品集網站呈現,並且附上網頁連結,提供 HR 方便的閱讀方式。

可以根據作品集類型來選擇用以呈現的作品集網站,如設計作品使用 Dribble、Behance、issuu 等;社群及行銷使用 instagram、YouTube、Podcast 等;軟體工程師則可以利用 GitHub、Bitbucket、CodePen,作品種類豐富的話則可以使用 Cake 的「線上作品集工具」,集結所有的作品。

使用合適的線上工具不僅能夠幫助你更流暢地呈現作品,更可以讓對方知道你的確懂這個專業。

歡迎使用 Cake 的免費作品集功能,支援圖片、文字、多媒體素材與 YouTube、imgur 等各大平台嵌入,讓你的作品集可動可靜、輕鬆展現亮點!

達到作品集的基本要求之後,接著我們一起來看看如何讓你的作品集更加分 ✨

三、作品集製作第三步:如何為作品集加分?

【2024 作品集範本】作品集怎麼做?參考作品集製作 3 步驟,搭配履歷拿到面試門票!
幫助作品集加分的兩個訣竅!

如果你有非常豐富的作品想要分享,可以在履歷或作品集的最後一頁放上收錄完整作品的連結,可以是雲端資料夾、作品集網站或線上作品集工具,讓想要瞭解更多的企業參考。

建議在同一類型的專案中,只要挑選出具代表性的、最優秀重要的三件作品,以時間在最近 3 - 5 年為主,與履歷相同,越近期的放越前面。如果沒有相關經驗,也不要塞太多不相關的作品給 HR 看,精選幾件優秀作品即可。你也可以主動出擊,為應徵的職缺做出作品,顯示出你的積極度,並且對於產品、工作內容已經有深入的認識。

2. 依據應徵企業客製化作品集

在把握前述的原則下,如果你還有時間,不妨再對作品集客製化一下!依據應徵的職缺與企業,調整作品集的順序還有比重。

假設你同時具備市調公司量化分析、Python 及網頁程式的經驗,而你今天想要應徵一份數據分析的工作,則可以增加市調公司、Python 專案在作品集中的比重。

完成作品集啦!你反覆檢查過了嗎?

當然,就跟履歷一樣,請務必細心檢查確保作品集中的每一個連結都有效、檔案轉成各裝置都能閱讀的 PDF 檔、雲端權限及資料夾都設定妥當、格式沒有跑掉。

作品可以直接呈現在履歷內,像是 Cake 的「線上履歷編輯器」,就可以在履歷內放置超連結,直接連結文案、企劃書等檔案,協助你保持排版簡潔。

另外,作品集也可以單獨製作成一份檔案,或是使用 Cake 的線上作品集網站,只需要上傳內容、設定排版、發布上傳 3 個步驟就可以完成。作品集可以直接連動 Cake 線上履歷,讓企業在瀏覽履歷時一併檢視作品集,並同時增加作品的曝光。

延伸閱讀:【2025 履歷範本】人資最愛的履歷怎麼寫?7 步驟讓你秒取得面試機會!

四、作品集 - 同場加映 1:作品集完成後還可以做什麼?

1. 準備面試專用的重點作品集

如同履歷,紙本的作品集可以於面試時提供給對方留存、加深對你的印象。除了像是工程師需要動態呈現作品,可以直接準備電腦現場 demo 以外,其他平面化的作品集建議可以再濃縮成一個最精簡的版本,列印出作品集的紙本作為輔助面試之用。

作品和內容都不需要多,因為不可能現場再花費時間詳細閱讀。只需要客製化準備兩三個「你最有自信」、「符合企業需求」的作品,可以包括你特地為這個職缺所提出的專案構想!如果對方還想多瞭解一點,你可以再打開電腦為他說明。

2. 確保熟悉作品集內容

就跟履歷一樣,我們必須對作品集的內容非常熟悉,包括前述的「要解決的問題 → 思考過程 → 採用方案 → 產生的影響」四個內容,無論面試官提出什麼問題,都可以流暢地回答。

UI 設計師為例,不要把作品集畫面上已經呈現的東西再一一介紹,像是按鈕是什麼顏色、選單放了哪些內容等等。而是應該梳理完整的流程,包括「為什麼這樣設計」、「曾經嘗試其他版本但是為什麼最後使用這個」、「推出後因應什麼問題而優化改善」等等。

3. 將線上作品集放上網路,持續行銷自己

花了那麼多時間整理和製作,當然要有最大的效益才划算啊!在這個人手一機的時代,網路這麼普及,何不把作品集放到網路或網站上,增加曝光的機會呢?也許會有人因為你的作品,提供你意想不到的機會呢!

不過,值得一提的是,如果你將工作上的作品在網路上公開,是否會與任職的企業產生著作權、智慧財產權的歸屬問題?建議可以先瞭解公司對於相關事項的態度(可能會在聘雇合約中提及),並且取得雙方對於署名等等細節的共識,也要記得留下討論過程的記錄,避免未來產生不必要的爭議。如果作品確實涉及商業機密,則可以從解決問題的思維作為作品集的方向。

五、作品集 - 同場加映 2:從面試官的角度看作品集

只要掌握以上的重點,相信就可以製作出一份精美又能夠凸顯優勢的作品集。如果有時間做到盡善盡美,可以花一些時間轉換角色用「面試官的角度」來檢視自己的作品集。當然,若能找到朋友幫忙一起檢視自己的作品集,一定會有所幫助!

掌握面試官在閱讀作品集會關注的 3 大重點,為自己作品集品質做最後把關
掌握面試官在閱讀作品集會關注的 3 大重點,為自己作品集品質做最後把關

以下跟大家分享面試官閱讀作品集時的關注重點、提升閱讀體驗的訣竅:

1. 無論應徵什麼工作,作品集的視覺還是很重要

不管你本身的專業是否跟視覺、設計有高度相關,作品集本身畢竟就是一個需要排版的呈現方式,所以美觀的視覺仍然很重要。雜亂的排版會帶來負面的第一印象,就算作品再好,也要先用舒適的排版吸引面試官的注意力、鼓勵對方繼續閱讀下去。

如果本身不擅長視覺設計,倒也不用花太多時間執著在此,簡單的白底黑字就是作品集的最佳安全牌。參考由左至右、由上到下的普遍閱讀習慣、保留一定的空白去編排作品集,你的作品集就會有一定程度的易讀性了。

2. 作品集的資訊保持清晰、專業、邏輯

作品集不如履歷一樣空間有限,有較多可以發揮的空間,但是也要記得保持資訊的精要、避免冗詞贅字跟重複的敘述。

同時,如果不是以個人品牌為角度出發去製作的線上作品集,而是「真的要拿去應徵工作」的作品集,要注意用詞的專業,避免過度隨性或可能產生爭議(儘管可以體現你本人的個性)的說法。畢竟大多數的工作還是會希望找一個專業、能夠融入團隊的人,太過鮮明的個人特色未必能為求職加分。

另外,善用目錄、標籤等分類方式,有助於輔助面試官掌握整份作品集的內容方向,就像書籍會有章節之分,可以提升閱讀的體驗跟方便性。同時,你也能夠藉由分類更清楚地定義這份作品集應該要有的內容,幫助自己精簡作品、保留作品集中最有力的亮點。

3. 「你」跟作品的關係是什麼?

前面說到,作品集與履歷的差別之一便是展現思考的邏輯,也就是解決問題的過程。在製作作品集時,需要時時將作品與自己的影響力連結,而不僅是放上一張圖片和專案名稱,讓人無從得知你跟這件作品的關係。

舉例來說,在平面設計師的作品集中放上一張圖,頂多只能讓面試官初步判斷你的技術能力,但是看不出這張圖為何而來、如何從一張白紙變成最後的作品,更無法瞭解你的其他技能,像是溝通與協作能力、創意、邏輯等等,都建議搭配文字或前期的草稿等素材多說明。

六、精選作品集範本與實際範例

軟體開發 & 網站開發作品集範本與實際範例

軟體開發 & 網站開發作品集範本與實際範例
KOLPLUS 網站設計

Maru wu 's Portfolio
使用工具:PHP、Bootstrap、Figma、Vue.js
軟體開發 & 網站開發作品集範本與實際範例
潔衣家行動網頁優化

嚴子芸 's Portfolio
使用工具:jQuery、Figma、SASS、Vue.js、JavaScript、HTML5、CSS3
軟體開發 & 網站開發作品集範本與實際範例
Orbit 軟體開發

李柏逸 's Portfolio
使用工具:Android

遊戲製作作品集範本與實際範例

遊戲製作作品集範本與實際範例
3D 遊戲美術

陳韋中 's Portfolio
使用工具:Substance 3D Painter、blender、ZBrush、3ds Max
遊戲製作作品集範本與實際範例
3D 場景美術、技術美術 Hell's_Kitchen

李阿賊 's Portfolio
使用工具:Unreal Engine 4
遊戲製作作品集範本與實際範例
UE4 動畫專案、場景設計

李阿賊 's Portfolio
使用工具:Unreal Engine 4
遊戲製作作品集範本與實際範例
Game Project【蔓不生長 Antivine】

陳哲暄 's Portfolio
使用工具:Notion、Photoshop、GitLab、Unity
遊戲製作作品集範本與實際範例
2D 美術作品集

楊泓駿 's Portfolio
使用工具:Photoshop
遊戲製作作品集範本與實際範例
ONE PIECE BON! BON! JOURNEY!!

張愷珉 / Kevin Chang 's Portfolio
使用工具:iOS、Android、Unity

參考平面設計作品集範本與實際範例

平面設計作品集範本與實際範例
萬鏡共織 Logo 設計、海報設計

張采灃 's Portfolio
使用工具:AI、PS
平面設計作品集範本與實際範例
行銷設計作品集

chiaoli shih 's Portfolio
使用工具:AI、PS
平面設計作品集範本與實際範例
Girls

林詩容 's Portfolio
使用工具:PS
平面設計作品集範本與實際範例
樂事 / 海尼根包裝設計作品

Umi Wang 's Portfolio
使用工具:AI、PS
平面設計作品集範本與實際範例
平面設計|琥白名片設計

TsaiPing Chang 's Portfolio
使用工具:AI、PS
平面設計作品集範本與實際範例
平面設計作品

楊宛樺 's Portfolio
使用工具:AI、PS

參考 UI/UX 設計作品集範本與實際範例

UI 設計作品集範本與實際範例
UI / UX Portfolio 
Rooni Shiu 's Portfolio
使用工具:Figma、PS、AI、Sketch
UI 設計作品集範本與實際範例
高中歷史課本:給年輕史家的漫遊指南
Enn Tang 's Portfolio
 使用工具:PS、AI
UI 設計作品集範本與實際範例
Dastrack App

劉詩瑜  's Portfolio
使用工具:Figma、AI
UI 設計作品集範本與實際範例
Muzi : Music App 介面設計/排版 
林品琪 Pin-Chi Lin 's Portfolio
使用工具:Figma
UI 設計作品集範本與實際範例
Hiking Go App 介面設計/排版 
Yayuan Hsiao 's Portfolio
使用工具:Figma、AI
UI 設計作品集範本與實際範例
Hakka Travel App 介面設計/排版 
溫怡評 's Portfolio
使用工具:Figma、PS、AI

參考攝影作品集範本與實際範例

攝影作品集範本與實際範例
攝影-食物 Food Photography
韓岱儒
's Portfolio
使用工具:PhotoShop
攝影作品集範本與實際範例
攝影作品|風的線條

張雅筑 Julie Jang 's Portfolio
使用工具:Lightroom

比起履歷自傳,作品集有更豐富的呈現方式,內容也比較多,因此更需要審慎地梳理要放的內容,以及規劃流暢的呈現方式。雖然較花時間心力,但是一份好的作品集可以幫助你立刻從眾多應徵者中跳脫出來。👉🏽馬上開始著手製作你的專屬作品集吧!

延伸閱讀:精選 10 道面試問題懶人包,附完整回答技巧&回答範例!

3 Benefits of Subscribing to Cake's Newsletter

  • Bi-weekly newsletter updates
  • Industry trends and skills recommendation
  • Latest job openings and job search information
Newsletter

Resume Builder

Build your resume only in minutes!

More Articles you might be interested in

Latest relevant articles
Portfolio
Mar 6th 2024

為什麼經營個人品牌很重要?找到屬於你的個人品牌建立步驟

個人品牌經營就像打造「第一印象」,讓他人更易了解你的外在形象與經驗。本篇將說明如何建立良好的個人品牌、挖掘屬於你的個人品牌建立步驟,拓展未來的職涯發展可能性。