主投 · 资深 UI/UX 设计师|B 端 / 金融科技

陈 元CHEN YUAN · SHENZHEN

把银行级复杂业务,做成能上线的清晰界面。

12 年招商银行信息技术部驻场设计,主导平台级 SaaS 转化重构(注册转化相对提升 20%,留存同步提升);2023 年起独立完成 6 个线上产品的定位、设计、开发与上线。深圳(深户),可随时到岗。

+20%
薪福通 4.0 注册转化率 · 相对提升
3 轮 A/B · 2022.12–2023.03 · 留存同步提升
12 年
招商银行信息技术部驻场
中电金信 · 2011.11–2023.08 · 同一客户
6 个
独立上线并运维的线上产品
定位 / 设计 / 前后端 / 部署 · 一人完成
01 / SELECTED WORK · 2007—2023

在职代表作

十二年金融一线,两件能代表复杂度与规范能力的作品。

展示边界:以上为公开营销页视觉与图标规范展示,不含内部系统真实数据;招行 APP、农行数据大屏等内部界面可在面试环节以脱敏稿说明。
02 / CURRENT

现在做什么

六个线上产品,由一人完成定位、UI/UX、前后端与部署;截图为 2026.11 实拍首页,每个都能点开验证。

2023.08 — 至今 独立产品开发者 / 全栈设计师 INDEPENDENT · SHENZHEN · 6 LIVE SITES
明智购房计算器 Pro 首页:房贷 / 公积金 / 个税一站式测算
01 / FLAGSHIP · FINTECH TOOL

明智购房计算器 Pro

房贷 / 公积金 / 个税一站式测算

10 个专业工具:月供、还款计划、提前还款、方案对比、购房预算、税费、公积金额度、利率行情与个税测算;2026-10 最新利率口径,纯本地测算不上传数据。

10 个工具 / 2026-10 利率 / 数据不出设备
世界旅游景点网首页:长城晨雾大图与编辑式衬线标题
02 / CONTENT MEDIA

世界旅游景点网 Wonders of the World

编辑式线上旅行杂志 · 中英双语

收录 498 处世界级目的地、4980 篇旅行文章。放弃工具站卡片流,改用编辑杂志语言:全屏摄影 Hero、衬线大标题、本期专题、目的地专栏、编辑精选,支持中英切换与暗色模式。

498 目的地 · 4980 篇文章 | 内容架构 / 视觉 / 前端 / 部署
网址地图 Web Atlas 首页截图
03 / NAVIGATION

网址地图 Web Atlas

人工精选网址库 · 行业研究

人工精选 658+ 个优质站点、19 大分类,强大搜索直达、一键收藏,把全网好站装进一张地图。

658+ 站点 / 19 分类 / 搜索直达
工具集 ToolHub 首页截图
04 / SOFTWARE DIRECTORY

工具集 ToolHub

软件工具精选导航

收录国内外精选软件工具,覆盖效率办公、设计创意、AI 工具、编程开发等 12 大分类,独立部署与持续运维。

12 大分类 / 独立部署与运维
OmniForge 万象工坊首页截图
05 / LOCAL-FIRST TOOLS

OmniForge 万象工坊

一站式在线工具集 · 本地运行

102 款工具覆盖图片、PDF、文档转换、文本、开发调试、换算与设计,支持批量处理,全部本地运行;另收录 300+ 款全网精选工具导航。

102 款工具 · 300+ 导航 / 数据不出设备
奥可图 Aiokdo 首页:上传一张产品图,一键交付全平台合规素材包
06 / B 端 SAAS

奥可图 Aiokdo

跨境卖家 AI 合规素材工作台

为亚马逊 / Shopee / TikTok Shop / Shopify 卖家打造:上传一张产品图,一键产出全平台合规主图、A+ 模块、广告横幅、社媒图与 Listing 文案,自动校验 RGB 255 纯白底与四大平台规范。独立完成产品定位、设计系统、工作台、落地页、定价与部署。

RGB 255 校验 · 4 大平台规范 · 1 张图 → 整套素材
03 / JUDGEMENT

怎么做判断

三个取舍,每个只回答一件事:当时为什么这样决定。

01

