永豐銀行|美股旋豐來襲行銷網頁

美式插畫 X 投資理財網站

美股旋豐是投資理財的一頁式行銷網站,目的是吸引有意投資美股的年輕人、想投資多樣性商品的投資者,所以在前期企劃階段時,風格的掌握就會直接影響整個網站的成敗,設計團隊和旅法插畫家合作,跳脫國內普遍流行的主流畫風,打造濃濃美式風格的吸睛風格。
Cover

這幾年物價飛漲,投資幾乎成為全民運動,2021年全台灣的投資率更是創下21年以來的新高,許多上班族與小資族也許有過投資經驗,卻不一定買過美國股票。

本次分享的案例為永豐商業銀行的美股投資一頁式形象網站,讓我們來看看夏木樂團隊是如何運用插畫經營畫面,讓複雜的投資商品變得親民。

關於永豐銀行與美股旋豐來襲專案

美股旋豐來襲,是永豐銀行近幾年推出的新服務,讓一般投資大眾可以更容易的買到美國股票。

美股購買在過去並不容易,懂的人少,購買流程複雜,於是本專案的設計重點,是要讓已有投資經驗的股民們,了解美股投資選永豐的優勢,我們也從大眾的日常生活出發,告訴股民們,美國商品、公司,其實比想像中還親民,不用出國,就能輕鬆投資美國!

其他永豐專案延伸閱讀:

 

客戶的需求

本網站以呈現股市商品的多樣性,與表達「投資美股並不難,美股就在你身邊!」的意象為目的。

需要呈現的區塊有永豐美股的優勢、日常找美股、下單步驟、大家都在買以及最重要的投資警語。

期望的風格是畫面活潑、正向的美式插畫,在插畫的基礎上,希望增加一些簡單的小動畫,讓畫面更加豐富,進一步表達買美股就像網購一樣簡單。

 

我們的初次提案

我們的第一次提案內容,是針對「美式、插畫」需求,並針對市面上其他美股產品行銷做了比較,提出不同的插畫風格與報價,提案畫風總共有三種。

提案一、大眾化的畫風

也是目前較流行的趨勢,讓人看得很舒適、習慣,但相對而言比較難做出特色。

提案二、美式插畫

這個畫風的難點在於,若商品氣質與畫風不合,很容易做出違和感,反之,若拿捏得當,可以在整體感提升的同時,讓網站與其他金融商品做出區隔。

提案三、8位元遊戲風

8bit風格從前代表解析度不足的畫風,近年因為復古風潮再度風靡全球,視覺上,提案三會是所有提案中畫面最豐富的,但同時也是價格最不親民的。

 

討論過程

永豐最終選擇了提案二的中的右上方,黃藍配色插圖為發展方向,於是,我們進一步聯繫了這個作品的作者,插畫家名為Megan Lin,是長期旅居於法國里昂的台灣人。

與Megan聯繫後,首先請她試畫了幾版配色不同的網頁landing page,Megan原先希望延續我們的參考圖片,以藍色、綠色做為網站主色調,但經過團隊討論,認為綠色不適合台灣的金融商品使用。

當在大家都在為顏色苦惱的時候,我們也嘗試了許多有趣的顏色組合當作brain storming,例如以下這兩組,受到爆紅宮廷劇「延禧攻略」啟發的莫蘭迪色,瞬間穿越回清朝!

配色部分的最終選手分別為左邊的美國國旗配色,以及右邊的黃藍配色,最後,因為商品較為活潑的調性,最終,由右邊的黃藍配色選手勝出。

 

最後的成品定案

進入網站後首先看到的是,以桃、黃、藍配色為主色調的Landing Page,搭配線條粗獷的插畫,讓網站整體感明確。

以區塊來區分的優勢、日常找美股、下單步驟、大家都在買以及投資警語等區域,除了各自有不同背景色外,背景圖案也是設計師的小巧思,Landing page的白色區塊背景甚至是美國地圖喔!看出來了嗎?

小動畫集中在了日常找美股區域,像是為這個區域劃重點,除了自動循環,也有滑鼠觸發的動畫,為小動畫再加上一層亮點。

 

新年新希望,改版再進化!

2022年永豐美股的標的物更新,插畫設計也要跟著更新,為此,我們再度聯繫了插畫家Megan,重新製作了「日常找美股」的插畫與動畫。

客戶可能會問,每年更新這種改動可以算在維護時數內嗎?這邊必須要澄清,此種改動「不屬於」維護範圍,因此,此次的改動有另外簽署新合約,以確保改動範圍與進度。

(2021版日常找美股)
(2022版日常找美股)

除日常找美股的這種大變動,永豐銀行的行銷部也會根據後台數據,不時地提出UI的微調需求,例如:因使用率低,刪除XX按鍵等。有了數據的支持,調整起來更有方向,也讓設計師、插畫家有機會剖析金融商品目標群眾的操作習慣。

(左圖:舊版Landing page/右圖:新版Landing page)
 

最後的最後

永豐美股是一次設計師、插畫家、專案企劃、客戶共同面對的挑戰,從第一次提案到最終成品再到改版,不論是插畫設計或顏色使用都玩了一次大風吹,雖然討論的過程繁複,但慶幸的是,我們可以透過一次次的微調與溝通,更加理解,進而驗證使用者的習慣與喜好,以此經驗,讓下一次的企劃更加順利。

如果看完永豐 美股旋豐來來襲,還想要看更多案例分享,歡迎點擊這裏,也歡迎延伸閱讀這篇關於如何設計金融網站的文章,或聯繫夏木樂,品牌網頁設計專家,讓我們為您提供最完整的服務。

Simular

如果您喜歡我們的作品

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