20 年设计实战 · 阿里 / 字节 / 美团 / 百度 · 现敦煌网设计总监
万物互联网时代,手机 / 车机 / PAD / IoT 各自为政,用户跨端体验割裂。系统需要的不再是单端功能堆叠,而是「多端一致的系统体验 + 更智能、更情感化的交互入口」。
两类决策者:B 端手机厂商(采购可定制系统,关注成本与差异化卖点)+ C 端终端消费者(实际使用体验)。设计需同时满足「厂商可售卖」与「用户愿使用」。
系统一致性语音唤醒率 / 任务完成率支付生态留存
语音助手「情感化(陪伴型)」与「科技化(效率型)」按场景取舍:日常陪伴走情感化,效率任务走科技化;钱包聚合票据 / 优惠券 / 支付,构建生活服务生态闭环。
定义 Launcher / 锁屏 / 主题 / 语音 / 钱包等多端核心页面与系统级规范,把「多端一致」从口号落成可执行、可复制的标准。
「从界面到生态,系统设计定义的是多端一致的标准与入口。」
用 AI 一次生成多个 IP 形象方向(国风 / 写实 / 3D 卡通),快速比较气质与识别度,把用户感受的「不对」提前暴露在草图阶段。
Buy Sell Globally 这类品牌主张,用 AI 生成地球 + 飞机 + 货场的 3D 场景,比纯三维建模快 5–10 倍,再由设计师调透视、配色与品牌符号。
桃源社群 App 的首页、课程、社群、合作等模块,用 AI 出高保真氛围稿,快速对齐产品情绪(治愈 / 安静 / 生长),再落到真实 UI 组件。
9 幕分镜(光点初生 → 粒子流动 → 蝴蝶幻化 → 万物生长 → 星系汇聚)全部由 AI 生成粒子与光效场景,设计师负责节奏、字幕与品牌调性统一。
用 ChatGPT 把品牌关键词翻译成结构化提示词(主体 / 风格 / 光影 / 构图 / 负向词),配合 image-to-image 锁定角色一致性,避免每次抽卡都像新角色。
联动 ChatGPT 写脚本与分镜、SeeDream 出关键帧与动态镜头,输出集团跨境业务 8K 宣传视频;同品质外包报价 2W+ 美金,AI 链路把这部分预算省了下来,节奏还能按业务节点随时重剪。
「AI 把设计师从重复出图里解放出来,但判断什么是好设计、什么该落地,仍然是人的事。」
采购商城首页是采购员接触商城的「第一窗口和唯一交互页面」,但当时不具备电商网站应有的功能:版式陈旧、缺少商城基础功能、运营无法自主配置、自采占比低且购买链路长。问题不是「不好看」,而是「采购员不会用、运营管不了、业务推不动」。
集团内采购员(高频日常使用)与运营(需要自主配置专区/模块)。B 端场景特征:目标明确、任务高频、合规敏感、效率优先。
商品自采化占比搜索成功率/时长运营配置成本首页屏效
四个专项动作:① 全局搜索改造(搜索与 banner 分离、滚动置顶,任何位置可搜);② 个人信息卡片整合(单据状态与个人入口合一);③ 模块化能力拓展(卡片化替代线框矩阵,适配移动端);④ 专区能力拓展(运营位 + Tab 切换,支撑品类推广)。
以「首页为唯一交互窗口」为事实起点,按问题优先级排序:先解决搜索与信息获取效率(最高频),再解决运营可配置(成本与灵活度),最后做视觉电商化(体验一致性)。
「B 端改版的第一性原理是效率与合规,视觉电商化只是让效率可被感知的外壳。」
把「中心首页」从功能堆砌改成工作台:高频事项上屏、低频入口折叠,按采购员一天的工作节奏组织信息,屏效优先。
一级导航三种行为(跳转 / 展开 / 切换)收敛为一套规则:同级切换用 tab、跨级用跳转、聚合用展开,消除用户对「点了会发生什么」的不确定。
快速入口(采购商城 / 供应商平台 / 游戏采购 / 运维管理)独立成组;待办、数据概览、列表组合按使用频率分层,解决原导航「什么都有、什么都找不到」。
补齐组件库使用规范,同一类操作入口使用同一反馈形式,列表页组合优化,降低跨页面认知成本。
「B 端工作台的体验问题,往往不是缺功能,而是功能没有按用户的工作流排好序。」
运营后台支持按场景配置模块:采购流程引导、案例推荐、采购员(责任部门)、相关商品、入口配置、常见问题,全部可视化拖拽。
把采购流程拆成 5 步可视化节点,运营可替换每一步的文案与配图,采购员顺着走就能完成一次完整采购。
非商城商品采购需求与商城商品采购需求在同一后台汇总展示,运营按品类、状态、优先级筛选处理,避免采购员在多个入口之间切换。
右侧实时预览配置效果,左侧修改即同步;供应商、采购员、商品库三个数据源可直接绑定,减少开发介入。
「运营后台的价值不是给运营多加一个工具,而是让业务配置回归业务本身,把设计与开发从重复配置里解放出来。」
通过小象生鲜数据发现:中年用户(35–40+)偏好固定时段打折菜品的「超市抢购」体验,青年用户(25–35)周末购买品质食材;两类用户都价格敏感。原有的片区/推荐内容无法满足「抢购氛围 + 明确优惠」的场景诉求。
两类并存:追求「超市排队抢购感」的中老年价格敏感用户 + 追求品质感周末采购的年轻用户。共性是价格敏感,差异是决策动机(省钱 vs 品质)。
首页点击率抢购模块购买率客单价复购
创建「平价菜场」模块:首页置顶 + 分时段精准推送(早市/晚市特惠),限时秒杀/折扣/满减活动制造「排队参与感」,按品类搭建超市促销场景,结合节日活动策划互动。详情页同步抢购氛围,购物车/提单/订单页强化优惠感知。
依据用户数据(分时段购买行为)、象限定位、市场占有率和专家判断做品类分析;以「视觉吸引强、色彩识别度高、浏览舒适」为风格共识;多方案尝试 + 专业评审收敛。
「把线下超市『排队抢购』的从众与稀缺心理搬到线上,让促销有场景、有节奏、有参与感。」
在跨境电商出海主业务之外,敦煌网探索女性精神消费新赛道。女性在快节奏与多重身份下普遍存在「向内探索」需求,但市面产品要么偏工具(冥想计时)要么偏内容(知识付费),缺乏把「自我认知—情绪觉察—同伴成长」串起来的完整闭环。
以低饱和疗愈色(雾蓝 / 暖沙 / 柔粉)为基底,大留白 + 柔和圆角 + 手绘质感插画,让第一眼即是「平静、被接纳」的感官信号——把「向内探索」从口号变成打开 App 那一刻的氛围。
25–45 岁、关注自我成长的女性用户,典型场景:通勤/睡前做一次正念练习、情绪低谷时与 AI 对话梳理感受、在社群中找到同频伙伴共同完成 21 天觉察计划。
三支柱结构:AI 智能体(即时情绪陪伴)+ 正念觉察(行为习惯)+ 数字身份/社群(归属与成长证据)。价值主线「向内探索 → 共同成长 → 全球探索」贯穿产品结构而非仅营销文案。
次日留存7日练习完成率AI 对话次日回访数字身份创建率
内测期重点验证:新用户是否 3 步内完成「兴趣测评 → 生成数字身份 → 首次练习」;AI 对话后是否产生练习/分享行为;数字身份是否形成社交钩子。
「把情绪价值产品化为可持续的练习与关系,而不是一次性内容消费。」
从 App 内社区向外延伸为全球成长共创平台:GoodSphere 官网以「From Good to GoodSphere」为主张,承载创作者故事(Creator Stories)、用户发声 CTA、线下活动时间线,把「善意流动」从 App 内体验扩展为可被分享、可被参与的品牌阵地。
跨境买家在下单决策中有四类核心顾虑:退货保障、物流时效、支付安全、客服响应。此前这些利益点分散在页面角落且表达不一致,用户「看到了但没感知」,心智无法沉淀,转化被隐性顾虑拖累。
以首次/低频跨境买家为主:信任成本高、比价谨慎、害怕「踩坑」。决策不是一次性动作,而是首页→频道→详情→列表逐层建立的信任累积。
UV→Buyer CR人均订单数日GMV年GMV
将四类利益点(无忧购物 / 全球物流 / 24-7 客服 / 安全支付)提炼为统一视觉语言,沿导购链路逐层透出:首页建立整体信任,频道页绑定品类权益,详情页强化购买理由,列表页降低决策摩擦。
线上 AB 实验(2024.04.29–05.08):实验组 CR 8.12% vs 对照组 7.96%,净提升 +2.1%;日 GMV +2.74w,按年化推算 +1000w+。口径说明:统计周期、实验分组、样本均为线上真实数据。
「转化优化不是加促销位,而是把用户每个顾虑在正确的决策节点上逐一拆掉。」
平台 GMV 增长依赖老用户持续复购,而老用户下单后缺乏「再次回来的理由」。单纯降价伤毛利,需要一套成本可控、节奏明确的激励体系。
下单 ≥1 次的存量用户:购买力已验证、对平台有基础信任,但尚未形成复购习惯。礼包价值主张随用户分层差异化(首单用户 vs 沉默用户)。
复购率GMV 日/年增量Coupon ROICR
「复购礼包」= 定向券包($200 组合:无门槛券 + 满减券 + 品类券),在首页/频道/详情/AI 助理全链路触达;领取即归属、限期使用,制造「不用就亏」的紧迫感;AB 实验持续校准券结构与触达位。
上线后复购率 +5.1%,GMV 日增量 $104,272、年增量 $38,059,181,Coupon ROI 5.5 倍,CR +2.1%(实验组 8.12% vs 对照组 7.96%)。口径:线上 AB 实验及正式上线数据(2024.04.29–05.08 及后续跟踪)。
「用对用户的『确定性收益』换取平台的『确定性复购』,是 ROI 驱动的精细化运营。」
从「查位置的工具」升级为「身边生活的入口」:升级路线可视化、精彩附近个性化推荐、全新街景 360°、生活化服务聚合。我负责整体风格定位与核心页面设计规范。
「让利 1 个亿」四波次节奏(7 月预热 → 8.18 开启 → 8.10 → 8.15),紫金主视觉 + 商品瀑布流;团购首页按美食 / 电影 / 酒店 / 丽人 / 生活服务分频道,一键收藏降低决策成本。
面向开发者的 API 更新传播:IP 定位 V1.1、Place Suggestion V1.0 等能力用 banner + 关键字提示的方式讲清楚「这版 API 能帮你做什么」,让开发者一眼看懂价值。
把商户信息(招牌菜、标签、地址、评分、人均、电话、评论数)压成一张可扫读的卡片,按餐饮 / 生活 / 丽人三类做差异化视觉,再配「下载优惠券」转化锚点。
地图、团购、API、客户端推广页共用红色定位图标 +「索引真实世界」主张,跨产品线保持家族感;C 端用户找店、B 端开发者调 API,认的是同一个视觉资产。
「地图是入口,团购是变现,API 是生态——三摊子事用同一套视觉语言讲,设计才不会散。」
先一句话钉住品牌位置,再用一个可被秒懂的视觉符号反复锤入用户心智。百度 LBS 用红色定位图标 +「索引真实世界」一句话,把地图、导航、团购三条产品线统一在同一个视觉资产下。
品牌需要一个能陪用户聊天的「人」。敦煌网骆驼「煌大麦」从性格设定(敢闯、热情、可信)→ 三视图 → 表情延展 → 3D 周边 → 节日营销物料,一条线打通,让品牌有温度而非一张 logo。
借对方人群破圈。DHgate × Seel 在纽约时代广场做联合投放:黄色地球 KV + 纳斯达克大屏 + 线下展示位,把「Buy Globally, Sell Globally」从一句 slogan 变成可被测量的曝光资产(线上 75 万曝光、线下近 300 万次展示)。
品牌不是被讲出来的,是被一步步演出来的。GoodSphere 9 幕分镜从「光点初生 → 粒子流动 → 蝴蝶幻化 → 汇聚成星球」,用善意流动的叙事弧光,把抽象品牌主张翻译成可被感知的 24 秒。
一个主张、多种触点:KV、网页、印刷、周边、线下大屏、短视频——所有物料共享同一套色彩、字体和语气。AliOS 集团视觉体系覆盖员工大会、云板块大会、业务大赛主视觉,跨年份保持家族感。
App 图标是品牌在手机桌面上的「3 秒门面」。DHgate 图标焕新以「拔开黄色迷雾,迎接曙光」为概念:保留地球元素与购物袋符号,加入曙光渐变与飞机轨迹,让买全球卖全球的主张在 60×60 的尺寸里依然成立,并产出手机桌面、App Store、品牌延展三套场景规范。
品牌不是玄学,投放后看曝光、完播、点击、转化是否回到生意本身。联名项目保留 Online / Offline 双口径看板,让下一次品牌预算花在可复用的资产上。
干设计二十年,没换过赛道,只是换着地方耕耘。
从游戏网页到智能系统,从 C 端体验到 B 端中台,历经八家公司、四个阶段,完整走过专业深耕、系统设计、团队管理、业务驱动。既懂产品怎么打动人,也懂系统怎么扛得住。
干得越久,越不敢给自己贴标签。定位这个词,越想确认,越容易把自己框住。专业做到后面其实是肌肉记忆,不用天天挂在嘴边。真正该提醒自己的,是偶尔跳出来看看周围正在发生什么,保持一点松弛和觉察,跟着事情的流动做判断——这比执着于“我很专业”靠谱得多。
设计这行,难的不是把一张图画好,
是让它在业务里活下来。—— 一点从业心得
不追风口,活儿干得够久,
风会自己来找你。—— 关于长期主义
从设计组长到设计总监,小团队到跨方向团队:立标杆、搭梯队、带骨干,设计招聘与专业评审一肩挑。
美团 MTD 设计体系从 0 到 1:沉淀设计规范 5 套、品牌规范 1 套,覆盖 200+ 设计师与 2000+ 协同人员。
跨境电商全链路营销与复购:CR +2.1%、复购率 +5.1%、Coupon ROI 5.5 倍、年 GMV 千万级增量。
用扣子搭建生图 Agent,联动 Midjourney、Seedream 等工具输出 8K 宣传视频,为集团节省 2W+ 美金外包费。
从敦煌网骆驼「煌大麦」到紫马财行紫色小马:性格设定、三视图、表情延展、3D 周边、节日物料一条龙,让品牌有个能聊天的「人」。
DHgate × Seel 纽约时代广场联名提案:黄色地球 KV + 纳斯达克大屏,线上 75 万曝光、线下近 300 万次展示,品牌预算回到可测量的资产。
GoodSphere 9 幕分镜从「光点初生」到「善意星球」,24 秒把抽象主张翻译成视觉弧光;用 AI 工具链为集团输出 8K 宣传视频,省 2W+ 美金外包费。
AliOS / 阿里云员工大会、YunOS 大会、云板块大会主视觉;百度世界大会 LBS 三折页、书签、手册——跨年份、跨产品线保持同一套视觉家族感。
DHgate App/PC 全链路营销与复购专项(CR +2.1%、复购 +5.1%);品牌 IP「煌大麦」;她山业务视觉从 0 到 1。
采购商城电商化改版:搜索置顶、信息卡片整合、商城专区卡片化;采购中心体验升级,设计 0 delay。
买菜 App 风格定位与平价菜场模块、购物—提单—订单全链路;MTD 设计体系从 0 到 1,打通产研流程。
Launcher、语音助手、卡包等系统应用从 0 到 1 与设计规范;阿里云员工大会、YunOS 大会视觉体系。
升任 LBS 设计负责人,带 8 人团队;曾一人完成“创意—动画—视频”全流程,将 10 秒宣传动画压至 980KB 顺利上线。
管理 GUI 设计与营销设计两条线,负责天天斗地主等产品视觉与游戏动效设计。
负责《西游记》《问鼎》《神兽》三款游戏的网页设计、UI 设计及周边设计。
《热血江湖》网页与 UI、《特种部队》中国官网、《极速轮滑》官方 Logo 与宣传视频。
鲁迅美术学院 · 视觉传达系 · 多媒体专业 · 本科 · 2006 年毕业
电话 13439370243 · 邮箱 278647411@qq.com · 微信 Late_Goodbye