友邦人壽 滿扶保利率變動型終身保險 活動網站

友邦人壽 滿扶保利率變動型終身保險 活動網站 網頁設計

本案目的為推廣友邦人壽保險產品「滿扶保利率變動型終身保險」，建置「有扶同享金給利」活動網站 ，由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

標籤：主視覺 , 保險 , 活動網站 , 行動裝置 , 資訊圖表