一、首页
整体采用高级暖灰+蓝灰配色,传递稳重专业的房产服务质感。顶部城市定位+搜索栏(搜小区/商圈/经纪人)。四大核心入口:新房(楼盘列表+开盘动态)、二手房(海量房源+多维筛选)、租房(整租/合租+地图找房)、地图找房(可视化房源分布+通勤圈筛选),图标蓝灰色系统一。banner区展示本周精选房源——大图+总价+核心卖点标签("双地铁""满五唯一""带车位""业主急售")。快捷筛选区提供高频条件一键设置:总价区间、户型、近地铁、学区房、满五唯一、次新房,选中蓝灰高亮。推荐好房列表以卡片展示:小区名+户型+面积+朝向+楼层+总价,每套标注"必看好房""新上""降价"等状态标签。底部推荐经纪人卡片展示金牌经纪人信息和好评率,引导在线咨询。
二、房源列表
顶部横向分类Tab:全部、二手房、新房、租房,选中蓝灰底色高亮。多维筛选栏:区域、总价、户型、面积、更多,支持组合筛选和排序(最新/总价/面积),筛选结果实时更新数量。房源卡片以大图+信息双栏布局:左侧封面图叠加状态标签("精选""新上""降价XX万"),右侧展示小区名+户型结构+面积+楼层+朝向+建成年代。每套标注关键标签——"满五唯一""近地铁""学区房""带车位""豪装""花园小区",颜色区分属性(交易类金黄、配套类蓝灰、优惠类红色)。底部展示总价(大字号红色)+收藏按钮。列表支持上拉加载更多。
三、房源详情
顶部房源大图轮播+VR看房入口。核心信息区:小区名+户型全称+地址,总价+单价+环比涨跌(绿色↓表示下跌)。核心亮点六宫格:建筑面积、户型结构、所在楼层、房屋朝向、建成年代、产权状况,数据一目了然。户型信息区展示户型图和核心卖点——"三开间朝南·南北通透·动静分离·主卧套房带独立卫浴·客厅面宽4.2m"。配套优势以图标+标签展示:双地铁步行5分钟、学区房对口南山实验、成熟商圈自带商业、花园小区绿化率40%。经纪人区域展示:头像、姓名、金牌经纪人标识、服务客户数和好评率、专注片区年限。"咨询"按钮直连经纪人。底部固定栏:收藏+"在线咨询"+"预约看房"双按钮,满足不同决策阶段用户需求。
四、会员中心
顶部蓝灰渐变身份卡片:头像、姓名、会员等级徽章(银卡/金卡/钻石卡),三大核心数据——约看记录数、收藏房源数、联系经纪人数。预约状态:待确认/已确认/看房中/待评价/已完成分Tab横向排列,待确认标注角标数量。功能入口三宫格:收藏房源(支持降价/状态变动提醒)、经纪人服务(查看已对接经纪人和沟通记录)、找房报告(生成个性化房源匹配报告和购房建议)。最近收藏以横向滑动卡片展示已收藏房源缩略,标注总价,可直接预约看房。找房权益以对比表展示各等级差异——专属经纪人、优先看房权、交易服务费折扣(银卡9.5折/金卡8.8折/钻石8折)、法务咨询,未解锁权益标注升级条件。底部购房咨询热线入口独立突出,支持政策解读、贷款计算、过户指导一键呼叫。