PRODUCT DESIGN SPECIFICATION

小乔家 joy+
物业服务小程序

产品设计说明

硚口城建多业态生活服务平台 · 4 页面 × 7 业态 × AI 协同设计

项目类型物业服务小程序
核心页面4 个一级页面
业态覆盖7 类不动产
小乔家 joy+ 首页 UI
01 / OVERVIEW

目标用户与核心诉求

多业态不动产统一生活服务平台

住

住宅业主

报修 · 社区活动 · 业主权益

业

企业租户

空间预定 · 来访报备 · 会议预约

游

酒店住客

一键咨询 · WIFI · 留言板

食

餐饮消费者

聚会预约 · 蛋糕定制 · 人员招聘

核心挑战:七种业态服务流程差异极大,但需共用一套框架、统一品牌视觉。通过业主认证区分权限,项目切换器实现场景自适应。

03 / PAGE DESIGN

核心页面设计解析

四个一级页面的设计决策与视觉方案

方案 A 首页 UI
方案 A · 信息流分层版
方案 B 首页 UI
方案 B · 个性问候版
Homepage

首页 · 双方案设计对比

AI稿件+差异化首页方案对比,覆盖不同决策者审美偏好,最终选定方案A作为产品方向。

信息流分层 个性问候 双稿评审
  • 1方案A:五层信息流架构,品牌Banner + 会员卡 + 服务导航
  • 2方案B:个性问候头部,用户感知更强的温馨开场
  • 3双方案覆盖不同决策者审美偏好,降低评审决策压力
  • 4最终采用方案A作为确定方向,更活泼且具有亲和力
积分商城 · 双货币电商体系
Points Mall

积分商城 · 双货币电商体系

以"乔泡泡"积分为核心货币,构建虚拟积分 + 现金混合支付的电商兑换体验。

双货币体系 锚点定价 行为激励
  • 1金色Banner建立虚拟货币心智,强化乔泡泡品牌认知
  • 2双维度筛选 + 颜色编码品类,提升商品检索效率
  • 3AI图标插画素材+统一排版确立卡券设计体系
  • 4卡券信息图片视觉展示更易读
客户服务 · 果酱服务品牌化
Customer Service

客户服务 · 果酱服务品牌化

打造"果酱服务 JOY LIFE"子品牌,以三段式任务流覆盖七类业态的服务场景。

子品牌 七业态适配 三段式任务流
  • 1子品牌果酱服务 JOY LIFE,好服务陪在你身边
  • 2项目切换器七业态动态重组,同一框架零重复设计
  • 3三段式任务流:前置服务 → 社群活动 → 物业服务
  • 4实景品鉴画廊增加传播价值,强化品牌信任感
个人中心 · 资产面板化会员体验
Profile

个人中心 · 资产面板化会员体验

以身份卡与资产面板为核心,构建会员等级感知与快捷功能入口的个人枢纽。

身份卡 资产面板 行为引导
  • 1身份卡 + 认证业主徽章,建立会员身份荣誉感
  • 2借助AI梳理产品结构,优化信息层级
  • 3常用功能 2×2 快捷入口,高频操作一键触达
  • 4未认证灰显柔和行为引导,降低认证心理门槛
04 / AI WORKFLOW

AI 协同设计流程

从"单稿博弈"到"多稿优选",提升甲方稿件通过率

传统流程

单稿博弈模式

  • 一次评审仅提交 1-2 套方案
  • 甲方"判断对错",倾向于挑错
  • 反馈修改周期 2-3 天
  • 迭代 3-4 轮,通过率约 35%
AI 协同流程

多稿优选模式

  • 一次评审提交 3-5 套差异化方案
  • 甲方"选择偏好",进入选优模式
  • 反馈当天完成修订出图
  • 迭代 1-2 轮,通过率约 75%

AI 介入的六个环节

STEP 01
竞品拆解
AI 分析同类小程序架构与视觉,产出对比矩阵
STEP 02
多方案生成
AI 同时产出 3-5 套布局与配色变体供评审
STEP 03
文案命名
乔泡泡·果酱服务·joy+ 等 AI 多轮生成筛选
STEP 04
视觉素材
插画·图标·Banner 通过 AI 图像生成快速产出
STEP 05
迭代响应
反馈后数小时完成修订,2-3天→当天
STEP 06
文档撰写
设计说明·交互规范 AI 辅助生成初稿+人工校准
各环节耗时对比(小时)
稿件评审指标对比

多稿优选策略:四个提升机制

A

降低决策压力

单方案→挑错,多方案→选优,改变评审对话性质

B

覆盖审美分歧

不同决策者各找到倾向方向,减少整体否决

C

加速共识形成

当天看到修改效果,增强信任,降低后续阻力

D

预留议价空间

保守方案+创新方案,锚定效应引导设计方向

实际效果:首页首审即通过 · 积分商城一次反馈当天定稿 · 客户服务七业态预览零返工 · 通过率提升约 40%

05 / DESIGN CAPABILITIES

设计能力体现

信息架构 · 视觉系统 · 交互设计 · 品牌构建 · 场景适配

能力维度雷达

设计能力五维评估

核心能力拆解

1
信息架构抽象
"前置→社群→物业"三段式框架,7 业态配置复用,无需重新设计
2
视觉系统统一
暖橙 #FF8C42 + 粉 #FF6B9D 主色,线性图标 + 圆润插画贯穿四页
3
行为路径引导
会员卡置于服务上方激发赚积分 · 99积分商品首屏建立正反馈 · 认证灰显柔和引导
4
品牌体系构建
"一体三面":小乔家 joy+(主品牌)× 果酱服务(服务子品牌)× 乔泡泡(积分货币)
5
场景适配能力
通用模块 + 业态特化模块混合策略,同一框架 7 种业态零重复设计

"一体三面"品牌架构

flowchart LR
    subgraph Brand["品牌体系"]
        direction TB
        M["主品牌
小乔家 joy+
安家·乐业·悦生活"] S1["服务子品牌
果酱服务 JOY LIFE
好服务,陪在你身边"] S2["积分货币
乔泡泡
惊喜不间断,好礼享不停"] end M -->|物业管理| S1 M -->|消费激励| S2 S1 -->|服务获积分| S2 S2 -->|积分兑服务| S1 style M fill:#FF8C42,color:#fff,stroke:#FF6B35,stroke-width:2px style S1 fill:#FF6B9D,color:#fff,stroke:#FF5588,stroke-width:2px style S2 fill:#FFB347,color:#fff,stroke:#FFA033,stroke-width:2px

色彩系统

暖橙 #FF8C42

主品牌色 · 社区温度与活力

粉 #FF6B9D

辅助色 · 软化行政感

蓝 #4A90D9

业态色 · 商办·酒店

绿 #52B788

业态色 · 健康守护

06 / DELIVERABLES

交付成果

设计价值 · AI 协同 · 品牌体系

设

设计交付物

4 页完整视觉方案与交互原型
7 业态服务适配矩阵
品牌视觉系统(色彩/字体/图标/插画)
乔泡泡积分货币体系设计

AI

AI 协同成效

通过率提升 ~40%
迭代轮次 3-4 → 1-2
单次评审方案 1-2 → 3-5
反馈周期 2-3天 → 当天

牌

品牌体系

小乔家 joy+ 主品牌
果酱服务 JOY LIFE 子品牌
乔泡泡积分货币
"一体三面"系统化架构

核心价值:从"单页 UI 设计"跃迁到"全场景产品架构设计"——同一套页面结构通过配置覆盖 7 种业态,框架级设计思维是本项目最大的能力体现。