项目

我的作品

有实际成果的真实项目。每个案例详细介绍背景、挑战和解决方案。

lueur-cosmetique.vercel.app

测试项目

2026-07

Lueur — 植物系美妆落地页

为一个天然护肤品牌打造的落地页：编辑式艺术指导、产品设计，以及一条真实的购买流程（购物车 + 结账），全部以 Astro 实现——静态而极速。

AstroTypeScriptCSSVercel

模拟购买流程：抽屉式购物车、结账与订单确认
100% 静态站点，图片自动优化为 WebP

查看案例查看在线网站

serein-app-phi.vercel.app

测试项目

2026-07

Sérein — 健康类移动应用

一款用于习惯追踪与引导式呼吸的移动应用。以单一 React Native 代码库覆盖 iOS、Android 与 Web——在每个平台上都精致而原生的体验。

React NativeExpoTypeScriptReanimated

单一代码库 → iOS、Android 与 Web（演示）
引导流程、本地个人资料，以及自定义习惯创建（图标 + 颜色）

查看案例查看在线网站

lumen-lemon-rho.vercel.app

测试项目

2026-05

LUMEN — 设计与艺术指导工作室

为一家创意工作室打造的沉浸式网站：项目画廊、四条原则的方法论宣言，以及由动效承载的克制艺术指导。

Next.jsTypeScriptTailwind CSSGSAPVercel

由滚动驱动的沉浸式体验
含案例研究的六个项目画廊

查看案例查看在线网站

pulse-rho-two-53.vercel.app

测试项目

2026-03

PULSE — 产品分析仪表盘

一个完整的 SaaS 仪表盘：MRR、活跃用户、转化漏斗、留存与实时事件流，配备 ⌘K 命令面板。

Next.jsTypeScriptTailwind CSSRechartsVercel

运营视图：概览、受众、收入、漏斗、留存
⌘K 命令面板与完整键盘导航

查看案例查看在线网站

aureon-umber.vercel.app

测试项目

2026-01

Aureon — 智能自动化平台

为运营智能平台打造的完整 SaaS 落地页：交互式 ROI 模拟器、三档定价、部署方法论与常见问答。

Next.jsTypeScriptTailwind CSSMotion (Framer Motion)Vercel

性能 Lighthouse 满分 100
内置交互式 ROI 模拟器

查看案例查看在线网站

iti-delta.vercel.app

测试项目

2025-11

ÌTÌ — 品牌识别 & 交互式品牌指南

为一家非洲精品咖啡烘焙商打造的完整识别体系，以交互式网页品牌指南呈现：标志、色板、字体、品牌语调与应用。

Next.jsTypeScriptTailwind CSSVercel

完整识别体系：标志、印记、色板、字体
品牌语调规范与真实应用（包装、店面）

查看案例查看在线网站

私密项目

2025-09

Médiathèque — 为 Afrique Acier 打造的文档管理系统

为一家金属建筑公司打造的安全文档管理平台：企业文档的集中、分类与加密访问。

Next.jsTypeScriptTailwind CSSPostgreSQLVercel

多格式支持：PDF、Office、DWG、Revit、媒体、归档
加密数据的安全访问、100% 私有空间