项目背景

物业通系统是结合TOON移动端平台为物业办公人员和住户提供非常便捷的服务。这次设计想要打破传统系统视觉拥挤的版面，把界面排版和整个页面更多呼吸空间。加入贴合场景的插画，插画主要采用的色调也是系统主色调的邻近色及加入少量对比色点缀，提升视觉的感受。字体颜色都主要采用温和的对比度，让眼睛看起来更舒适。

概述

物业通系统包括沟通生态和住户服务两大服务体系，其中沟通生态服务体系主要帮助物管企业以小区管理为核心，建立组织体系，以及覆盖内部员工和外部住户的高效沟通的交流互动体系。住户服务主要为物管企业建设-个即时、高效、透明的对外服务窗口，支撑物管企业为住户提供高质量的服务，保障物管企业提升工作能力和客户口碑。

图标

图标的主要形状是采用方形结构的组合，让图标能用简单的形状表达清楚它的含义。视觉上更清晰、简洁无负担

人物

人物形态都是根据实际场景进行调整设计，把物业工作人员各个职位的状态用插画的形式组合表现出来

主要页面展示

登录页

登陆页账号来源于企业合作后主动分配的账号，或者是已有注册过物业通移动端app且属于系统合作企业的权限列表范围内的可以用扫码直接登录。也可通过注册新的企业达成合作，已属于后台权限列表的手机号可以通过短信安全登录

登陆页插画是将物业相关作业人员的工作场景融合在同一个场景中，利用2.5D的设计手法去表现，让视觉更直观更具有场景感、立体化

首页

首页包括个人的一些待办事项，公司相关活动、日历、目前主要是客服工单模块的数据统计(其它功能模块还在逐步规划完善中)。后期首页的内容会添加更多的内容进来，例如便捷功能入口、多系统切换入口等

活动内容宣传的插画让主题内容表达更明确，统计图的方式便于直观的查看数据，利用轻盈线条的方式让眼睛不会累，整个界面足够的留白也让设计更有呼吸空间

通讯录

通讯录采用用户自己建立分类的管理模式，对于通讯客户这一类，用户也可以直接导入后台已存在的组织树结构来更清晰的分类客户资料。每个客户的名片可以直接通过平台拨打电话、通过TOON进行线上沟通或者邮箱快捷发送邮件

通讯录利用卡片式设计让它更贴近现实的纸质名片的形式，每个联系人独立的卡片让视线更聚焦地浏览当前卡片

工单监控

根据用户端app提交的报事工单，进行处理工单分配等操作，将横向的行内信息再次充就成了如同淘宝商品页-样的， 行区分弱化的表格形式，既满足了必要信息的完整呈现，将每个必要显示的内容能在视线-屏区域内展示完，对于这种内容列较多的情况，增加横向行是最合适的选择。数据量少、需要处理的 数据类型多时可以留白多一些， 这样操作起来比较不容易出错。

初始设置

根据用户端app提交的报事工单，进行处理工单分配等操作，表格斑马线的设计明确区分信息组，当每行数据很多时浏览时不易跳行更聚焦，提升表格的阅读效率。操作列用文字按钮直接表示比图标更直观，图标可能存在不易理解或者歧义的风险，当按钮超过4个时候做收缩处理

缺省页

这次缺省页设计的构想想要把这些缺省状态融合用一些实际场景的内容，用插画的方式表现出来。当用户被这些情况造成茫然、无助的负面情绪的时候通过这些图形化的方式加文字说明以及操作的引导方式，来缓解缺省页带来的负面情绪

页面展示