民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)

交互設(shè)計(jì) | 界面設(shè)計(jì) | 圖標(biāo)設(shè)計(jì)

交互設(shè)計(jì) | 界面設(shè)計(jì) | 圖標(biāo)設(shè)計(jì)

隨著信用卡進(jìn)入存量市場,場景運(yùn)營將成為商業(yè)銀行的著力點(diǎn)。2021年,股份行圍繞信用卡繼續(xù)深耕。雖然民生銀行信用卡發(fā)卡比較晚,2005年才開始公開發(fā)行信用卡,但是信用卡業(yè)務(wù)對于零售業(yè)務(wù)的貢獻(xiàn)率在行業(yè)內(nèi)居于前列。2021年,招商銀行以29410.20億元繼續(xù)領(lǐng)跑整個(gè)股份行陣營。民生銀行、興業(yè)銀行、浦發(fā)銀行、平安銀行、中信銀行

等水平相差不多,在1.7萬億元-2萬億元的水平。當(dāng)前多家銀行正在全力提振信用卡業(yè)務(wù)目標(biāo)。藍(lán)藍(lán)設(shè)計(jì)此次對民生銀行全民生活app頻道首頁進(jìn)行了策略分析、競品分析、交互設(shè)計(jì)、視覺設(shè)計(jì)。目標(biāo)是:打造“以用戶為中心”,圍繞生活全場景進(jìn)行專屬化服務(wù)的信用卡APP,提升用戶體驗(yàn)以及用戶活躍度,增加用戶粘性與客戶忠誠度。

項(xiàng)目過程

競品分析

隨著信用卡進(jìn)入存量市場,場景運(yùn)營成為新的著力點(diǎn),我們通過行業(yè)分析、競品分析、用戶調(diào)研、需求、場景分析,找出當(dāng)前app版本存在的信息架構(gòu)、交互、運(yùn)營、視覺上存在的問題

交互設(shè)計(jì)

我們結(jié)合行業(yè)、民生品牌自身的發(fā)展策略,吸取同行業(yè)產(chǎn)品的優(yōu)點(diǎn),制定以下設(shè)計(jì)策略:1.信息架構(gòu)調(diào)整,更符合用戶的認(rèn)知習(xí)慣。2.進(jìn)行定制化場景運(yùn)營。3.增加情感化設(shè)計(jì)、熱點(diǎn)互動內(nèi)容。4.融入品牌基因,提升品牌影響力

設(shè)計(jì)風(fēng)格

1.重新梳理業(yè)務(wù)邏輯,優(yōu)化信息架構(gòu),使頁面結(jié)構(gòu)更加合理化,提升用戶體驗(yàn)。2.融入品牌基因,品牌色、IP形象。3.個(gè)性化定制化頁面內(nèi)容推送。4.情感化的交互反饋,提示、文案、圖片等,滿足用戶期望性需求與興奮型需求

前后設(shè)計(jì)對比

原版設(shè)計(jì)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

設(shè)計(jì)方案一

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

設(shè)計(jì)方案二

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

前期客戶只給了目前的app樣式,我們自己進(jìn)行了競品分析、重新梳理頁面架構(gòu)、交互設(shè)計(jì)、視覺設(shè)計(jì)等工作

競品分析

藍(lán)藍(lán)設(shè)計(jì)對比了國內(nèi)十多家銀行的信用卡產(chǎn)品,重點(diǎn)對3個(gè)APP的首頁進(jìn)行了詳細(xì)對比,二三級頁面采用抽查方法進(jìn)行瀏覽

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

選擇關(guān)鍵競品

根據(jù)信用卡app活躍人數(shù)排行榜2023.01(數(shù)據(jù)來源:易觀千帆),我們選取2023年1月信用卡app活躍人數(shù)規(guī)模排名前三位為競品

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

競品APP首頁對比

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

競品APP特點(diǎn)分析

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁
民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

方案一設(shè)計(jì)說明

藍(lán)藍(lán)設(shè)計(jì)對比了國內(nèi)十多家銀行的信用卡產(chǎn)品,重點(diǎn)對3個(gè)APP的首頁進(jìn)行了詳細(xì)對比,二三級頁面采用抽查方法進(jìn)行瀏覽

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

風(fēng)格傾向

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「青春活力」 此方案顏色使用上主要以藍(lán)色調(diào)為主,使整個(gè)頁面表現(xiàn)的更加整體。同時(shí)也和民生的品牌色相呼應(yīng)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「精準(zhǔn)專業(yè)」 信用卡的核心服務(wù)是金融服務(wù),與生活服務(wù)是水乳交融的,在設(shè)計(jì)過程中突出主業(yè)流程,增強(qiáng)信任感

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「簡潔高效」 頁面層級的規(guī)劃、界面元素的設(shè)計(jì)遵循“少即是多”的原則,明確視覺焦點(diǎn),減少視覺噪音,提升體驗(yàn)

圖標(biāo)設(shè)計(jì)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

