项目背景

美好生活后台中介租赁系统，致力于为第三方中介公司经纪人提供高效、便捷管理房源的工具。

产品定位

流程简单、不繁琐，不需要太多培训成本。

目标用户

房产中介经纪人、中介老板

页面现状

1、信息层级无区分

2、设计风格不统

3、操作流程复杂，功能结构不清晰

解决

1、采用卡片式设计

2、统一设计风格

3、优化操作流程

设计规范

1颜色

主色：#3F78F6

辅助色：#FFB00O

辅助色：#FF5756

辅助色：#FF5756

正文色：#2C363F

辅助色：#8498AE

背景色：#F8FAFB

2字体

中文:苹方 数字: DIN

3图标ICON

导航栏使用线性图标风格，轻巧简练，且不会对界面产生太大的视觉干扰。

首页

导航栏设计为可展开收起样式，可节省更多空间用来展示更多有用内容。用户登录后，通过数据可视化更直观查看现阶段个模块进展情况。

房源管理

房源管理比较重要的展示信息页面，但是旧版本的纯列表样式并不能给用户带来更好更直观的信息，用户体验并不好。

旧版缺点:

1.信息无主次，没有区分。

2.筛选条件无区分并不能帮助用户直接找到房源。

优化:

1.增加更多功能性展示:可直接进行房间数量添加、房源发布、上架。

2.增加更多筛选条件:根据用户反馈包括整租分租，房源位置细分，门店、上架状态、发布状态。

3.减少用户点击次数:增加更多可一次点击就能完成的操作通过交互让用户体验更为流畅。

房间管理

用来编辑房间变化。旧版将全部表单信息、添加设施、上传图片全部集中在同-页面，反而增加用户抵触反感情绪，对此我进行了进一步优化。

优化:

1.分步骤填写:我将信息分为四步，减少反感情绪，同时能让用户感知下步需要进行什么操作。

2.添加设施优化:去掉弹窗添加设施的交互样式，直接在页面上创建设施。

页面展示