Work作品

Selected website work, shown like real case studies.像真实案例一样展示网站作品。

Case pages with screenshots, service tags, motion material, scope notes, and reusable patterns.案例页包含页面截图、服务标签、动效素材、范围说明和可复用模式。
Topology case screenshotMotion captured动效已捕捉

Venture / brand site投资机构 / 品牌网站

Topology

A venture brand site built around atmosphere, pace, and a high-trust first impression.围绕氛围、节奏和高信任第一印象构建的投资品牌网站。
  • Design & Strategy设计与策略
  • Web Development网站开发
  • Motion动效
  • Brand system品牌系统
View project查看项目
Dirtverse page screenshot
Creative studio创意工作室

Dirtverse

Bold studio site with direct copy, large whitespace, motion sections, and conversion handoff.用直接文案、大留白、动效区块和转化交接构成的工作室网站。

  • Studio工作室
  • Services服务
  • Minimal极简
Aside page screenshot
AI productAI 产品

Aside

AI product story with memory workflows, split interface scenes, and practical assistant proof.用记忆工作流、分屏界面和真实助手场景讲清楚的 AI 产品页面。

  • AI productAI 产品
  • Workflow工作流
  • Product story产品故事
Mintlify page screenshot
Developer product开发者产品

Mintlify

Developer documentation product with bright motion, product modules, and customer proof.结合明亮动效、产品模块和客户证明的开发者文档产品网站。

  • Developer tools开发者工具
  • Docs文档
  • Product-led产品驱动
Ragged Edge page screenshot
Agency portfolio机构作品集

Ragged Edge

Editorial agency portfolio with dense identity work, sharp transitions, and case-led rhythm.用密集识别作品、利落过渡和案例节奏组织的机构作品集。

  • Agency服务
  • Portfolio作品集
  • Identity识别系统
Area page screenshot
Identity archive品牌识别档案

Area

Minimal identity archive with restrained typography, grid logic, and brand-system storytelling.用克制字体、网格逻辑和品牌系统叙事组织的极简识别档案。

  • Archive档案
  • Identity识别系统
  • Minimal极简
Avara page screenshot
Web3 brandWeb3 品牌

Avara

Technology brand site with soft color, product narrative, and layered brand interaction.以柔和色彩、产品叙事和层次化品牌交互构成的技术品牌网站。

  • Web3Web3
  • Brand
  • Ecosystem生态
Aave page screenshot
Protocol site协议网站

Aave

Protocol website with clean product storytelling, trust signals, and structured navigation.用清晰产品叙事、信任信号和结构化导航组成的协议网站。

  • Protocol协议
  • Fintech金融科技
  • Trust信任
Silo page screenshot
Experimental site实验性网站

Silo

Experimental web presence with strong atmosphere, fast visual shifts, and memorable interaction.拥有强氛围、快速视觉切换和记忆点交互的实验性网站。

  • Experimental实验性
  • Campaign活动
  • Motion动效

Services服务

Connect case evidence back to services把案例证明连接回服务路径

The same case can support strategy, growth, automation, product, and implementation decisions.同一个案例可以支持策略、增长、自动化、产品和实现决策。
SEO, CRO & GrowthSEO、转化与增长

Corporate sites, landing pages, product pages, SEO / GEO, lead forms, content systems, CRO, and growth optimization.官网、落地页、产品页、SEO / GEO、询盘表单、内容系统、CRO 和增长优化。

  • Corporate site企业官网
  • Brand site品牌官网
  • Product site产品官网
  • Service pages服务页
View Service查看服务
AI & AutomationAI 与自动化

AI features, agents, knowledge bases, workflow automation, RPA, AI APIs, and model gateways.AI 功能、AI Agent、知识库、自动化流程、RPA、AI API 和模型网关。

  • AI document Q&AAI 文档问答
  • AI knowledge baseAI 知识库
  • AI support assistantAI 客服助手
  • AI sales assistantAI 销售助手
View Service查看服务
Business Systems业务系统

CRM, order systems, project systems, client portals, ticketing, admin panels, and industry operating systems.CRM、订单系统、项目系统、客户门户、工单系统、管理后台和行业业务系统。

  • CRM account managementCRM 客户管理
  • Lead pool线索池
  • Customer profiles客户档案
  • Follow-up records跟进记录
View Service查看服务
Data & Dashboards数据与看板

Dashboards, automated reports, metric systems, executive views, data search, and anomaly alerts.数据看板、自动报表、指标系统、经营驾驶舱、数据检索和异常提醒。

  • Sales dashboard销售看板
  • Operations dashboard运营看板
  • Customer dashboard客户看板
  • Order dashboard订单看板
View Service查看服务
Design & Strategy设计与策略

Brand strategy, site IA, visual direction, page systems, interaction motion, and build-ready design handoff.品牌策略、网站信息架构、视觉方向、页面设计系统、交互动效和上线前设计交接。

  • Brand strategy品牌策略
  • Website strategy网站策略
  • Audience and positioning受众与定位
  • Sitemap / IA
View Service查看服务

Proof model

The video is supporting evidence. The case page carries the argument.视频是辅助证据,案例页负责讲清判断。

A case should show what was built, why it matters, which surfaces were involved, and what can be reused.案例应该说明做了什么、为什么重要、涉及哪些界面、哪些模式可以复用。

Client Work客户作品

Shows delivery capability, industry understanding, and long-term maintenance experience.呈现真实交付能力、行业理解和长期维护经验。

Open References公开参考

Uses synthetic data to show capability boundaries and productized-kit results.用合成数据呈现能力边界和产品化套件效果。

Website motion proof网站动效证明

Uses real website video as proof of visual systems, interaction rhythm, and finish quality.把真实网站视频作为作品证明,展示视觉系统、交互节奏和完成度。

Concepts概念原型

Uses concept prototypes to validate new directions before deciding whether to enter MVP build.用概念原型快速验证新方向,再判断是否进入 MVP。

Turn proof into a project path把证明转成项目路径

Share the goal, current state, references, budget, and timing. We will decide whether the right start is a service path, a product kit, or a focused MVP.把目标、现状、参考和预算一次说清楚,我们再判断适合从服务、套件还是 MVP 路径开始。

Start a Project开始项目