台灣社會因高齡化，退休人數逐年攀升，2022勞工退休人數更是超過10萬人，相較2021年增加近萬人。每個人都會變老，但你有想像過自己的退休生活會長成什麼樣子嗎？

今天要分享的案例國泰世華銀行「響退而立Retire Early」網站，不僅能讓您提早預見退休後的生活，更能透過網站功能，依照您的現況制定最理想的投資計畫，就讓我們一起來看看，夏木樂如何幫助國泰世華銀行製作「響退而立Retire Early」網站吧！

關於國泰世華銀行

國泰世華銀行在台發展已經超過半的世紀，近年來，國泰銀行不只積極發展海外市場，更努力發展綠色投資，跟上金融全球化的腳步，並隨著社會高齡化，陸續推出許多樂齡退休金融商品。

更多國泰世華銀行的介紹，及其綠色投資網頁案例分享歡迎延伸閱讀：

專案介紹

國泰世華銀行曾經於2023年針底公布他們對國人進行的退休意向及計畫調查，並將調查解果收集成「台灣全民財務健康關鍵報告」公布。

根據調查結果，台灣退休族群每人每月平均消費為5萬元台幣，就財政健康狀態而言，國人平均分數低空飛過及格線，遂著年紀增長越大，財政健康狀態越好，然而近年突然流行起了「財務自由、提早退休」等辭彙，為了讓年輕人從早開始做好準備，及早達到財務自由，國泰世華銀行希望借助網頁設計，為國人做問卷調查，檢視個人退休財務健康狀態，並使用網站分析，推薦最適合每個人的退休計畫和產品。

網站設計風格介紹

在專案發想會議時，夏木樂內部所有與會人員都相當有感觸，退休不再僅僅是青壯年人口的話題，甚至許多剛進入職場打拼的同事都正在為未來的退休基金努力，力拼提早退休、提早躺平！

因此這次的退休我們想不只做出待退的安逸舒適，更想強調「現在努力打拼的結果，就是你未來翻轉人生的底牌」，隨著「底牌」這個「牌」字的出現，催生出了我們的第一個視覺提案：

第一版提案…

人生就像卡宅遊戲，現在及早準備、算牌，人生下半場遊戲就有可能翻盤打出一手好牌。我們將所有的對於未來的規劃，變成一張張的卡片，並以扇形的方式呈現，在畫面的最上方，做出猶如手中握著牌組一樣的視覺效果。

第二版提案…

將第一版提案卡牌的扇形元素延伸，在第二版提案中，我們將「卡牌」的視覺效果保留，將扇形改成橫向，讓哪片呈現得更完整，畫面整體感從活潑瞬間變得更成熟穩重，網站圖片整體都使用「卡片」呈現，更有整體感。

進階篩選器製作

此次退休試算網站中，國泰世華銀行選擇使用夏木樂擅長製作的「進階篩選器」，比起單層篩選器更精準，能精細試算出27種結果。

第一層篩選器－現在狀態

投資人可以在第一層篩選器中輸入自己預計退休的年齡和生活方式，接著輸入現在的薪資狀態及國家所配合的保險方師，例如勞工保險或軍公教保險，保險額度也可以調整，讓系統更精準的計算投資人此刻的退休金準備狀態。

第二層篩選器－未來投資

第二層篩選器針對未來規劃設計，從第一層的篩選結果中，投資人了解到自身目前狀態與理想退休生活還有多少距離，接著透過投資人對於投資喜好及風險評估，進行退休金缺口的投資目標建議。

兩道篩選器的過濾不僅讓金融商品的推薦變得更精準，更能讓投資人釐清自身退休金健康狀態。

我們的小巧思

就像現實中活中的所有人一樣，離投資目標越遠，壓力越大，退休準備進度最下方會出現帶有淚滴的哭泣表情，請投資人繼續努力。反之，退休金準備得越周全，就可以越早退休，值得嘉許，因此會在同一處出現的是慶祝中的開心表情。

照片的挑選

有使用過圖庫的人都知道，許多圖片因為情境表達精準，會在相同類型的網站中被頻繁的使用，但國泰世華希望夏木樂能找到全新尚未被人使用過的照片，為此我們參考了市面上幾乎所有相似的金融商品類型網站，比對圖片，最後找出最符合情境且獨特的圖片。

在尋找照片時，國泰世華銀行除了「使用率低」的需求，更希望退休狀態介紹頁面中多次出現圖片可以像是說故事依樣有連續性，因此，這些照片還需要是相同人物及場景。

專案製作的最後，我們想說…

論本專案客戶需求複雜度，篩選器製作說第二，沒人敢說第一，但照片的挑選絕對是第二點五！特別感謝國泰世華銀行為夏木樂帶來如此具有挑戰性的網頁設計需求，如果正在閱讀這篇文的你，也有製作篩選器網站的需求，歡迎參考以下兩件作品案例分享：

也歡迎您點擊這邊直接與夏木樂聯絡，讓我們為您量身定最最適合您的網站。