AI 全栈设计师

AI × PRODUCT × EXPERIENCE

用 AI 连接产品、 体验与创意落地

从真实需求出发,
设计并实现真正可落地的 AI 数字产品。

  • AI 产品设计AI PRODUCT
  • UI / UX 体验UI / UX
  • 智能工作流AI WORKFLOW
  • AI 视觉创意AI VISUAL
SCROLL
TO EXPLORE
WHY ME · 为什么是我

我不只是完成界面, 而是把产品、设计、 品牌、前端与 AI 串联成一体化体验的人。

从洞察需求、梳理策略、体验设计,
到品牌表达、前端落地与 AI 工作流搭建。

我擅长连接创意、设计与技术,
减少沟通成本,让设计真正转化为
可执行、可增长的业务生产力。

产品思考 体验设计 品牌视觉 前端实现 AI 工作流
通透的 AI 水晶球,环绕产品策略、用户洞察、品牌表达、AI 工作流与前端实现五张能力卡片

AI Creative System:创意驱动 · 体验整合 · 价值增长。

  • 产品策略:从需求到机会
  • 用户洞察:从人群到场景
  • 品牌表达:从视觉到价值
  • AI 工作流:从想法到生产力
  • 前端实现:从设计到上线

更好的设计,让更美好体验发生。

设计主张DESIGN PERSPECTIVE

用 AI 拓展可能,用设计做出选择。

不同的作品,面对不同的问题。比起使用了什么工具,我更在意:为什么这样设计,以及它是否真正回应了需求。

  1. AI 探索AI EXPLORE
  2. 信息筛选FILTER
  3. 明确方向DIRECTION
  4. 原型验证PROTOTYPE
  5. 真实落地IMPACT

发散探索DIVERGE

收敛决策CONVERGE

验证落地DELIVER

AI 扩展可能,判断决定方向。AI EXPANDS POSSIBILITIES. DESIGN MAKES THE CHOICE.
  1. 先看需求,再定形式

    先理解使用者要完成的任务,或观看者期待的感受,
    再决定用什么形式回应,而不是先套用一种风格或技术。

    判断依据

    面向谁/什么场景/解决什么问题

  2. 让 AI 扩展,让设计决定

    用 AI 探索方向、加快试验,再依据目标与体验进行筛选和修改,
    不把生成结果,直接当作设计结论。

    关键取舍

    哪些值得保留/哪些需要修改/哪些应该舍弃

  3. 不止局部好看,更要整体成立

    产品关注任务能否顺畅完成,内容关注表达能否连贯传达。
    局部效果,最终都要服务于完整体验。

    检验重点

    信息是否清晰/前后是否连贯/目标是否达成

接下来,在具体作品中展开这些选择。
私厨管家APP移动端产品体验主视觉
移动端产品AI 智能体验UI / UX品牌系统

私厨管家 APP

从食材识别,到餐桌上的陪伴

围绕家庭做饭场景,构建从食材识别、智能推荐到烹饪陪伴与健康反馈的完整移动端体验,帮助用户把“今天吃什么”转化为一条可执行的做饭路径。

  • P项目定位AI 私厨助手 / 移动端产品体验
  • C核心能力识别 / 推荐 / 烹饪 / 健康反馈
  • V视觉延展品牌语言 / Logo / UI 系统 / IP 形象 / AI 宣传内容
  • O最终产出高保真界面 / 品牌视觉 / 产品案例页
查看案例详情
私厨管家后台管理系统产品主视觉
B 端产品业务管理信息架构数据与流程

后台管理系统

让业务运转,更清晰、更高效

围绕私厨业务管理场景,梳理后台信息架构、业务流程与数据管理逻辑,建立清晰高效的运营与管理系统,提升协作效率与业务可视化能力。

  • P项目定位私厨业务后台管理系统
  • C核心能力信息架构 / 业务流程 / 后台交互
  • V价值提升提升管理效率与流程清晰度
  • O最终产出后台系统方案 / B 端界面 / 流程设计
