02 / About
I build visually distinctive websites and creative pages for personal brands, creators, and small teams. My work connects positioning, visual direction, interaction details, and practical delivery so each page feels polished at first glance and useful after the first click.
我会一起梳理你的定位、页面内容、视觉气质和咨询路径，让网站不只是一个作品展示，而是别人了解你、记住你、愿意联系你的入口。
“审美负责第一眼，技术负责把想法真正落地。”
Design principle / 创作原则03 / Selected Work
Personal Brand Website / 个人品牌网站
为设计师、创作者、自由职业者和接单型个人 IP 搭建单页网站，用定位、视觉和交互把专业度在第一屏讲清楚。
适合：想让别人第一眼看懂你是谁、能做什么、为什么值得合作。
Pet Care Product / 宠物照护应用
把宠物健康档案、养护提醒和寄养交接集中到一个轻量应用中，支持建档、驱虫提醒、就诊记录与寄养交接卡。
项目状态：已上线本地体验模式，可直接进入网站完成核心任务并提交体验反馈。
已上线体验版
Rednote Visual System / 小红书内容视觉
为小红书新号、课程账号和案例型内容设计封面风格、栏目结构和内容包装方式，让账号从第一篇开始更统一。
适合：准备长期做内容，但不想每篇都临时找风格、临时想版式。
Custom Interactive Page / 定制交互网页
为需要强记忆点的品牌、作品集、活动页和展示页定制交互首屏，让视觉、动效和信息节奏一起服务表达。
适合：想做出区别于模板站的第一眼，但仍然希望页面清楚、稳定、能上线。
04 / Interaction Lab
把可用于个人网站、作品集和品牌页的互动视觉效果先做成可运行样张。当前只开放 DotField，其他效果等待后续测试。
鼠标靠近时点阵产生轻微鼓起，适合作为黑色高级感网站里的低干扰动态背景。
04 / AI Validation
不是成功案例，而是我从 0 开始测试“AI 能做出什么可展示、可交付作品”的记录。
轮换区负责第一眼展示“能不能做出作品”，下方 6 个作品卡继续保留完整验证信息。
验证 AI 能不能辅助做出更有点击感的小红书封面。
把一个 AI 副业观点做成可阅读、可收藏的图文卡片。
不做工具大合集，只按真实任务整理工具和新手路径。
定位：验证 AI 能不能辅助做出更有点击感的小红书封面。
作品内容：6-9 张封面、同一主题不同风格、标题优化前后对比。
适合展示：封面设计能力、标题判断、账号视觉统一能力。
网站标题：小红书AI副业封面系统。
定位：把一个 AI 副业观点做成可阅读、可收藏的图文卡片。
作品内容：6-8 页图文卡片、每页一个观点、首图 + 内容页 + 总结页。
适合展示：信息整理、排版层级、知识卡片交付能力。
网站标题：AI副业图文卡片。
定位：不做工具大合集，只按真实任务整理工具。
作品内容：写文案、做封面、做PPT、剪视频、整理资料、做网页工具。
适合展示：工具筛选、场景分类、新手路径整理。
网站标题：0基础AI工具清单。
定位：把一个 AI 副业方向拆成是否值得测试的案例页。
作品内容：方向是什么、谁需要、交付物是什么、需要哪些工具、风险在哪里、3-7天怎么测试。
适合展示：项目判断、需求分析、风险意识、验证能力。
网站标题：AI副业项目验证页。
定位：验证 AI 能不能辅助做出可交付的 PPT 或资料包。
作品内容：一份PPT大纲、3-5页PPT样稿、一页资料整理图、前后结构对比。
适合展示：资料结构化、PPT逻辑、办公提效交付能力。
网站标题：AI PPT / 资料整理。
定位：展示 AI 初稿到人工可交付版本之间的差距。
作品内容：AI原始封面 -> 人工优化后、AI初稿文案 -> 小红书可发文案、杂乱资料 -> 清晰卡片、普通PPT -> 可展示PPT。
适合展示：人工判断、审美修正、交付质量控制。
网站标题：AI作品前后对比。
05 / Validation Log
把“看起来很香”的 AI 副业方向拆开测试：先判断能不能做成作品，再判断适不适合新手长期投入。
适合做素材生成和风格测试，但不适合一开始就直接讲收益。
适合练习提示词、结构和连续创作，不适合当第一主方向。
最适合当前阶段验证：能快速做出可展示作品，也能连接小红书内容。
05 / Services
先从具体、可交付的小需求开始：封面、卡片、清单、展示页、落地页和资料结构。
01
02
03
04
05
06 / Service Story
从一个模糊想法，到一个能被看见、被理解、被咨询的页面。
先把“你是谁、面向谁、别人为什么要继续看”说清楚，避免页面只是漂亮但没有判断力。
把介绍、作品、服务、信任点和咨询路径排成一个能读下去的顺序，让页面替你完成说明。
用字体、图片、色彩和留白建立第一眼的专业感，而不是套用常见的 AI 科技模板。
保留轻量但有记忆点的动效，让鼠标、滚动和卡片反馈为体验加分，不影响阅读速度。
最后把合作入口、咨询模板和联系方式放到顺手的位置，让感兴趣的人更容易迈出第一步。
07 / Notes
把审美判断、网页拆解、内容包装和交付经验沉淀成可复用的方法，而不是只停留在灵感截图里。
08 / Process
每一步都尽量清楚、可确认、可交付，避免项目只停留在“感觉不错”。
先确认你是谁、想吸引谁、希望别人看完采取什么行动，再整理参考风格、页面内容和合作目标。
输出：定位方向 / 内容清单 / 参考风格围绕首屏气质、字体、色彩、版式和交互感觉做方向确认，让审美先对味，再进入完整制作。
输出：视觉关键词 / 首屏方向 / 页面节奏把确认好的方向做成真实网页，完成内容模块、响应式适配、动效细节和必要的交互状态。
输出：完整页面 / 交互动效 / 手机适配检查电脑端与移动端体验，修正文字、间距和链接细节，交付可上线文件，并说明后续如何替换内容。
输出：上线文件 / 替换说明 / 修改建议09 / FAQ
可以。很多项目一开始只有方向和参考图，我会先帮你把定位、页面目标和展示重点整理出来，再进入视觉和网页制作。
可以先提供行业、账号方向、作品材料和参考案例，我会帮你整理页面文案框架，并把内容写成更适合网页阅读的表达。
不会为了炫技而堆效果。动效只服务第一眼记忆点和阅读节奏，移动端会做轻量适配，保证打开和滑动体验。
可以。交付时会保留清楚的文件结构，并说明哪些文字、图片和联系方式可以替换，方便后续更新。
最好准备你的项目目标、行业方向、参考风格、已有素材、预算范围和期望上线时间。没有也可以先用下方模板发我。
10 / Contact
如果你想把个人品牌、AI 创意项目或内容账号做得更有审美和专业感，欢迎带着想法来聊。我可以帮你把方向整理成页面、视觉系统和可交付的网页结果。
个人品牌网站 / AI 创意落地页 / 小红书内容视觉 / 接单展示页 / 定制交互网页
请简单说明你的行业、项目目标、参考风格、预算范围和期望上线时间，越具体越容易快速判断方向。
