WORLD 00 / PERSONAL INTRO 竹一 · 网页能力展示 01 / 02
LOADING VIDEO

独立站 · AI · 内容增长

具备多个品牌 Shopify 独立站从 0 到 1 搭建及持续运营经验,同时拥有真实商业项目从冷启动到盈利验证的完整实践,并持续将 AI 应用于市场研究、内容与视觉生产、网页搭建和运营工作流。

从网站和内容,到流量、转化与留存,我更关注一件事:最终有没有产生真实的业务结果。

01
AI 应用与学习能力ChatGPT / Gemini / Midjourney / Claude
02
独立站搭建及增长Shopify / Workbench / SEO / GA4 / Google Ads
03
海外社媒运营与增长X / Instagram / TikTok / KOL

RESUME / CORE ABILITIES

独立站运营 × AI
内容 × 海外增长

CORE CAPABILITIES / WHAT I ACTUALLY DO

  • SHOPIFY & DTC0→1 Build · Sitemap / IA · Navigation / Collection
    Landing Page · CRO · On-page / Technical SEO · GSC
  • AI & WORKFLOWPrompt Engineering · Research · Content / Visual
    ChatGPT · Gemini · Midjourney · Codex · Automation
  • GROWTH & CRMSocial · KOL · Community · EDM / CRM · Retention
    TikTok · Instagram · X · Reddit · Klaviyo · GA4
TOOLS CHANGE. THE ABILITY TO BUILD DOESN'T.

适合:个人品牌 · 创作者主页 · About / Portfolio | 展示:信息编排 · 滚动叙事 · 视觉层级

让网页开始流动 ↗

移动鼠标,拨动这片液态空间。

我想试试看,如果网页不再像一张张矩形卡片,而更像一种会流动的物质,会发生什么。

↖ [ Move cursor to feel ] 试着移动鼠标
适合的网站:美妆护肤香氛品牌健康疗愈AI 陪伴数字艺术Landing Page

实际应用 · AI 智能护肤

让状态,被实时看见。

视觉语言也可以承载产品信息。

闭眼感受光线的竹一数字形象
眼下轻度干燥 面颊水分偏低 下巴屏障稳定
01
肌肤分析完成

水分状态 78% · 屏障稳定 · 建议加强眼周补水

适合:美妆 · 香氛 · 疗愈 · AI 陪伴 | 页面:Landing Page · Campaign · Hero | 展示:Canvas · 状态交互 · 响应式布局

当流动变成影像 ↗
Driving Assistant

让复杂的智能驾驶,
看起来简单而可信。

我想做一个有沉浸感的汽车网页。
所以用滚动带动画面,让人像在慢慢靠近这辆车。

继续向下 · 驾驶叙事↓
竹一设计的智能驾驶产品概念页
Effortless.

说出温度、路线或临时停靠,车辆会听见并完成调整。

Anywhere.

标记目的地,系统按顺序规划转弯与停留,形成完整路线。

适合:智能汽车 · AI 产品 · 新品发布 · 产品故事页

回到起点 ↗
WORLD 02CLOUD AUTOMATION A WEB EXPERIMENT BY ZHUYI 01 / 02

视频、云层与
强视觉开场。

适合用于品牌发布页视频型 Hero活动 Landing Page作品集案例页概念产品首屏

Brand Manifesto, Core Project Value, Brand History

页面没有切断,
只是换了一个场景。

云层的作用不只是装饰,而是遮住切换瞬间,让用户带着兴趣往下阅读。

适合:品牌发布 · Campaign · 视频型 Hero | 展示:视频编排 · 滚动转场 · 视差控制

深色中式飞檐
竹一为喜欢的歌手陈奕迅设计的一次互动提案

当赤道留住雪花,
眼泪融掉细沙,
你肯珍惜我吗?

我很喜欢陈奕迅。
所以想把歌里的遗憾和留白,做成一个可以触碰的网页。

屋檐压住画面,歌词从下面垂落。
移动鼠标时,文字会像被风吹过一样晃动。

适合:音乐人官网 · 专辑发布 · 演唱会专题 · 动态文字 · 东方视觉

驶入下一段叙事 ↗