重點(diǎn)模塊說明

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「搜索區(qū)」 搜索區(qū)的主要有「定位」「搜索」「客服」和「消息」,與原界面相比把原來的「掃一掃」功能替換成「消息」功能,可將通告消息、動賬消息和個(gè)人消息在此提醒用戶

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「金剛區(qū)」 主功能將「賬戶管理」取代「星夢想」,賬戶管理是用戶操作較多和比較專注的模塊所以單獨(dú)提取出來,banner區(qū)通過弧線的形式和主功能結(jié)合起來,增加頁面的靈動性

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「積分區(qū)」 把簽到、積分兌換、好禮展示,統(tǒng)一在一個(gè)模塊展示并且上移,提醒用戶簽到,提供最快捷、方便的互動運(yùn)營方式,提高用戶活躍度與參與度,增加用戶粘性

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「星生活」 星生活區(qū)域是主要展示的是生活服務(wù)的內(nèi)容,主要將吃、穿、住、行、購匯聚在一起。頭部將最熱門活動以輪播的banner形式進(jìn)行展示,激勵用戶購買

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「生活入口區(qū)」 把餐飲、觀影、車友、購物、繳費(fèi)等功能入口匯聚在一起,便于用戶點(diǎn)擊查看,飯票區(qū)域輪播展示推薦菜品,增加點(diǎn)擊率 導(dǎo)用戶去信用卡專區(qū)查看辦理。

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「話題PK區(qū)」 將近期熱門話題以投票形式展示,增強(qiáng)用戶活躍度,后續(xù)可增加其他互動模式,包括分享、轉(zhuǎn)發(fā)好禮、IP互動等方式提升活躍度

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「帝都精彩」 該模塊是通過定位來推薦的附近熱門景點(diǎn),酒店以及美食。明了,用戶可快速識別。該區(qū)域可以展示熱門卡片,更多的卡片可以引導(dǎo)用戶去信用卡專區(qū)查看辦理

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「招牌推薦區(qū)」 把「美食精選」「生活好物」「居家好物」「積分商城」用戶參與度較高的模塊提取出來以tab切換的形式展示,展示內(nèi)容根據(jù)用戶不同需求個(gè)性化定制

方案二設(shè)計(jì)說明

首評保持原有的金融功能與營銷功能,滿足用戶的常用需求,二三屏承載公司推廣活動功能,F(xiàn)eed流承載主營銷功能,引入品牌色與情感化設(shè)計(jì)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

風(fēng)格傾向

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「簡潔清新」 采用品牌色為主色,整體結(jié)構(gòu)簡潔清晰,提升信息的傳達(dá)效率以及用戶體驗(yàn)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「精致細(xì)節(jié)」 增加了光感、標(biāo)簽、線條等裝飾元素,提升質(zhì)感、專業(yè)感的同時(shí)與其他競品產(chǎn)生差異化

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「準(zhǔn)確高效」 對模塊內(nèi)容的文案、圖形進(jìn)行精心設(shè)計(jì),保證信息傳達(dá)的準(zhǔn)確性與高效性,減少用戶不必要的思考

圖標(biāo)設(shè)計(jì)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

重點(diǎn)模塊說明

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「搜索區(qū)、主功能區(qū)」 增加IP功能用戶互動;增加簽到功能,提供最便捷的營銷方式;營銷意義更大的「全民商城」取代「卡管理」

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「金剛區(qū)、Banner區(qū)」 根據(jù)用戶調(diào)研,對金剛區(qū)常用功能進(jìn)行梳理排序;Banner與頂部「主功能區(qū)」分開,互不影響,接除了banner圖的設(shè)計(jì)限制

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「今日推薦區(qū)」 遵循少即是多的原則,簡化了原模塊,進(jìn)行視覺降噪;明確標(biāo)題含義與營銷重點(diǎn),減少用戶思考,提升體驗(yàn)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「城市生活區(qū)」 地域性專屬營銷區(qū)域,簡化原有復(fù)雜結(jié)構(gòu),減少信息展示數(shù)量,聚焦轉(zhuǎn)化率最高、用戶最常用的娛樂、美食、優(yōu)惠活動模塊

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「全民熱點(diǎn)區(qū)」 主營銷陣地,圍繞“食、住、行、娛、車、購”全方位Feed流的形式吸引用戶瀏覽停留,通過多種運(yùn)營形式提升活躍度、轉(zhuǎn)化率

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「話題PK區(qū)」 將近期熱門話題以投票形式展示,增強(qiáng)用戶活躍度,后續(xù)可增加其他互動模式,包括分享、轉(zhuǎn)發(fā)好禮、IP互動等方式提升活躍度

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「互動分享區(qū)」 讓用戶深度參與到趣味話題中,提升參與度與活躍度,增加用戶粘性,增加用戶體驗(yàn)

民生銀行信用卡全民生活A(yù)PP「精選」界面改版設(shè)計(jì)-首頁

「二層樓情感化設(shè)計(jì)」 頂部下拉為二層樓區(qū)域,融入情感化設(shè)計(jì)寄語,增加IP與用戶的互動,底部提供常用功能記錄列表

  返回