查看案例详情
AI WORKFLOWB2B SaaSHuman in the Loop

AI 外贸自动获客工作台

从企业研究,到人工审核与持续跟进

面向外贸销售场景,将企业筛选、AI 研究、证据判断、内容生成与人工审核整合进同一条工作流,让 AI 输出不仅能生成,还能够被验证、修改与追踪。

DESIGN FOCUS

ResearchEvidenceReviewAction

让每一次 AI 决策都有来源,每一次人工修改都有记录。

  • ROLEAI Product Design · UX
    Front-end
  • TYPEB2B SaaS ·
    Agent Workflow
  • OUTPUTInteractive Portfolio Demo
查看案例详情

Outbound Research/  Task #023

AI-powered prospecting workflow for global trade
RUNNING

左右滑动,查看六个阶段

  1. 01TARGET
    目标筛选12 companies found
  2. 02RESEARCH
    AI 企业研究Evidence collected
  3. 03EVIDENCE
    证据判断Confidence 86%
  4. 04GENERATE
    内容生成3 drafts generated
  5. 05HUMAN REVIEW
    人工审核Approval required
  6. 06ACTION
    跟进执行Waiting for action
Traceable by design

BUILT AROUND THREE PRINCIPLES

  1. Evidence First

    AI 判断必须关联可追溯来源

  2. Human in the Loop

    关键内容必须经过人工审核

  3. Execution Trace

    研究、修改与执行过程均可追踪

本草长歌:李时珍主题 AI 漫剧项目视觉主图
AI 叙事故事分镜图生视频视觉系统

AI 漫剧《本草长歌》

以草木为卷,以仁心为灯

围绕李时珍人物故事,结合剧本创作、角色设定、分镜设计、AI 生图与图生视频,完成从文字到动态影像的一体化漫剧创作,探索生成式内容在叙事表达中的落地方式。

  • R我的角色创意策划 / 编剧 / 分镜 / AI 视觉 / 视频制作
  • F核心设计故事结构 / 人物一致性 / 镜头语言 / AI 生成工作流
  • V项目价值探索 AI 参与影视内容生产的完整创作 Pipeline
  • O最终产出剧本 / 分镜 / AI 视觉 / 动态镜头 / 剪辑成片
查看案例详情
饭刻转盘手机界面:原项目视觉中的手机局部
微信小程序产品机制交互 / UI 设计前端实现

饭刻转盘小程序

把选择困难,变成一次有趣的决定

针对“今天吃什么”的高频选择困难,通过转盘决策、个性化偏好与推荐机制,将简单工具设计成更有趣、更持续的决策体验。

  • R我的角色产品 × 交互 × UI × 实现
  • F核心设计选择决策 / 推荐机制 / 用户偏好反馈学习
  • O最终产出小程序 / 转盘 / 推荐体验完整落地
  • I项目成效[ 待补充:上线数据 / 使用反馈 ]
查看案例详情
02 / PROCESS

从洞察到交付的设计过程

MY DESIGN PROCESS

从需求到上线,每个阶段我都在场。跟着我走一遍,看看每一步发生什么。

设计师在云端工作台梳理用户研究与需求地图先看清问题,再选择路线。
PHASE 01 / DISCOVERY

摸清问题,再定路线

从问题出发,走向更好的产品。

01

需求与问题定义

业务目标、用户问题、竞品、需求边界与利益相关方梳理。

好的产品,
始于对真实问题的理解。
用户真实需求
业务关键目标
机会点与约束条件
02

产品规划与信息架构

产品结构、业务流程、功能优先级与用户任务设计。

梳理内容与功能模块
信息架构与页面层级
规划优先级与迭代节奏
用户任务与关键路径
设计师在云端展示界面原型与设计系统面板结构与体验,想清楚再动手。
PHASE 02 / DESIGN

设计先行,定义体验

从用户出发,让复杂的问题变简单。

03

交互与体验设计

原型、状态、异常流程、权限与交互反馈。