薪福通 4.0 · 先减路径,再谈视觉

2022.12 – 2023.03 · 平台级 SaaS · A/B 测试

完成用户研究与信息架构后重设计核心转化路径,经 3 轮 A/B 测试迭代,实现注册转化率相对提升 20%、留存同步提升。

判断:把资源投在「减少路径上的不确定」而不是「重做视觉」。先定位流失节点,再用数据验证方案。
02

奥可图 Aiokdo · 垂直定位而非通用生图

2024 – 至今 · 独立产品 · 产品定位 / 设计系统 / 全栈交付

没有做又一个「AI 生成图片」工具,锁定跨境卖家的合规痛点:一张产品图产出多平台合规素材,自动校验 RGB 255 纯白底。

判断:通用生图赛道已有 Canva / Pebblely / 稿定设计,硬拼功能没有胜算;「跨境合规 + 多平台分发闭环」是它们不做的窄口。
03

世界旅游景点网 · 内容产品而非工具站

2025 – 至今 · 独立产品 · 内容架构 / 编辑式视觉 / 中英双语

498 处目的地、4980 篇文章的内容体量,最终没有用卡片流,而采用编辑杂志语言:全屏摄影 Hero、衬线大标题、本期专题、编辑精选。

判断:内容型产品拼的是「愿意读下去」,不是「找得到」。卡片流适合工具站,会削弱阅读感;先定阅读节奏,再定栅格与组件。
04 / EXPERIENCE

工作履历

2007 — 2023,16 年 UI/UX 设计,三段经历、一条主线:金融与政企级产品的界面、规范与持续迭代。

2011.11 — 2023.08
中电金信软件有限公司
高级 UI 设计师 · 驻场招商银行信息技术部

负责招行 APP、一网通、薪福通、云运维平台等核心产品 UI/UX 与持续迭代;主导设计规范制定与风格改版,多次 0→1 搭建;主导薪福通 4.0 改版(注册转化相对提升 20%);兼管品牌物料、活动摄影与 MG 动效。

2010.08 — 2011.11
北京力鼎创软科技有限公司
UI 设计工程师

主导深圳第 26 届大运会 INFO 媒体信息发布系统 UI 及前端设计,服务国际级赛事;参与国家环保业务综合管理系统 UI 设计。

2007.07 — 2010.08
广州普天华信通讯设备有限公司
UI 设计师

负责公司网站系统与移动增值产品 UI 设计与迭代,独立产出网页、海报、横幅等全案视觉。

05 / CAPABILITY

能力与背景

工具只写「用它交付了什么」,不写熟练度。

技能 / SKILLS
设计 / DESIGN

Sketch · Figma · Photoshop · Illustrator。用于 B 端工作台、设计系统、品牌标识与营销落地页;输出栅格、色彩、3D 图标与组件规范,前端可直接复用。

全栈交付 / DELIVERY

HTML · CSS · JavaScript · 响应式。贯通需求分析、界面设计、前端实现、后端与部署,独立完成 6 个产品的上线与运维。

动效与影像 / MOTION

After Effects · Premiere · C4D · 摄影。品牌物料、视频剪辑与 MG 动效;曾任招行活动摄影师。

语言 / LANGUAGE

粤语(母语)· 英语(良好)。长期在跨部门、跨甲乙方环境中做需求澄清与设计评审。

其他交付 / ALSO DELIVERED
农业银行 · 数据大屏可视化与信息架构重构(2023.05–08)
招行 APP / 一网通11 年持续迭代与多端设计体系沉淀
品牌标识「缘来是你」字标 / 色彩 / 字体 / 组件全套规范
奥可图 LOGO品牌标识与字体规范
ICON 库网站 · 图像工具图标体系与图像处理工具
线上工具网 · 软件工具站工具矩阵与内容架构
房贷计算器小程序 / 网站多端视觉方案迭代
外贸论坛 · 企业网站社区与企业站信息架构
教育 / EDUCATION
对外经济贸易大学
电子商务 · 本科 | 2012 – 2014
广东轻工职业技术学院
计算机应用技术 · 大专 | 2004 – 2007
06 / CONTACT

可以直接联系我

找一个能把设计
做到上线的人。