JIN
Selected Works
Jin
视觉设计作品集
设计方向
Scroll
Amazon E-commerce Design
高级 A+
普通 A+
高级 A+
普通 A+
高级 A+
普通 A+
高级 A+
高级 A+
.jpg)
.jpg)
优化前
优化后
Amazon 电商视觉设计
展示 Amazon 主图、副图、A+ 长页面与主图优化案例，内容覆盖产品渲染、卖点梳理、规格对比和场景展示。
Amazon 主图设计
展示户外用品、工业设备、消费电子与家居产品的白底主图、功能说明、规格对比、使用步骤和应用场景。
Case 01
户外登山主图设计
主图展示登山杖与完整配件，副图说明杖尖地形、折叠步骤、轻量材质、户外场景和产品细节。
Case 02
工业级 PoE 交换机
白底主图突出设备结构，副图展示 PoE 端口、DIN 导轨安装、千兆传输、宽温运行和连接方式。
Case 03
消费电子配件
图片按接口规格、兼容设备、安装方式、结构细节和材质展示，方便用户确认适配关系。
Case 04
家居收纳系列
图片展示产品尺寸、组合方式、安装步骤、收纳容量和家庭空间中的实际使用效果。
Case 05
运动周边系列
副图展示佩戴效果、尺寸重量、材料结构、运动场景和局部细节。
Case 06
厨房工具系列
副图依次说明操作步骤、使用前后效果、食品接触材质、清洁方式和收纳细节。
Amazon A+ 页面设计
普通 A+ 侧重品牌故事、核心功能和场景应用；高级 A+ 增加横幅、规格对比、结构细节与系列产品展示，呈现不同篇幅下的信息编排与视觉风格。
Amazon 主图优化案例
重新完成产品渲染，统一构图、材质、光影和信息层级。拖动中间滑块可对比优化前后的画面差异。
优化前
优化后
↔
上线后的数据表现
新版图片于 2026 年 3–4 月陆续上线。同期广告点击率上升，运营反馈自然订单和销量有所增加；由于竞价、关键词及投放策略同期也在调整，数据仅作为上线后的阶段性观察。
新图上线时间：2026年3–4月
CTR 同期 ↑
新图上线后观察到点击率上升
自然单 ↑
运营反馈自然销量增长
优化中
广告转化仍在持续调整
新图上线前后 CTR 同期趋势｜2026.01–2026.07
同期 CTR 月度变化
根据现有广告后台截图整理的近似趋势，用于呈现新图上线前后的点击率变化；并非完整原始数据导出。7月数据可能尚未完整。
Brochure & Print
企业宣传画册
展示 4 本企业产品画册与 1 份四折页，内容涵盖工业设备、PoE 智能照明、精密刀具和户外网络解决方案。
画册 01
精密制造设备产品手册
面向精密机械制造业务，以设备实拍和加工能力为视觉核心。版面从企业与生产实力切入，再展开机型结构、功能特点和规格参数，让专业采购人员能够快速建立整体认知。
内容重点建立制造实力认知
将厂房、设备与加工能力组织成可信的企业形象。
信息结构分层呈现技术资料
区分优势、结构与参数，降低专业内容阅读成本。
视觉规范工业感视觉秩序
以绿色识别色和大幅设备图统一跨页节奏。
使用场景销售与客户沟通
兼顾品牌介绍、产品说明和采购选型场景。
画册 02
智能照明系统解决方案手册
围绕“照明即数字基础设施”的品牌主张，把供电、数据、控制与节能优势整理成易理解的系统故事，说明 PoE 照明从硬件到软件的一体化价值。
核心主题重新定义照明系统
从单一灯具升级为可联网、可管理的数字基础设施。
信息图解复杂方案可视化
以对比表、拓扑图和图标解释系统运行逻辑。
阅读顺序从优势到落地
依次呈现方案价值、系统组成、产品与应用场景。
视觉语言绿色科技视觉
用轻量网格和绿色识别建立清洁、节能的印象。
画册 03
精密刀具产品体系手册
以“动力刀座领创者”为定位，蓝色技术感贯穿企业介绍、专利资质与产品系列，使品牌实力与产品选型形成连贯、可信的阅读结构。
品牌定位突出行业专业度
围绕加工经验、精度与技术积累塑造品牌定位。
实力背书资质形成品牌背书
将专利、荣誉和企业规模转化为可见的信任依据。
产品结构清晰梳理型号体系
通过系列划分与参数层级辅助客户快速选型。
视觉风格蓝色精密科技感
以稳定网格承载密集的工业产品与技术信息。
画册 04
户外网络解决方案手册
针对严苛户外环境下的网络连接需求，以企业研发制造能力和全球认证建立信任，再结合低温、雨雪等应用画面解释产品的环境适应性与稳定供电能力。
应用环境聚焦严苛户外环境
以雨雪、低温和远程部署场景建立产品需求语境。
品牌信任认证与数据双重背书
通过研发规模、全球业务和产品认证强化可靠性。
产品说明从环境到性能
把防护、供电与连接能力对应到真实应用问题。
销售支持支持海外市场沟通
英文内容与产品信息兼顾品牌传播和销售选型。
折页 05
智能照明品牌四折页
为展会与客户沟通设计的轻量化宣传物料，在有限折面中集中呈现品牌定位、服务能力、系统架构与合作入口，展开与折叠状态都保留完整的信息动线。
折页结构四折连续阅读
利用折面顺序控制信息揭示与视觉节奏。
内容重点浓缩系统价值
在有限空间内保留服务、拓扑和合作信息。
封面设计场景化品牌入口
折叠后用空间场景和核心主张快速吸引关注。
使用场景展会快速传播
便于携带、讲解和客户会后继续阅读。
Website Design & Digital Experience
01
02
03
04
步骤 01多维表格录入
步骤 02建立节点关系
步骤 03导出 CSV
步骤 04替换并验证
飞书多维表格：固定字段维护设备层级、图片、端口和页面跳转关系。
同一套拓扑结构可根据 CSV 数据应用到不同型号和连接场景。
SCROLL / 上下滑动查看页面
服务呈现
让咨询产品变得可视化
信任内容
以案例、导师与方法论建立信任
咨询转化
从内容阅读连接咨询行动
网站设计案例
展示企业官网升级和咨询行业网站两个案例，重点呈现首页、产品中心、产品详情页与产品拓扑功能的改版结果。
Case 01 · Corporate Website · 2026.04 — Present
企业官网升级
项目说明
旧站难以覆盖当前产品线，也缺少统一的资料入口。我从业务诊断切入，独立完成产品详情页 HTML 原型， 验证产品筛选、参数、拓扑、型号对比与组合询盘，并推进需求梳理、技术对接和体验验收；项目现已进入内容更新阶段。
问题诊断与需求定义
梳理旧站问题，确定新版网站的业务目标和页面优先级。
同行研究与方案规划
参考同行实践，再结合公司产品与推广需求形成方案。
技术对接与推进落地
主导服务商沟通，确认产品逻辑和功能需求能否落地。
细节优化与上线验收
跟进初稿、视觉细节和功能验证，当前已进入内容更新阶段。
核心页面与产品浏览升级
以下对比展示首页、产品中心和产品详情页的升级前后页面，以及对应解决的产品查找和资料阅读问题。
首页：建立清晰的品牌表达与产品入口
升级前
升级后
旧站问题
旧版首页以轮播图和企业介绍为主，产品入口不突出，访客难以快速判断主营产品与解决方案。
新版解决
新版首屏集中呈现品牌定位，并增加产品分类、重点产品和解决方案入口，缩短用户进入目标内容的路径。
产品中心：重构分类层级与筛选逻辑
升级前
升级后
旧站问题
旧分类与筛选维度无法覆盖持续增加的产品线，同系列型号需要反复进入页面查找。
新版解决
按现有产品体系重建分类与属性筛选，用户可先缩小范围，再查看具体型号。
产品详情页：从基础介绍升级为产品资料中心
升级前
升级后
旧站问题
旧详情页仅有基础介绍与单一参数表，硬件、软件和下载资料分散，型号差异不易判断。
新版解决
新版拆分硬件与软件参数，并加入拓扑、产品特征、型号对比、视频、下载、组合询盘和 Amazon 购买入口。
产品详情页信息架构与询盘路径
我使用 AI 辅助生成代码，独立完成页面结构、交互逻辑和原型调试，供后续开发确认需求。
01
快速理解产品
产品图库核心特点产品介绍产品认证
02
深入查看与选型
硬件参数软件参数产品拓扑图
产品特征型号对比
03
资料获取与询盘
产品视频文件下载在线查询
组合询盘Amazon 购买入口
填写 Amazon 链接时显示购买按钮；没有链接时自动隐藏，避免出现无效入口。
产品拓扑可视化系统
将设备、端口类型和上下级连接关系转化为可交互拓扑图，并通过统一 CSV 字段复用到不同产品和连接场景。
连接类型和产品关系一眼可见
针对工业网络设备参数复杂、连接关系不直观的问题，我独立规划并完成产品详情页的拓扑图展示效果。 设备节点、连接类型和扩展关系被转化为更容易理解的可视化内容。
- CSV 中的端口类型控制连接粒子的颜色与表现，PoE、RS-485 等连接可以被直观区分。
- 支持节点增减、下级设备展开，以及关联产品跳转详情页。
- 同一套结构可以复用到不同型号和连接场景。
数据如何变成拓扑图
固定字段维护设备层级、端口和跳转关系，再通过 CSV 把数据带入拓扑代码。
填写节点、图片、端口类型与跳转信息。
定义主设备、子设备和连接层级。
输出可用于代码配置的数据。
检查粒子类型、节点展开和页面跳转。
Case 02
咨询行业网站设计
网站包含咨询项目、管理课程、客户案例、专家团队、智库内容与在线咨询入口，并通过完整长页面展示服务流程。
SCROLL / 上下滑动查看页面
首页：整合咨询项目、课程体系、客户案例、核心团队与联系入口。
键锋咨询｜企业管理咨询营销网站
键锋咨询是一家面向企业管理升级与经营变革的全案服务机构。 网站以管理诊断与经营改善方法论为内容基础，将原本抽象的咨询服务拆解为可理解的咨询项目、 培训课程、客户案例和智库内容，建立兼顾品牌展示、专业信任与咨询转化的营销型网站。
用经营模型、诊断流程、课程架构和服务步骤说明管理咨询的具体交付内容。
客户成果、培训现场、专家团队和智库文章共同提供专业背书。
在咨询项目、课程和文章页面设置详情、在线咨询和表单入口。
Product Rendering
步骤 01
步骤 02
步骤 03
步骤 04
步骤 01
步骤 02
步骤 03
步骤 04
步骤 01
步骤 02
步骤 03
步骤 04
产品渲染
改成 3 个产品切换展示，不再只放一个。每个产品都展示过程说明，更适合表达渲染能力的广度和稳定性。
白膜与结构
确认产品形体比例、视角和模型准确性，保证后续材质与灯光有稳定基础。
材质表达
建立金属、塑料与细节件的真实材质关系，让产品更贴近实际工业质感。
灯光控制
强化轮廓、层次和重点结构，适配官网、画册和广告图的商业使用场景。
最终输出
输出适合电商、官网、展会与品牌宣传的最终渲染效果图。
角度设定
根据产品结构与卖点，选择更适合传播的主视角，强化识别度。
材质细节
对接缝、倒角、按键与表面纹理进行统一处理，提升真实感。
画面氛围
用深浅背景、反射与边缘光提升高级感，形成更完整的品牌视觉语气。
延展输出
同一产品可延展出官网头图、参数页、海报和 Amazon 副图素材。
造型确认
先确认大轮廓与结构关系，再进入材质与光影细化，避免前期返工。
质感加强
通过微表面反射和局部材质差异，让产品更有精致度与工业可信度。
商业化呈现
让画面更适合营销展示，而不仅是单纯技术渲染，增强视觉传播效果。
多端适配
根据官网、Amazon、画册和视频素材需求输出不同尺寸和比例版本。
E-commerce Detail Pages
澳门风味鸡蛋卷
澳门四宝
爆浆麻糬
缤纷三重奏
福满四果
酱心冰皮饼
桔柿双福
生巧福团
手工蕾丝蛋卷
水晶冰粽
速冻黄油葡式蛋挞皮
汤粽
柿子大福
榴莲果肉冰皮月饼
电商详情页
展示 14 组食品电商详情页，内容涵盖礼盒、蛋卷、麻糬、冰皮甜品与节庆食品，并按原图比例排列。
6+
Years
6 年设计工作经验 具备海外电商、网页设计及企业产品宣传经验
负责过 Amazon 主图与 A+、企业官网、产品画册及海外社媒推广图，能够结合产品特点与市场需求完成视觉方案规划与落地。 熟练使用 Photoshop、Illustrator 和 AI 辅助设计工具，具备产品摄影、视频剪辑及基础网站建设能力，可独立承担公司相关设计项目。
品牌视觉
Amazon 商业视觉
官网设计
产品渲染
AI 辅助设计
摄影
Experience
工作经历
2025.04 — 2026.07
视觉设计师
- 负责公司海外市场产品设计及推广素材制作，包括 Amazon 产品主图、A+ 页面、产品营销图片等；
- 参与企业官网改版项目，负责页面视觉规划、设计输出及与第三方服务商沟通推进；
- 负责产品画册、宣传折页、展会海报、名片等线上线下推广物料设计；
- 负责产品图片拍摄、后期处理及宣传视频拍摄剪辑；
- 使用 KeyShot 完成产品效果展示及基础渲染制作；
- 运用 AI 工具辅助设计方案探索、场景图制作及内容生产，提高设计效率；
- 配合市场、销售及产品团队，根据业务需求完成相关设计支持。
2022.09 — 2025.03
亚马逊美工
- 负责 Amazon 平台产品视觉设计，包括主图、A+ 页面、详情页及产品营销素材制作；
- 根据产品定位、卖点及目标市场需求，完成产品视觉方案规划及图片优化；
- 负责产品图片拍摄、精修、合成及场景化视觉设计；
- 配合运营团队优化产品页面视觉表现，提升产品展示效果；
- 负责产品包装、说明书及相关宣传资料设计。
2020.04 — 2022.08
网页设计师
- 负责企业网站视觉设计、页面制作及后期维护；
- 独立完成网站首页、专题页面、Banner 及活动页面设计；
- 根据客户需求进行网站结构规划、页面布局及视觉优化；
- 使用 HTML/CSS 完成基础网页搭建及页面调整；
- 负责企业画册、宣传海报等品牌推广物料设计。
Contact
设计不仅是视觉表达， 更是解决商业问题的工具。
如果你正在寻找高级视觉设计师、品牌设计师或设计主管方向的合作对象，这里是一个清晰的开始。
Open to design opportunities 欢迎交流职位与合作机会