PORTFOLIO / AI PRODUCT

小慧 AI 产品视觉
与界面设计

以专属 IP 建立产品识别,并将 AI 能力延展到真实业务场景。

AI 产品体验 × IP 视觉 × 多场景接入
xiaohui-cover-visual
小慧 AI IP 场景组合主视觉
主视觉 90% + 标题信息 10% / 16:9
角色 / RoleUX/UI 与产品视觉设计师
平台 / PlatformWeb + Mobile
范围 / ScopeAI 产品界面 + IP 视觉
项目节奏 / Delivery Cadence单人分阶段推进

CONTEXT / DESIGN GOALS

项目背景与
设计目标

在产品持续智能化的过程中,同时建立 AI 入口、业务能力表达与品牌识别。

基础对话起步

先建立随时可用的稳定入口

业务结果生成

从回答问题走向生成报告与内容

多场景接入

根据宿主产品重新组织 AI 能力

产品识别建立

用 IP 补齐亲和力与传播视觉

STRATEGY / FRAMEWORK

整体设计思路

项目按两条证据线展开:先建立 IP 识别与宣传视觉,再呈现 AI 能力从基础对话到业务生成与多产品接入。

01

建立 IP 与宣传视觉

建立可持续延展的产品识别

  • 角色母版 / Character Master
  • 表情与动作 / Expressions & Poses
  • 宣传应用 / Campaign Applications
IP 与品牌 / IP & BRAND
02

建立侧边栏 AI 助手

在当前业务页面中提供稳定入口

  • PC 侧边栏 / PC Sidebar
  • 基础对话 / Basic Conversation
  • 上下文保留 / Context Retention
入口与对话 / ENTRY & CONVERSATION
03

生成业务结果

让对话产出可用业务内容

  • 经营报告 / Business Report
  • 外呼话术 / Call Script
  • 预览与修改 / Preview & Edit
报告与内容 / REPORT & CONTENT
04

进入营销与产品生态

将 AI 能力接入业务上下文

  • 营销画布 / Marketing Canvas
  • 全域罗盘 / Omni-channel Compass
  • 电商聊天工具 / E-commerce Chat
工作流与生态 / WORKFLOW & ECOSYSTEM

IP CHARACTER DESIGN

建立统一的小慧 IP
统一角色母版

基础对话完成后,逐步建立兼具科技感、智慧感与亲和力的小慧形象。

设计时机

基础产品形态稳定后补齐品牌识别

角色目标

亲和、智慧、具有清晰记忆点

形象系统

统一轮廓、面部、色彩与基础姿态

xiaohui-ip-three-view
小慧 IP 正面、侧面和背面三视图
左侧说明 35% + 右侧视觉 65% / 3:2

IP EXTENSION / IP 延展与角色系统

xiaohui-ip-extension
小慧 IP 表情、动作与业务场景延展汇总拼版
左右撑满 / 顶部对齐 / 下部隐藏

IP PROMOTION APPLICATION

让 IP 服务产品与
品牌传播与应用

以小慧为统一视觉主体,服务产品展示、市场推广与品牌传播。

产品展示

用角色承接功能说明与能力演示

市场推广

通过动作、道具和场景组织宣传素材

品牌传播

延展至品牌宣传与线下物料

xiaohui-promotion-scenes
产品展示、市场推广与品牌宣传应用拼版
左侧策略 35% + 右侧视觉 65% / 16:10

PHASE 01 / CHAT ASSISTANT

建立不打断业务的
侧边栏 AI 入口

一期先建立嵌入业务后台的对话入口,让 AI 在当前页面中随时可用。

一期起点

从稳定、清晰的基础对话能力开始

嵌入方式

侧边栏展开,不打断主业务页面

基础交互

消息流、固定输入区与页面上下文

xiaohui-pc-chat-assistant
PC 业务页面右侧展开小慧 AI 基础对话侧边栏
左侧文字 35% + 右侧界面 65% / 16:9

CONVERSATION TO REPORT

将自然语言提问
转化为可读的经营报告

从基础对话延伸到经营分析,让自然表达生成可查看的业务报告。

01 对话提问

在聊天中表达经营分析需求

02 分析生成

完成数据查询与结构化分析

03 报告查看

返回结果卡并进入报告详情

xiaohui-business-report
对话过程、经营报告结果卡与报告详情整体成果图
左侧说明 35% + Dashboard 视觉 65% / 16:9

AI OUTBOUND SCRIPT

将业务条件转化为
可编辑外呼话术

根据外呼场景与业务信息,利用 AI 生成可编辑、可预览的场景话术。

场景输入

组织人群、品牌、活动、时间与角色设定

话术生成

将分散条件转换为结构化对话内容

预览修改

同页查看完整话术并保留人工调整入口

xiaohui-outbound-script
场景信息输入、AI 话术预览与体验外呼入口
左侧文字 35% + 右侧界面 65% / 16:9

AI MARKETING BRAIN

让 AI 场景进入
营销流程编排

将 AI 引入营销画布,让营销场景能够被组织、预览并进入流程编排。

营销场景

以场景化入口承载业务模板

流程预览

在导入前理解节点关系与执行路径

画布导入

将 AI 能力衔接至后续流程编排

xiaohui-marketing-brain
场景选择、流程预览与智能化营销画布导入界面
左侧文字 35% + 右侧界面 65% / 16:9

AI PRODUCT ECOSYSTEM

将单一助手扩展为
跨产品能力入口

将单一助手扩展为通用能力入口,连接不同产品与业务场景。

全域罗盘

承载数据查询与经营报告

营销画布节点

作为流程中的 AI 能力节点

电商聊天工具

以侧边栏融入沟通工作流

xiaohui-ecosystem-integration
全域罗盘、营销画布节点与电商聊天工具侧边栏三场景拼版
左侧说明 35% + 右侧视觉 65% / 16:9

PRODUCT SHOWCASE / AI 产品核心体验展示

xiaohui-product-interface-showcase
PC、经营报告、外呼、营销大脑与产品生态界面精选拼版
左右撑满 / 顶部对齐 / 下部隐藏

PROJECT IMPACT

项目成果与
能力沉淀

建立基础对话入口

生成报告与外呼话术

进入营销与多产品场景

建立 IP 与宣传视觉

AI 产品体验

设计对话、生成与结果承载

业务场景抽象

把复杂条件转化为清晰结构

IP 视觉系统

建立角色母版与延展资产

跨产品接入

适配不同容器与任务上下文