友邦人壽 滿扶保利率變動型終身保險 活動網站
友邦人壽 滿扶保利率變動型終身保險 活動網站 網頁設計
本案目的為推廣友邦人壽保險產品「滿扶保利率變動型終身保險」,建置「有扶同享金給利」活動網站 ,由SOBO進行視覺設計與前端開發。
產品主軸以「滿、扶、保」作為3大口訣,來強調產品特色;此產品結合高額壽險、完整失能補助,為養大財富的精選保單!
【網頁架構】
本專案針對Google pagespeed insights進行優化,以及landing page控制於不收合的狀態下完整呈現加強使用者體驗。透過減少複雜的背景設計,利用大色塊搭配帶有曲線的分隔線設計來保留畫面的豐富性,並在架構上選擇以一頁式網頁呈現,除了透過點擊按鈕直達對應內容,也能讓使用者直覺地往下滑也能迅速了解內容。
【主視覺設計】
人生有如一場遊戲,想要玩的盡興,你需要好命人生攻略!讓「滿扶保」作為你最強的後盾,使你可以放心闖蕩。
透過勇者闖蕩人生的故事來包裝產品,藉此吸引消費者興趣。以勇者為故事主角,一手舉著寶劍、一手握著盾牌,腳踩岩石準備出征的姿態,作為主視覺畫面;勇者充滿自信的表情,背景襯著藍天與遠方的城堡象徵著希望,搭配slogan「我的好命人生,自己做主」營造產品可靠、安心的形象。產品主軸「滿、扶、保」則以遊戲中道具卡片的方式呈現,強化產品特色。
【頁面設計】
整體頁面延伸勇者主題,針對產品內容結合勇者故事背景繪製對應的插畫,將文字圖像化,為網站增添趣味性,來吸引消費者。如:將QA問答,設計為遊戲中給予你處方籤的魔法師,幫助消費者解惑、補給能量;表單為喇叭旗幟,設計如遊戲中公告浮動於頁面右上方、商品特色與理賠範例等人物繪製成符合背景設定的穿著等等。
執行範圍包含:
主視覺設計、網頁設計、跨裝置相容、保險試算、前端開發 (切版)。
RWD 響應式網頁設計 (Responsive Web Design) 跨裝置相容 Google Chrome , IE (11.0以上版本) , Firefox , iOS9.X以上 之 Safari & Chrome , Android 5.X以上 之Chrome. HTML5 / CSS3
網站連結
友邦人壽 滿扶保利率變動型終身保險 活動網站