2022 BTW
人才庫計畫官網

人才庫計畫希望為大學生提供就業即戰力的組織，為企業解決人才媒合的問題。針對為大學生的TA，我們希望營造出具科技感、專業感又不失趣味性的風格，吸引目光的同時提高學生報名意願。此計畫以互聯網產業為主，核心活動為「Design sprint、Hackathon 與企業挑戰命題」，因此我從以上關鍵字開始發想，以俯角透視的綠光電腦為視覺主體、用3D鍵盤做出打破框架的動態感、加上360度環繞的懸浮視窗營造未來感，並在螢幕與鍵盤方塊上加入許多與主題相關的彩蛋，如PRD、前端coding、介面元件等。用字上採用較有份量的缺角字增加重量，傾斜的角度和背景帶有光暈的速度線呼應，做出從這個計劃向未來奔跑的意境。

想打的文字太多，但一次塞滿又會讓易讀性下降，因此我將完整的文字段落放在Hover狀態，並將插圖換成照片讓意思傳遞的更明確，插圖下方就只保留重要部分。而會觸發hover的區域只有圖文中間部分，游標移到非中間部分並不會觸發，讓讀者能夠自己決定要停留在哪個狀態，不會太過窒息。而整個官網的報名 CTA 都固定在右下角，方便導流使用者到報名頁。

解說優點區塊採用卡片式設計與水平捲軸，區塊右半部分貫穿到外面暗示使用者右邊還會有文字內容可以繼續滑。在卡片設計上保持舒服的 padding 與行距並縮小最下方段落，然後用主色點綴副標，讓整體簡潔有力且清晰易讀。下方的圖片是設計稿的呈現，但對於工程端來說放在中間呈現不突破右邊框架的RWD會比較穩定且好做，因此折衷方案為右邊影片的結果。

官網不僅要能夠吸引學生端參與，在企業端也需要呈現說服力才有機會爭取到合作，因此決定在官網上用數據資料證明組織的實力。不同於一般將項目中文字放大，我把數字加粗放大並加上漸層，增強第一眼的視覺印象。在讀者數字吸引後，往下看到代表的意義會更有力道。因為在前期測試階段使用回饋非常良好，因此大膽把右半部分都留給數字發揮。而在動畫上，考量工程端的可行性，在設計時就希望能夠做到數字滾動逐漸增加的效果，最後也成功實現。