民生银行信用卡全民生活APP「精选」界面改版设计

交互设计 | 界面设计 | 图标设计

随着信用卡进入存量市场,场景运营将成为商业银行的着力点。2021年,股份行围绕信用卡继续深耕。虽然民生银行信用卡发卡比较晚,2005年才开始公开发行信用卡,但是信用卡业务对于零售业务的贡献率在行业内居于前列。2021年,招商银行以29410.20亿元继续领跑整个股份行阵营。民生银行、兴业银行、浦发银行、平安银行、中信银行

等水平相差不多,在1.7万亿元-2万亿元的水平。当前多家银行正在全力提振信用卡业务目标。蓝蓝设计此次对民生银行全民生活app频道首页进行了策略分析、竞品分析、交互设计、视觉设计。目标是:打造“以用户为中心”,围绕生活全场景进行专属化服务的信用卡APP,提升用户体验以及用户活跃度,增加用户粘性与客户忠诚度。

项目过程

竞品分析

随着信用卡进入存量市场,场景运营成为新的着力点,我们通过行业分析、竞品分析、用户调研、需求、场景分析,找出当前app版本存在的信息架构、交互、运营、视觉上存在的问题

交互设计

我们结合行业、民生品牌自身的发展策略,吸取同行业产品的优点,制定以下设计策略:1.信息架构调整,更符合用户的认知习惯。2.进行定制化场景运营。3.增加情感化设计、热点互动内容。4.融入品牌基因,提升品牌影响力

设计风格

1.重新梳理业务逻辑,优化信息架构,使页面结构更加合理化,提升用户体验。2.融入品牌基因,品牌色、IP形象。3.个性化定制化页面内容推送。4.情感化的交互反馈,提示、文案、图片等,满足用户期望性需求与兴奋型需求

前后设计对比

原版设计

民生银行信用卡全民生活APP「精选」界面改版设计-首页

设计方案一

民生银行信用卡全民生活APP「精选」界面改版设计-首页

设计方案二

民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页

前期客户只给了目前的app样式,我们自己进行了竞品分析、重新梳理页面架构、交互设计、视觉设计等工作

竞品分析

蓝蓝设计对比了国内十多家银行的信用卡产品,重点对3个APP的首页进行了详细对比,二三级页面采用抽查方法进行浏览

民生银行信用卡全民生活APP「精选」界面改版设计-首页

选择关键竞品

根据信用卡app活跃人数排行榜2023.01(数据来源:易观千帆),我们选取2023年1月信用卡app活跃人数规模排名前三位为竞品

民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页

竞品APP首页对比

民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页

竞品APP特点分析

民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页
民生银行信用卡全民生活APP「精选」界面改版设计-首页

方案一设计说明

蓝蓝设计对比了国内十多家银行的信用卡产品,重点对3个APP的首页进行了详细对比,二三级页面采用抽查方法进行浏览

民生银行信用卡全民生活APP「精选」界面改版设计-首页

风格倾向

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「青春活力」 此方案颜色使用上主要以蓝色调为主,使整个页面表现的更加整体。同时也和民生的品牌色相呼应

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「精准专业」 信用卡的核心服务是金融服务,与生活服务是水乳交融的,在设计过程中突出主业流程,增强信任感

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「简洁高效」 页面层级的规划、界面元素的设计遵循“少即是多”的原则,明确视觉焦点,减少视觉噪音,提升体验

图标设计

民生银行信用卡全民生活APP「精选」界面改版设计-首页

重点模块说明

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「搜索区」 搜索区的主要有「定位」「搜索」「客服」和「消息」,与原界面相比把原来的「扫一扫」功能替换成「消息」功能,可将通告消息、动账消息和个人消息在此提醒用户

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「金刚区」 主功能将「账户管理」取代「星梦想」,账户管理是用户操作较多和比较专注的模块所以单独提取出来,banner区通过弧线的形式和主功能结合起来,增加页面的灵动性

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「积分区」 把签到、积分兑换、好礼展示,统一在一个模块展示并且上移,提醒用户签到,提供最快捷、方便的互动运营方式,提高用户活跃度与参与度,增加用户粘性

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「星生活」 星生活区域是主要展示的是生活服务的内容,主要将吃、穿、住、行、购汇聚在一起。头部将最热门活动以轮播的banner形式进行展示,激励用户购买

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「生活入口区」 把餐饮、观影、车友、购物、缴费等功能入口汇聚在一起,便于用户点击查看,饭票区域轮播展示推荐菜品,增加点击率 导用户去信用卡专区查看办理。

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「话题PK区」 将近期热门话题以投票形式展示,增强用户活跃度,后续可增加其他互动模式,包括分享、转发好礼、IP互动等方式提升活跃度

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「帝都精彩」 该模块是通过定位来推荐的附近热门景点,酒店以及美食。明了,用户可快速识别。该区域可以展示热门卡片,更多的卡片可以引导用户去信用卡专区查看办理

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「招牌推荐区」 把「美食精选」「生活好物」「居家好物」「积分商城」用户参与度较高的模块提取出来以tab切换的形式展示,展示内容根据用户不同需求个性化定制

方案二设计说明

首评保持原有的金融功能与营销功能,满足用户的常用需求,二三屏承载公司推广活动功能,Feed流承载主营销功能,引入品牌色与情感化设计

民生银行信用卡全民生活APP「精选」界面改版设计-首页

风格倾向

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「简洁清新」 采用品牌色为主色,整体结构简洁清晰,提升信息的传达效率以及用户体验

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「精致细节」 增加了光感、标签、线条等装饰元素,提升质感、专业感的同时与其他竞品产生差异化

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「准确高效」 对模块内容的文案、图形进行精心设计,保证信息传达的准确性与高效性,减少用户不必要的思考

图标设计

民生银行信用卡全民生活APP「精选」界面改版设计-首页

重点模块说明

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「搜索区、主功能区」 增加IP功能用户互动;增加签到功能,提供最便捷的营销方式;营销意义更大的「全民商城」取代「卡管理」

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「金刚区、Banner区」 根据用户调研,对金刚区常用功能进行梳理排序;Banner与顶部「主功能区」分开,互不影响,接除了banner图的设计限制

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「今日推荐区」 遵循少即是多的原则,简化了原模块,进行视觉降噪;明确标题含义与营销重点,减少用户思考,提升体验

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「城市生活区」 地域性专属营销区域,简化原有复杂结构,减少信息展示数量,聚焦转化率最高、用户最常用的娱乐、美食、优惠活动模块

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「全民热点区」 主营销阵地,围绕“食、住、行、娱、车、购”全方位Feed流的形式吸引用户浏览停留,通过多种运营形式提升活跃度、转化率

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「话题PK区」 将近期热门话题以投票形式展示,增强用户活跃度,后续可增加其他互动模式,包括分享、转发好礼、IP互动等方式提升活跃度

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「互动分享区」 让用户深度参与到趣味话题中,提升参与度与活跃度,增加用户粘性,增加用户体验

民生银行信用卡全民生活APP「精选」界面改版设计-首页

「二层楼情感化设计」 顶部下拉为二层楼区域,融入情感化设计寄语,增加IP与用户的互动,底部提供常用功能记录列表

  返回