金控履歷平台｜求職一站搞定

專案年份2025

負責項目UI/UX｜前端開發

專案動機

履歷平台專門用於集團的計畫型招募專案。不同年度的招募各有不同的職缺內容，平台除了要承載大量資訊，也必須讓用戶快速掌握應徵要求。

然而，現有平台採固定寬度，缺少響應式設計，用戶透過手機操作時，需要頻繁縮放與左右拖曳。畫面又以表格和文字為主且缺乏清楚層級，冗長的履歷表單也沒有適當的分段引導。

這次履歷平台的主要目標是優化資訊架構、履歷欄位與跨裝置體驗，讓用戶能在不同裝置上清楚瀏覽職缺、輕鬆建立履歷並完成投遞。

履歷平台涵蓋大量功能與多種表單型態，為降低大型專案的重複開發與樣式衝突，採用 Custom Elements 封裝共通介面，並透過 Shadow DOM 隔離元件樣式，避免受全域 CSS 影響，確保設計一致性。

登入頁是應徵者接觸招募平台的第一個入口。畫面加入當期招募活動的主視覺，讓平台與年度招募主題保持一致，也強化集團的品牌印象。

職缺列表以卡片條列呈現，協助用戶快速比較不同職務。已完成投遞的職缺同步顯示狀態，減少重複投遞履歷的問題。

桌機版提供側邊功能導覽；行動版則將選單收納至導覽選單內，讓職缺資訊在不同裝置上都能維持清楚的閱讀層級。

重整履歷投遞流程，用戶可以先確認職務條件，再選擇欲投遞的履歷，並填寫面談及報到時間。最後根據送出結果顯示應徵狀態。

將履歷狀態與常用操作設置於外層，並在名稱下方呈現最後更新時間及完成度，協助用戶快速掌握各版本的資料狀態。

依照資訊重要性與閱讀順序重整履歷內容，優先呈現個人概要，再銜接補充資訊。版面會根據顯示裝置寬度調整欄位排列，讓用戶能沿著閱讀動線快速掌握履歷重點。

針對履歷建立與帳號資料更新，統一表單結構與操作回饋。若要新增履歷，用戶可沿用既有履歷內容；修改信箱或密碼時能夠取得即時驗證，降低重複填寫與設定錯誤，確保個人資料正確完成更新。

全新履歷平台透過清楚的資訊層級與狀態回饋，讓用戶能快速理解職缺概要，掌握履歷狀態與投遞進度。前端以 Web Components 搭配 Shadow DOM 完成元件化，讓新版介面能穩定整合既有系統。專案最終與 IT 團隊共同完成上線，也為後續不同年度的招募計畫建立可迭代的設計與開發基礎。