原版設(shè)計

設(shè)計方案一

設(shè)計方案二

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

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

選擇關(guān)鍵競品

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

風(fēng)格傾向

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

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

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

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

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

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

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

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

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

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

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

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

風(fēng)格傾向

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

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

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

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

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

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

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

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

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

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

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

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