AI生产力工具重构

A COLLECTIOJOF DESIGN

UI&UX / VISUAL / AIGC / VIBE CODING

工作台模块映射到算法级适配规范

架构重组

Workbench Refactoring · Frame 2036084787 1

AI写真工作台模块布局变动映射关系

“基于用户使用频次和高密操作分析,我们将旧版分散的布局进行了彻底重构。” 核心调整在于:将原图预览区放大居中,并将参数调节与历史查询入口收归右侧面板,大幅减少了用户的视线跳动,提升了专业工具的沉浸感

工程级算法适配

面对多画幅素材上传时的适配危机,将设计规范推向算法层面,针对横图、竖图、方图分别制定了‘定高/定宽’的动态匹配策略,并引入人脸识别兜底,确保核心人脸在极限尺寸下永不被裁切,实现从设计到研发的高效对接

微观状态闭环

完善基础态与空状态,降低冷启动阻力。当用户未导入素材时,通过克制的占位图形与明确的一键导入入口,平滑过渡冷启动阶段,保证全生命周期体验的连贯性

Workbench Refactoring · 空状态 1
Workbench Refactoring · 基础 1

核心主视区面积占比

+35%

旧版分散布局重构后,原图预览与操作视野的有效可视空间提升

Workbench Refactoring · Union
Workbench Refactoring · 参数 2
Workbench Refactoring · Group 2147227652
Workbench Refactoring · Frame 3465927 1

站外引流探索——降低 AI 产品认知门槛的拉新物料

物料设计

业务背景与设计策略

业务背景:作为全新的 AI 图像生成工具(超能画布),需要在小红书等社媒平台进行冷启动,降低普通用户的认知门槛 设计策略:场景化种草,将复杂的“局部重绘““AI 写真”等算法功能,转化为直观的“一键变装”、“废片拯救”等 C 端高频痛点场景;一致性体验,提取产品核心的“荧光绿 + 极简黑”品牌色,统一社媒触点与端内工作台的视觉感知,建立专业且具有科技感的品牌信任度

模块 B:场景化获客物料

普通用户对“AI写真”、“局部重绘”等功能往往缺乏直观概念。物料中强化了“使用前/使用后”的对比,并用“一键涂一涂,想怎么改就怎么改”等通俗文案降低理解门槛

Collateral · 6@2x
Collateral · 4@2x
Collateral · 5@2x
Collateral · 7@2x

模块 A:全链路视觉规范

提炼 AI 科技感的品牌视觉基因,确保站外获客与站内转化的体验一致性

Collateral · 1封面@2x 1
Collateral · 2@2x
Collateral · 8@2x
Collateral · 3@2x

企业级跨端资产流转与组织架构提效

B2B SaaS

基于阻断场景的精准商业触达

资产流转与商业化拦截

重塑“个人 —— 企业”的底层数据迁移链路。在超大容量流转中,剥离冗余操作;将“空间超限”等极端阻断场景,顺滑转化为企业套餐的增值售卖触点,兼顾操作效率与营收转化

组织架构规模化扩张与边界兜底

针对中大型企业的高频人员调度,重构多模态(手机/链接/二维码)批量邀请机制。提取“海外账号注册”这一极客边缘场景,构建独立的国家区号校验链路,扫除跨国团队入驻盲区

Experience Optimization · 复访入口-导入全部文件
Experience Optimization · 导入部分个人版
Experience Optimization · 空间不足付费引导
Experience Optimization · 个人版文件导入进度弹窗

主流程线

选择文件

Experience Optimization · Group 1940698809

开始迁移

Experience Optimization · Group 1940699060

后台静默传输

Experience Optimization · Group 2147227653
Experience Optimization · 国内手机号添加
Experience Optimization · 复制链接

一键迁移批量处理效率

+72%

邀请机制与一键数据迁移落地后,企业管理配置耗时断崖式下降

Experience Optimization · Union
Business matrix · matrix_picture

项目背景与问题定义

业务背景: 百度网盘旗下拥有多款 AI 修图工具,但缺乏统一的 B 端入口,专业摄影机构(如影楼)难以建立系统化的工作流 设计目标: 打造“百度网盘摄影系列”独立官网,整合分散的 AI 产品矩阵。通过构建统一的品牌认知与精细化的 SaaS 订阅体验,降低 B 端用户的学习成本,并驱动商业化增长

构建 B 端商业化矩阵:百度网盘摄影版整合升级

业务矩阵

面向商业转化的场景化体验设计

作为 B 端 SaaS 产品的核心商业化阵地,Web 端套餐页的设计需要兼顾信息传递的效率与转化漏斗,针对 B 端用户复杂的生命周期,系统性地设计了多种场景的动态 UI 呈现:

组件化沉淀与效率赋能

完成核心链路设计后,沉淀一套灵活的 B 端容器与基础组件库,不仅保证了网盘摄影矩阵下各子产品视觉与交互的高度一致性,也大幅降低了前端开发成本,为后续更多垂直行业解决方案的快速接入提供了坚实的设计基建

未购买状态

Business matrix · 未购买套餐用户登录

使用中/即将到期状态

Business matrix · 已购买套餐-有效期_1个月

已过期状态

Business matrix · 套餐已过期
Business matrix · Frame 1
Business matrix · Frame 2036085146

Cease 2024~2025