【永豐銀行】永豐員工投資退休平台｜上班交給員工 Ｘ 退休交給永豐
福儲信託
01
OVERVIEW
案例背景：福儲信託，儲值你的退休生活
福利儲值是員工與老闆共同儲蓄退休金的一種機制，公司每月固定從公司帳戶與員工薪資中提撥預算存入信託專戶，再利用這個專戶的儲蓄做投資，使其成為一筆複利退休基金，為員工的退休生活創造更多價值。
開發重點
本專案重點在於如何將尋寶故事與產品訊息連結，並以說故事的方式激起使用者對產品的好奇心，運用插畫重新包裝晦澀的金融資訊。
1. 故事性插畫風格
2. 使用者情境切換
3. 小動畫增加畫面豐富度
02
FEATURES
主題規劃
以航海故事出發，把投資以及企業運營的難處比喻成旅程中的種種困難，在雙方共同努力之下，不僅能為公司帶來正面影響，也將會找到象徵複利退休金的寶藏。
畫面中，設計師更細心地在金融知識中穿插藏寶圖、卡片，為畫面帶來一點喘息，也讓插畫風格更契合商品。
資訊結合主題呈現
把每個產品優點比喻成寶箱裡的各種金銀財寶，此做法不僅能強調「尋寶」的意象，也能更加直覺、圖像化地將資訊與主題結合。
條列卡片視覺引導
在網頁的每個區塊間以虛線作為連結，不僅暗示著網站動線，更暗示著旅途尚未結束，讓使用者閱讀不間斷。
卡片細節設計
我們針對網頁中重複出現的卡片元素做不一樣的細節調整，包含卡片角落的副標、主標與副標的關係等，讓整個網站更有一體感。
03
DESIGN
設計規範 UI GUIDE
色彩計畫
設計團隊在福儲信託行銷視覺主題為「航海尋寶」，因此大量使用代表大海的深海綠，並以永豐銀行的標準色紅色作為點綴色。
字體計畫
網站中的標題字體採用justfont明黑融合的金萱字型，明體的優雅與黑體的剛硬融合，恰好適合結合插畫與企業資訊的網站調性。 網站內文則是常見的思源黑體，保留資訊的易讀性。
本網站目標族群多以關鍵字著陸為主要來源，因此，開發上我們使用串接API的方式在網站上呈現特殊字體，讓特殊字體也可以被搜尋引擎快速爬取，把握SEO流量。
介面元素
結合網站主題的 Icon 設計
輔助資訊呈現的icon，我們選擇使用金融資訊相關元素，讓充滿心思的小細節也緊扣投資主題。
04
Illustration
插畫設計結合小動畫
此專案中我們將插畫效果最大化運用，簡單動畫讓整體網頁更加活潑，為嚴肅的投資理財增加不一樣的氛圍。
05
REVIEW
更多頁面
