民生銀行信用卡全民生活APP「精選」界面改版設計

民生銀行信用卡全民生活APP「精選」界面改版設計

交互設計 | 界面設計 | 圖標設計

交互設計 | 界面設計 | 圖標設計

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

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

項目過(guò)程

競品分析

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

交互設計

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

設計風(fēng)格

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

前后設計對比

原版設計

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

設計方案一

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

設計方案二

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

競品分析

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

選擇關(guān)鍵競品

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

競品APP首頁(yè)對比

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)
民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

方案一設計說(shuō)明

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

風(fēng)格傾向

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「精準專(zhuān)業(yè)」 信用卡的核心服務(wù)是金融服務(wù),與生活服務(wù)是水乳交融的,在設計過(guò)程中突出主業(yè)流程,增強信任感

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

圖標設計

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

重點(diǎn)模塊說(shuō)明

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「金剛區」 主功能將「賬戶(hù)管理」取代「星夢(mèng)想」,賬戶(hù)管理是用戶(hù)操作較多和比較專(zhuān)注的模塊所以單獨提取出來(lái),banner區通過(guò)弧線(xiàn)的形式和主功能結合起來(lái),增加頁(yè)面的靈動(dòng)性

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

方案二設計說(shuō)明

首評保持原有的金融功能與營(yíng)銷(xiāo)功能,滿(mǎn)足用戶(hù)的常用需求,二三屏承載公司推廣活動(dòng)功能,Feed流承載主營(yíng)銷(xiāo)功能,引入品牌色與情感化設計

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

風(fēng)格傾向

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「簡(jiǎn)潔清新」 采用品牌色為主色,整體結構簡(jiǎn)潔清晰,提升信息的傳達效率以及用戶(hù)體驗

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

圖標設計

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

重點(diǎn)模塊說(shuō)明

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「搜索區、主功能區」 增加IP功能用戶(hù)互動(dòng);增加簽到功能,提供最便捷的營(yíng)銷(xiāo)方式;營(yíng)銷(xiāo)意義更大的「全民商城」取代「卡管理」

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

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

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「互動(dòng)分享區」 讓用戶(hù)深度參與到趣味話(huà)題中,提升參與度與活躍度,增加用戶(hù)粘性,增加用戶(hù)體驗

民生銀行信用卡全民生活APP「精選」界面改版設計-首頁(yè)

「二層樓情感化設計」 頂部下拉為二層樓區域,融入情感化設計寄語(yǔ),增加IP與用戶(hù)的互動(dòng),底部提供常用功能記錄列表

  返回