网商贷官网设计案例
时间：2023-06-11 06:33:01 | 来源：网站运营
时间：2023-06-11 06:33:01 来源：网站运营
网商贷官网设计案例：哈喽～大家好！这里是龙猫喵哦设计铺，今天和大家分享网商贷的官网设计案例展示、设计思路、设计规范制定和组件化设计等。
01 项目背景
___网商贷是蚂蚁金服旗下网商银行提供的借贷产品，向中小企业提供贷款服务，可实现支付宝贷款，网商贷是针对阿里体系里的纯信用个人经营贷款。
02 用户人群
___近8000万的小微企业，数量多分布广，平均学历较低，对贷款认知水平低，缺少资金支持，这些用户人群有理性诉求和感性诉求，理性诉求是短期贷款、需求频繁、快速到账、简单省事、希望低息。而感性诉求是不但任性、安心借贷、认知成本低、品等尊重和被认可。
03 产品框架
___（1）入口：因网商贷款是网商银行提供的贷款产品，网商贷的官网入口嵌入在网商银行官网内。网商银行官网网址：
https://www.mybank.cn/网商贷网址：
https://login.mybank.cn/login/loginhome.htm?redirectURL=http%3A%2F%2Floanweb.mybank.cn%2F（2）主要内容分为：首页、额度成长、还款、记录查询、信息管理和客服大厅。首页额度有很多种情况，以是否准入和是否查看额度为例展示路径。网商贷由团队合作完成，个人负责部分：未登录页、首页的各种状态、缺省页和营销位规范制定。后面的页面展示中只展示个人负责设计页面。
04 交互链路
___该部分为交互设计师花懿负责设计，主要为确定页面跳转路径和页面内容确定，之后再交给UI设计师制作，这样可以有效避免在设计过程中内容不确定的低效率返工。
05 设计思路
___（1）首页布局：整体信息简洁，给用户温暖感受，无过多干扰信息
（2）首页背景适配：做过PC端的设计同学应该了解，如果要做不同分辨率的页面适配，要实现中间内容宽度不变的情况下，两边拉伸变动，纯色和渐变色更好实现，那么带有较为复杂的背景如何做适配呢？
将背景图层划分为3层：颜色层、氛围层、过渡层。其中颜色层和过渡层都为颜色渐变，前端同学可以写出来，氛围层分为左右2个独立图，分别靠左靠右适配。
06 设计规范制定
___设计规范包含：按钮点击状态、气泡设计和对齐规范、产品imatch和营销imatch设计规范、小卡的设计规范。
07 组建化设计
___组件化设计列举：弹窗组建、信息区组建、小卡组建和缺省页组建。
08 设计展示
___以登录页、不准入页、首页卡片数适配和弹窗展示为例
小结
以上是网商贷官网设计案例的分享，未来会持续在龙猫喵哦设计铺更新设经验、案例分析和行业趋势等，欢迎大家私信商务合作和设计交流～
在线咨询