→→→✓
04

UI、品牌与视觉系统

界面、设计系统、品牌表达、商业视觉与多端一致性。

Aa Aa
设计师在云端使用 AI 工作流与前端开发面板进入心流,让 AI 放大执行力。
PHASE 03 / EXECUTION

深度执行,AI 加持

FROM IDEA TO IMPACT让想法成为可用产品。

05

AI 能力与工作流设计

大模型、Agent、知识库、Prompt、工具调用与人工审核。

大模型能力接入
Agent工作流设计
知识库业务语义理解
工具调用API / MCP
人工审核结果可控可审
06

前端原型与实现验证

HTML、CSS、JavaScript、前端页面与设计落地验证。

01 设计还原将 UI 转为前端方案
02 开发实现HTML / CSS / JS
03 验证迭代页面效果与交互验证
设计师在云端查看交付数据与上线检查清单验收时刻,稳稳落地。
PHASE 04 / DELIVERY

稳稳落地,持续优化

DELIVER · REFINE · GROW

07

交付、复盘与持续优化

设计交付、开发协作、上线检查、反馈整理与版本优化。

设计交付输出完整设计稿
开发协作对齐实现细节
上线检查功能与体验验证
反馈优化收集反馈并迭代

MY CAPABILITIES

核心能力矩阵

从需求洞察到产品落地,结合 AI 与设计思维,
提供可落地的全链路能力,创造更好的产品与体验。

产品与体验设计

从需求分析、用户研究、信息架构到交互策略,
定义产品该做什么、怎么做。

产品策略用户研究交互设计B端产品设计

视觉与品牌设计

从界面视觉语言到品牌识别体系,让产品端与传播端
共享同一套视觉基因。

UI 视觉设计品牌设计视觉规范动效与插画

AI 产品与生产系统

AI 产品体验、智能体、工作流与内容生产,
把模型能力转化为可用的业务产品。

AI 产品设计AI 工作流智能体设计AIGC 内容生产

前端落地与设计协作

用前端实现验证设计,用设计管理保证质量,
缩短从方案到上线的距离。

前端实现设计协作设计管理交付体验
20

项核心专业能力

跨越产品、设计、AI 与前端的全栈能力,形成从洞察到落地的完整闭环。

需求分析与需求文档用户研究产品规划交互设计UI 设计 B端后台系统设计移动端 APP 设计前端网页设计与实现电商视觉设计品牌设计 Logo 设计IP 形象设计平面设计AI 绘画AI 视频 AI 剪辑AI 产品设计AI 智能客服AI 获客系统AI 智能体与 AI 工作流设计
04 / AI WORKBENCH

AI 工具不是 Logo 墙,
是生产系统

核心能力不是依赖某一款 AI 软件,而是快速掌握新工具,并根据业务场景组合出稳定、可执行、可复用的 AI 工作流。

AI 大语言模型

分析 / 内容 / 推理 / Agent
ChatGPT / Claude / Gemini / DeepSeek / Grok / Kimi / 通义千问 / 豆包

AI 视觉设计

创意 / KV / 电商 / 品牌 / 插画
Midjourney / Stable Diffusion / Flux / DALL·E / Adobe Firefly / 即梦 / 可灵 / 通义万相

AI 视频与剪辑

分镜 / 视频生成 / 后期 / 剪辑
Sora / Veo / Runway / Kling可灵 / 即梦 / 剪映 / Premiere / After Effects

AI 开发与原型

Design to Code / Prototype / Web
Codex / Cursor / Claude Code / GitHub Copilot / Figma AI / Framer / Webflow / 主流AI建站工具

AI 工作流与自动化

Agent / Automation / Knowledge Base
Dify / Coze / n8n / Make / Zapier / FastGPT / 企业知识库平台
8 项合作价值
01

减少多岗位重复投入

减少重复理解需求、整理信息和基础方案输出。

02

减少部分外包成本

对可内部完成的品牌、视觉、原型与 AI 内容减少不必要外包。

