永豐銀行|員工股票信託行銷網頁

永豐多元信託 X 攜手企業成長

股票信託中的「限制型股票」,概念猶如與公司共同簽訂對賭協議,因此在股票信託的頁面設計時,我們的設計師將「合作構築」的比例降低,更多的是呈現「共同探索」,一同開發陌生領域,於是構成了「外太空」的主題概念。
永豐銀行|員工股票信託行銷網頁

【永豐銀行】永豐員工投資退休平台|永豐多元信託 X 攜手企業成長

股票信託

Image

01

OVERVIEW

案例背景:勞雇雙贏,用畫面經營

此網頁是為永豐銀行的股票信託服務製作,股票信託是讓公司用以激勵員工表現的一種信託服務,共分二種,一是公司股票上市前員工認股,二是限制型股票,像是業績獎金,獎金本身是以公司的股票為單位。

Image
Image

開發重點

本專案TA為是公司的HR、財務、雇主,網站需以插畫包裝複雜的股票信託概念,並強調股票信託「與員工共同儲蓄、投資能為公司帶來好處」的特點。

1. 故事性插畫風格
2. 使用者情境切換
3. 小動畫增加畫面豐富度

02

 FEATURES

主題規劃

股票信託中的「限制型股票」其概念猶如與公司共同簽訂對賭協議,因此在股票信託的頁面設計時,我們的設計師將「合作構築」的比例降低,更多的是呈現「共同探索」,雇主與員工一同開發陌生領域,於是構成了「外太空」的主題概念,共同探索、開採各種星球上豐富的資源。打造出兩位主人公「共同付出,共同獲得」的美好結局。

Image
Image

資訊結合主題呈現

股票信託又分兩種,一種是公司股票上市前開放員工認股的機制,另一種則是「限制型股票」,像是業績獎金。我們將這兩種方案比喻成兩艘不同功能的太空船,巧妙地把商品資訊融入外太空的主題中。

Image
Image

視覺線條延伸引導

在網頁的每個區塊間以虛線作為連結,不僅暗示著網站動線,更暗示著旅途尚未結束,讓使用者閱讀不間斷。

Image
Image

卡片細節設計

我們針對網頁中重複出現的卡片元素做不一樣的細節調整,包含卡片角落的副標、知名品牌角色星球化等,讓整個網站更有一體感。

Image
Image

03

DESIGN

設計規範 UI GUIDE

色彩計畫

設計團隊將本次行銷主視覺設定為「外太空」,因此,網站中大量使用帶有神秘色彩的深藍色、藍色,並以永豐銀行的標準紅色作為點綴色。

在不同使用者主題方面,採用較為清爽的淺紫色與黃色作為對比搭配,除了可以區分不同主題外,也增加整體網頁的清爽感,讓使用者可以閱讀時可以更加輕鬆。

Image
Image

字體計畫

網站中的標題字體採用justfont明黑融合的金萱字型,明體的優雅與黑體的剛硬融合,恰好適合結合插畫與企業資訊的網站調性。網站內文則是常見的思源黑體,保留資訊的易讀性。



本網站目標族群多以關鍵字著陸為主要來源,因此,開發上我們使用串接API的方式在網站上呈現特殊字體,讓特殊字體也可以被搜尋引擎快速爬取,把握SEO流量。

介面元素

結合網站主題的 Icon 設計

輔助資訊呈現的icon,我們選擇使用太空人、火箭、星球等元素,讓充滿心思的小細節也緊扣主題。

Image

04

 Illustration

插畫設計結合小動畫

此專案中我們將插畫效果最大化運用,簡單動畫讓整體網頁更加活潑,為嚴肅的投資理財增加不一樣的氛圍。

Image
Image
Image
Image

05

REVIEW

更多頁面

Image
Image
Image

Simular

如果您喜歡我們的作品

歡迎與我們聯絡取得服務說明