03

降低跨部门沟通损耗

同时理解产品、设计、开发、品牌和 AI 语言,降低信息失真。

04

减少设计与开发返工

在设计阶段考虑实现逻辑,通过原型更早发现问题。

05

缩短方案与内容周期

使用 AI 辅助方案探索、视觉生成、内容制作与重复流程。

06

提升产品设计落地效率

从需求到页面再到实现验证,减少设计与产品之间的距离。

07

建立企业 AI 工作流

连接大模型、知识库、工具调用、人工审核与自动化。

08

加快产品从想法到上线

通过产品、设计、原型与 AI 快速形成可验证版本。

05 / ABOUT

屏幕背后的我

以下内容基于作品集中的代表项目,展示我在产品设计、视觉表达、AI 工作流与落地协作中的实践路径。

PROJECT 01

私厨管家 App

AI 陪伴式烹饪产品 / 产品设计 / UI 设计

围绕“做饭决策难、烹饪陪伴弱”的问题,完成首页推荐、拍照识别、语音伴厨、个人偏好等核心体验设计,构建从食材识别到烹饪反馈的完整使用闭环。

PROJECT 02

私厨管家后台管理系统

B 端工作台 / 信息架构 / 设计系统

为内容运营与菜谱管理搭建后台工作台,梳理菜谱、分类、推荐、用户反馈等管理模块,统一页面结构、表格规则与组件规范,提升系统化管理效率。

PROJECT 03

AI 外贸自动获客工作台

AI 工作流 / SaaS 产品 / 前端落地协作

围绕“线索研究—人工审核—跟进执行”流程,设计研究工作台、审核中心、线索与执行模块,帮助复杂 AI 工作流转化为可理解、可验证、可演示的产品体验。

PROJECT 04

AI 漫剧《李时珍》

AIGC 内容创作 / 分镜设计 / 视觉叙事

从剧本段落、人物设定到分镜气氛与镜头语言,完成系列画面规划与提示词设计,探索 AI 生图与视频表达在历史题材内容创作中的落地方式。

从体验设计到内容表达,持续让想法变成可被看见的成果。

董浩的个人肖像

董浩

AI 全栈设计师

产品 × 设计 × 品牌 × 前端 × AI

用设计与 AI,让更好的创意发生。

About Me · 关于我

我的目标不是增加工具数量,而是不断缩短“想法 → 产品 → 交付”之间的距离。

我相信设计的价值,
不只在于表达,
更在于让复杂问题被更高效地看见、理解并落地。

GOOD DESIGN
CREATES REAL CHANGE.

我是一名 AI 全栈设计师,关注产品体验、交互设计、品牌表达与前端落地之间的连接。
从需求梳理、原型设计到视觉系统、AIGC 内容与页面实现,我更擅长把抽象想法整理成可演示、可验证、可推进的方案。

在 AI 时代,我希望让设计不仅停留在表达层,而是成为推动产品落地、协作提效与体验升级的关键能力。

产品思维

从真实需求出发
规划可落地的方案

AI 驱动

用 AI 扩展设计边界
提升效率与质量

设计表达

通过视觉与交互
让产品更易被理解

前端落地

关注设计与开发的衔接
推动方案真正上线

THANKS FOR WATCHING

感谢你的观看

期待与你交流,一起让好的想法发生。

我相信,设计的价值不止于表达,
更在于把复杂问题变得清晰,把想法推进到真正落地。
感谢你的观看,期待在下一个项目里,
与更多有趣的想法相遇。

用设计连接想法与落地
让创意真正发生价值

IDEAS
DESIGN
PRODUCTS
PEOPLE
…
戴眼镜的设计师坐在台阶上使用笔记本电脑,身旁有小机器人和 Design、Create、Impact 书本
LET’S TALK

让好的想法发生。

你好,我是董浩。期待听听你的想法。

邮箱2811671371@qq.com 电话132 9427 3962

产品 × 设计 × 品牌 × 前端 × AI