整合 270 天作品集网站设计
整合 270 天作品集网站设计
日期: 2027-01-25 方向: 求职准备 / 个人品牌 / 作品集 阶段: Phase 4 综合产出(中段) 标签: #Portfolio #PersonalBrand #JobSearch #SiteDesign
〇、写在前面 / Foreword
昨天 Day 268 写完了 30 道资深密码学面试题。Phase 4 的"硬核技术产出"已经完成。今天 Day 269 是承上启下的"打包日":把 270 天的所有产出整合成一个可对外展示、可投递的作品集网站。
为什么要做这个?因为 270 天产出再多,没人看到等于没产出。
10 年金融经验让我深知一点:简历不是写出来的,是设计出来的产品。一个 HR 看你简历平均 7 秒,一个 hiring manager 平均 30 秒。如果这 30 秒之内打动不了对方,剩下的 270 天 162,000 行笔记都白费。
所以今天的任务不是技术任务,是产品任务:把"270 天学习内容"作为产品,HR / hiring manager / engineer 三个不同人群作为不同用户,设计三条不同的进入路径,让每条路径在 30 秒内传递 "这个人值得 30 分钟面试" 的信号。
一、今日目标
| 类型 | 内容 |
|---|---|
| 学习 | 研究 5 个顶级 Web3 工程师 / 量化研究员的个人网站(Vitalik / paradigm xyz / dune / 0xfoobar 等) |
| 实操 | 设计作品集网站完整结构(10 页 + 4 个旗舰展示) |
| 产出 | 网站 IA + 内容策略 + 技术栈 + 30 天求职行动计划 |
二、网站架构设计
2.1 一句话定位(Above the Fold)
最重要的设计决策。这一句话决定 80% 的人留下还是关闭。
候选定位:
| 候选 | 优 | 劣 |
|---|---|---|
| A. "Web3 Product Architect with 10y Finance" | 准确 | 平淡 |
| B. "Bridging TradFi and Web3, one architecture at a time" | 有节奏 | 抽象 |
| C. "10 years in finance. 270 days in Web3 expert depth. Building the bridge." | 有数据 + 故事 | 长 |
| D. "From Banking PM to ZK Engineer. 270-day systematized learning." | 反差强 | 自嘲 |
| E. "Web3 × Quant × AI Agent × Cryptography. 4 phases. 270 days. Receipts." | 维度全 | "receipts"梗不普及 |
最终选择 C:
"10 years in finance. 270 days in Web3 expert depth. Building the bridge."
理由:
- "10 years" 立刻建立 credibility
- "270 days" 量化承诺与执行
- "Building the bridge" 给方向(不是流浪汉,是有目标的桥接者)
- 所有数字都是真的(不是 marketing fluff)
2.2 站点信息架构(IA)
┌──────────────────────────────────────────────────────────┐
│ / (Home) │
│ ├─ Hero: 一句话定位 + CTA "View Work" / "Contact" │
│ ├─ 4 Phase Cards (横向) │
│ ├─ 4 Flagship Projects (Carousel) │
│ ├─ Latest Writing (3 篇精选) │
│ └─ Contact (Twitter/Github/Email) │
│ │
│ /about │
│ └─ 个人故事 (10 yr finance → 270d Web3) │
│ │
│ /phases │
│ ├─ /phases/1-institutional-defi-rwa (Phase 1, 60 days) │
│ ├─ /phases/2-quant-microstructure (Phase 2, 60 days) │
│ ├─ /phases/3-ai-systems-engineering (Phase 3, 60 days) │
│ └─ /phases/4-cryptography (Phase 4, 90 days) │
│ │
│ /projects │
│ ├─ /projects/tradfi-defi-bridge (Phase 1 旗舰) │
│ ├─ /projects/mm-bot-mev-bot (Phase 2 旗舰) │
│ ├─ /projects/finance-ai-agent (Phase 3 旗舰) │
│ └─ /projects/zk-privacy-trading (Phase 4 旗舰) │
│ │
│ /writing │
│ ├─ White Paper Index (4 papers) │
│ └─ Mirror articles (latest 10) │
│ │
│ /interview │
│ └─ 120 Q&A Navigation (4 phases × 30 questions) │
│ │
│ /contact │
│ └─ Email / Twitter / Github / Calendly │
└──────────────────────────────────────────────────────────┘
10 页结构。简单不复杂。
2.3 首页(最关键的一页)
┌────────────────────────────────────────────────────────┐
│ Header (sticky) │
│ Logo | About | Phases | Projects | Writing | Interview │
│ Twitter | Github | Email │
├────────────────────────────────────────────────────────┤
│ │
│ Hero Section │
│ ───────────── │
│ │
│ 10 years in finance. │
│ 270 days in Web3 expert depth. │
│ Building the bridge. │
│ │
│ [View 270-Day Work] [Schedule Call] │
│ │
│ Currently exploring: Institutional Privacy Trading PM │
│ │
├────────────────────────────────────────────────────────┤
│ 4 Phase Cards (横排, click → 详情页) │
│ │
│ ┌───────┐ ┌───────┐ ┌───────┐ ┌───────┐ │
│ │ P1 │ │ P2 │ │ P3 │ │ P4 │ │
│ │Inst. │ │Quant │ │AI Sys │ │Crypto │ │
│ │DeFi │ │Micro- │ │Agent │ │ZK/FHE │ │
│ │RWA │ │struct │ │ │ │/MPC │ │
│ │60d │ │60d │ │60d │ │90d │ │
│ └───────┘ └───────┘ └───────┘ └───────┘ │
│ │
├────────────────────────────────────────────────────────┤
│ Flagship Projects (4 张大卡) │
│ ───────────────── │
│ │
│ [TradFi-DeFi Bridge] │
│ 30-page whitepaper. 5-layer architecture. │
│ Compliance-programmable institutional gateway. │
│ │
│ [mm_bot + mev_bot] │
│ Production-ready DEX market maker + JIT MEV searcher. │
│ AS optimal quote + fee tier selection. │
│ │
│ [Finance AI Agent v1] │
│ 5 agents + 17 tools. Full RAG/Memory/Eval stack. │
│ Anthropic Claude + LangGraph orchestration. │
│ │
│ [ZK Privacy Trading System] │
│ 25-page design + Sepolia deployment. │
│ Compliance-friendly privacy via association set. │
│ │
├────────────────────────────────────────────────────────┤
│ Latest Writing │
│ ────────────── │
│ [Article 1] · [Article 2] · [Article 3] │
│ │
├────────────────────────────────────────────────────────┤
│ Contact │
│ ──────── │
│ info@veloxwallet.com | @handle | github.com/handle │
└────────────────────────────────────────────────────────┘
Above the fold 必须传递 3 件事:
- 我是谁(10y finance)
- 我做了什么(270d Web3)
- 我要去哪(building the bridge)
5 秒读完。
三、4 个 Phase 详情页设计
每 Phase 详情页结构相同:
┌─────────────────────────────┐
│ Phase X: 子标题 │
│ Day Range: Day a - Day b │
│ Duration: N days × 6h = Mh │
│ Focus: 主题 │
├─────────────────────────────┤
│ TL;DR (3 句话) │
├─────────────────────────────┤
│ 学习路径图(mermaid) │
├─────────────────────────────┤
│ 核心产出 │
│ - 旗舰项目 (link) │
│ - 白皮书 (link) │
│ - 30 题面试集 (link) │
├─────────────────────────────┤
│ 6 个最深的发现 │
├─────────────────────────────┤
│ 关键日志精选 (Day links) │
└─────────────────────────────┘
3.1 Phase 1 (机构 DeFi/RWA)
TL;DR:
60 天系统研究机构进入 DeFi/RWA 的桥接架构。核心洞察:合规可编程比技术更重要。产出 30 页 TradFi-DeFi 桥接白皮书 + 5 层架构设计。
6 个最深发现:
- BUIDL 合约 transfer 限制比想象多 5 层(whitelist + KYC + jurisdiction + freeze + tax)
- RWA tokenization 的"最大瓶颈"是法律封装,不是合约
- 机构进入 DeFi 的真正原因是 24/7 流动性 + collateral efficiency,不是收益
- CeFi-DeFi 桥接的关键不是技术,是清算行的法人(custodian)
- 合规 oracle 设计是被严重低估的 PM 机会
- EIP-3643 / ERC-1400 是"被监管偏爱"的合约标准
3.2 Phase 2 (量化与微观结构)
TL;DR:
60 天量化深潜:从 BSM 到 LVR 到 MEV 微观结构。颠覆了我对 V2/V3 LP 的所有认知。产出 21 页量化研究方法论 + mm_bot + mev_bot。
6 个最深发现:
- LVR: 所有 V2/V3 LP 都是 short-vol 的隐式期权空头
- A-S 最优做市的 inventory term 是非线性的
- JIT liquidity 不是攻击,是市场选择
- CEX-DEX 套利 ROI 已被压到 0.5 bp 以下
- 5 重回测陷阱:lookahead / survivorship / fee 简化 / liquidity / impact
- uniswap V4 hooks 让做市策略链上化是 2027 趋势
3.3 Phase 3 (AI 系统工程)
TL;DR:
60 天 AI 系统工程从 Transformer 到 Agent 到 LLMOps。产出生产级金融 AI Agent (5 agents + 17 tools) + 22 页方法论。
6 个最深发现:
- Agent 本质是 reasoning + tools + state,没有 state 就不是 agent
- RAG vs 长上下文 vs FT 决策框架(含具体阈值)
- Anthropic prompt caching 90% off cached tokens 是被低估的成本杠杆
- Multi-agent topology (sequential / hierarchical / network) 选择直接影响 token cost
- Eval 4 层防线缺一不可(unit / golden / LLM-judge / red team)
- Onchain agent + session keys + x402 是 Agent 经济的基础原语
3.4 Phase 4 (密码学工程)
TL;DR:
90 天密码学工程:从椭圆曲线到 Groth16 到 PlonK 到 Halo 到 FHE。产出 25 页 ZK 隐私交易系统 + 30 题面试集。
6 个最深发现:
- ZK 不是"隐藏数据",而是"compress trust"
- under-constrained 是 ZK bug #1 类型,占 40%+
- zkEVM Type 1-4 选择本质是 prover 速度 vs EVM 兼容性 trade
- FHE 仍未生产化,瓶颈是 bootstrapping 10000× slow
- Privacy Pools v2 association set 是合规友好型隐私的代表设计
- Halo recursion + cycle of curves 让 trustless ZK recursion 可行
四、4 个 Flagship 项目详情页
每个项目页结构:
Project Title
├─ One-line pitch
├─ Problem
├─ Solution
├─ Architecture (图)
├─ Tech Stack
├─ Demo (link / video)
├─ Code (Github link)
├─ Whitepaper (PDF link)
└─ Lessons Learned
4.1 TradFi-DeFi Bridge (Phase 1)
- Pitch: A 5-layer compliance-programmable architecture for institutions to access DeFi
- Whitepaper: 30 页 PDF (
docs/TRADFI_DEFI_BRIDGE.md) - Architecture:
L5: Application (Custody UI) L4: Compliance Engine (KYC, AML, jurisdiction) L3: Tokenization Layer (ERC-3643, BUIDL-like) L2: Settlement (USDC + Centralized custodian) L1: Public chain (ETH / L2) - Lessons: 合规层比共识层更难设计
4.2 mm_bot + mev_bot (Phase 2)
- Pitch: Production-ready DEX market making + JIT MEV searcher
- Code: ~3000 lines Python + Solidity
- Modules:
- AS optimal quote algorithm
- Fee tier auto-selection
- JIT liquidity simulator
- Inventory risk control
- 5-fold backtest framework
- Lessons: 真实部署比模拟难 10×(gas 波动 / 区块重组 / 失败 tx)
4.3 Finance AI Agent v1 (Phase 3)
- Pitch: 5 specialized agents + 17 finance tools, full RAG/Memory/Eval stack
- Architecture:
UI → API Gateway → LangGraph Orchestrator → 5 agents (Macro/Equity/Crypto/Compliance/Coordinator) → 17 tools → RAG (hybrid + rerank + Voyage finance-2 + Qdrant) → 4-layer Memory (Mem0 + Chroma) → Guardrails + Eval (Langfuse + 100 golden tests) - Code: 2,144 lines Python
- Result: v1.0 → v1.2 score 0.683 → 0.821, cost -53%, latency -40%
- Lessons: 4 层 eval 防线必须从 day 1 建好
4.4 ZK Privacy Trading System (Phase 4)
- Pitch: Compliance-friendly privacy DEX with association set proof
- Whitepaper: 25 页 design (
docs/ZK_PRIVACY_TRADING.md) - Tech: Circom + Solidity + Sepolia deployment
- Key innovation: Privacy Pools v2 style association set + DEX integration
- Lessons: 隐私 + 合规不是矛盾,是设计选择
五、技术栈选择
5.1 前端框架
| 候选 | 优 | 劣 | 选择 |
|---|---|---|---|
| Next.js + Tailwind | 主流,部署简单 | 略 generic | ✅ |
| Astro | 极致性能 | 生态较小 | |
| Hugo + theme | 快速搭建 | 功能受限 | |
| 自写 HTML/CSS | 极致控制 | 慢 |
最终: Next.js 15 + Tailwind CSS + shadcn/ui
理由:
- 我有 web 经验
- Vercel 一键部署免费
- shadcn 组件干净不花哨
- SSG/ISR 都支持
5.2 部署
| 选项 | 备注 |
|---|---|
| Vercel | 默认,免费够用 |
| Cloudflare Pages | 备选,全球 CDN 更好 |
| 自建 VPS | 不必要 |
最终: Vercel(pro 计划 $20/m,含 analytics)
5.3 域名
强烈建议买 yourname.dev:
理由:
- yourname.dev 比 yourname.com 贵 ~$10/year,但 .dev 是 Google 强制 HTTPS + 隐私默认
- 在 Web3 / 工程师圈子,.dev 比 .com 更"酷"
- 备选:yourname.xyz / yourname.eth (ENS)
.eth + ENS:把 ENS reverse resolution 设到主域名,实现"on-chain identity"。这本身是 Web3 PM 的小信号。
5.4 写作平台
| 平台 | 用途 |
|---|---|
| Mirror.xyz | Web3 长文(建立 on-chain 写作记录) |
| Substack | 邮件订阅 |
| Personal blog | 备份所有内容 |
策略: Mirror 首发 + 自站镜像 + Substack 同步
5.5 分析与追踪
- Vercel Analytics: 内置,看页面流量
- Plausible / Umami: 隐私友好替代 Google Analytics
- Posthog: 看 funnel(hero → flagship → contact)
六、内容策略
6.1 哪些放首页突出
首页 P0(黄金 viewport):
- Hero 一句话
- 4 Flagship project carousel
首页 P1(向下滚 1 屏): 3. 4 Phase cards 4. 最新 3 篇文章
首页不放:
- 全部 270 天日志(太多,留在 archive)
- 所有面试题(独立页)
- 个人详细经历(about 页)
6.2 哪些深入展开
深入展开:
- 4 个 Flagship Project(每个独立 1 页 1500-3000 字)
- 4 个 Phase 详情(每个 1 页 800-1500 字)
- 4 篇白皮书(PDF + html 双格式)
简单列表:
- 270 天日志(按日期 archive,不主动 promote)
- 120 题面试集(用 search + tag 导航)
6.3 SEO 关键词策略
主关键词(高频面试官搜):
- "Web3 product architect"
- "DeFi quantitative researcher"
- "ZK engineer"
- "AI agent finance"
- "RWA architecture"
长尾关键词(深度内容):
- "Anthropic claude prompt caching cost optimization"
- "Avellaneda-Stoikov market making implementation"
- "Privacy pools v2 association set design"
- "BUIDL compliance contract analysis"
- "Halo2 zkEVM cycle of curves"
每个 Phase / Project 页用一个长尾关键词作为 H1 + meta description。
七、目标受众进入路径
7.1 三类受众
| 受众 | 关心什么 | 看完决策点 |
|---|---|---|
| HR / Recruiter | 是否符合岗位描述 | 30 秒(Hero + flagship) |
| Hiring Manager | 是否值得安排面试 | 5 分钟(Phase cards + 1 flagship 深度) |
| Engineer / Tech Lead | 技术深度是否真实 | 30 分钟(看具体代码 / 白皮书) |
7.2 不同受众进入路径
HR (Path A):
Home → 30s 看 Hero + Flagship → Resume PDF download
Hiring Manager (Path B):
Home → Hero → Phase 1 → 1 Flagship project → Contact
Engineer (Path C):
Home → Phase 4 → ZK project → Github code → Whitepaper PDF
每条路径都要"30 秒能信服"。
7.3 Path 优化技巧
- Resume PDF in header:HR 可以直接下载,不必读全站
- "Skip the bullshit, see code" 链接(直接到 Github):satisfy engineers
- Calendly link:HR / hiring manager 一键预约
八、Twitter / Mirror 公开影响力策略
8.1 为什么必须做
10 年金融背景 + 270 天 Web3 = 没用,如果没人知道。Web3 圈子高度依赖 Twitter / Farcaster 信号。
8.2 内容节奏
| 频率 | 内容 |
|---|---|
| 每天 | 1 条短推(学习碎片 / 行业评论) |
| 每周 | 1 个长 thread(深度内容,500-1000 字) |
| 每两周 | 1 篇 Mirror 文章(2000-3000 字) |
| 每月 | 1 个项目更新或 case study |
8.3 内容主题
按 Phase 组织:
- Week 1-4: Phase 1 内容(机构 DeFi/RWA)
- Week 5-8: Phase 2 内容(量化)
- Week 9-12: Phase 3 内容(AI Agent)
- Week 13-16: Phase 4 内容(密码学)
每个主题一个长 thread + 一篇 Mirror 文章 + 1 个项目展示。
8.4 互动策略
- 关注 200 个目标领域 KOL(Vitalik / paradigm / dune 团队 / Anthropic)
- 每天评论 5 条 KOL 推(高质量回复,不是 emoji)
- 每周参与 2-3 个 Twitter Space 听众(不必发言)
- 每月加入 1 个 Discord/Telegram 工作组
九、30 天求职行动计划
Week 1: 网站上线 + 基础物料
| Day | 任务 |
|---|---|
| 1 | 注册 yourname.dev 域名 |
| 2 | Next.js 项目初始化 + Vercel 部署 |
| 3-4 | Hero + Phase cards + Flagship cards |
| 5 | About 页面 |
| 6 | Phase 1-4 详情页 |
| 7 | Resume PDF v1 |
Week 2: 4 Flagship 项目页 + 简历投递准备
| Day | 任务 |
|---|---|
| 8 | TradFi-DeFi Bridge 项目页 + 白皮书上传 |
| 9 | mm_bot + mev_bot 项目页 + Github cleanup |
| 10 | Finance AI Agent 项目页 + Demo 视频 |
| 11 | ZK Privacy Trading 项目页 + Sepolia 演示 |
| 12 | 120 题 Interview 页 + 标签搜索 |
| 13 | LinkedIn 完整 update |
| 14 | 投递目标公司列表(30 家) |
Week 3: 投递 + Twitter 启动
| Day | 任务 |
|---|---|
| 15-16 | 投 10 家 Web3 公司(cold email + LinkedIn) |
| 17 | Twitter 账号 active + 第一篇 Mirror |
| 18 | 投 10 家 + 跟进 Week 2 投递 |
| 19 | 第二条 long thread + Discord 进 5 个 |
| 20 | 投 10 家 + cold email 5 个 hiring manager |
| 21 | Week 3 复盘 |
Week 4: 面试 + 持续投递 + 内容输出
| Day | 任务 |
|---|---|
| 22-25 | 面试(target ≥ 5 个 phone screen) |
| 26 | 第二篇 Mirror(深度技术) |
| 27 | 项目更新 + 跟进投递 |
| 28 | 投递第 31-50 家 |
| 29 | Week 4 复盘 |
| 30 | 30-day milestone:≥ 50 家投递 + ≥ 5 个面试 + ≥ 1 个 onsite |
KPI 检验
- 网站上线:D7
- 投递目标:50 家(D30)
- 面试目标:≥ 5 个 phone screen + ≥ 1 个 onsite
- Twitter 起步:1000 followers(不强求,但内容输出必须)
- Mirror 文章:2 篇
十、5 个目标公司清单(Top 5)
10.1 Tier 1(最想去)
| 公司 | 岗位 | 理由 |
|---|---|---|
| Anthropic | Applied AI / PM | Phase 3 直接对口,最钦佩的公司 |
| Coinbase | Institutional / Custody PM | Phase 1+2 对口,金融背景溢价 |
| Paradigm | Product / Research | 最前沿研究 + 产品并行 |
| a16z crypto | Portfolio PM Support | 跨多 portfolio 视野 |
| StarkWare | ZK Product | Phase 4 对口 + L2 长期赛道 |
10.2 Tier 2(次目标)
- BlackRock Digital Assets, JPMorgan Onyx, BNY Mellon
- Uniswap, Aave, Compound, Maker
- Polygon, zkSync, Scroll, Optimism
- Bridge, Mintlify, Cursor (AI Agent)
10.3 Tier 3(保底)
- 各类中国 / 亚洲 Web3 项目 PM
- 量化基金 quant researcher
- 银行数字资产部门
十一、可能 push back 的问题(自我面试)
Q1: 270 天产出真的能 stand up to scrutiny? A: Phase 1+2+3+4 都有 deliverables (代码 / whitepaper / 部署),可一一展示。+ 120 题 Q&A 集是"我能讲清楚"的硬证据。
Q2: 没真实 Web3 项目经验怎么办? A: 我承认这是 gap。但 4 个 flagship project 都是端到端实现,包括代码 / 设计 / 测试。比 90% 候选人的"我看过 Aave 文档"扎实 100×。
Q3: 为什么不在公司内 grow? A: 1) 现公司无 Web3 / AI / 密码学方向;2) 270 天的密集学习需要的精力外溢,转岗是自然结果。
Q4: 年龄 / 经验梯度(10 年金融 + 0 年 Web3)匹配什么 level? A: 目标 Senior PM (L5-L6) / Architect (L6-L7)。10 年 finance 让我跳过 junior level;270 天 Web3 让我能直接做 senior 工作。如果只能去 L4,不去。
Q5: 远程 Web3 岗位现实吗? A: 是。Web3 是天然 remote-first 行业。Coinbase / a16z / Paradigm / Anthropic 都有 remote 岗位。我提供的"晚上 1-2 点重叠美东 working hours"是 china-based 候选人的优势,不是劣势。
十二、明日预告(Day 270)
明天是 Phase 4 收官,也是 270 天计划的最后一天。
我会写:
- 270 天全景回顾(4 Phase 完整能力地图)
- 4 Phase 的"如果只能记住一句话"
- 270 天最值得说的 5 个产出
- 跨 Phase 的稀缺组合(机构 DeFi × 量化 × AI × ZK 的稀缺度)
- 16 项 KPI 自评
- 270 天最难的 5 天 / 最爽的 5 天
- 致谢
- 下一步:今天上线作品集,本月发 2 篇 Mirror,3 个月内拿 offer
- 致 6 年后的自己(2033-01-26)的一封信
这是 270 天的句号。也是新人生的开始。
十三、今日反思 / Today's Reflection
3 个想法:
-
作品集网站不是 270 天的"附加产出",是 270 天的核心 KPI。 270 天产出再多,如果没有一个能让人 30 秒看到价值的 entry point,全部归零。今天的设计本质上是 product design:把"我"作为产品,HR/PM/eng 作为 user。
-
"10 years finance"是我的最大资产,不是包袱。 过去半年我一度怀疑"老兵"身份是不是 Web3 圈子的 disadvantage。今天梳理时清醒了:金融 10 年 + 270 天系统化学习 = 稀缺组合。机构 DeFi 公司急需的不是"在 Solana 写过 1 年 NFT 工具"的人,是"能跟 BlackRock 法务谈 RWA"的人。
-
明天的 Day 270 不是结束,是开始。 今天写下作品集设计的瞬间,我意识到 Day 1-269 的所有努力都是 setup;Day 270 之后的真实人生才是 punch line。如果 30 天内拿不到 offer,那我的"270 天计划"对外人就是一个"聪明人沉迷自我学习"的故事,没有戏剧高潮。30 天内拿到 offer,那就是一个 closed-loop 的 transformation 故事,可以讲一辈子。
明天写 Phase 4 的 closing。也是 270 天的 closing。
十四、链接
- 配套:
docs/daily/EXPERT-DAY270.md(270 天总结) - 配套:
docs/daily/EXPERT-DAY270-INTERVIEW.md(30 题 Q&A) - Phase 1 portfolio:
docs/PHASE1_PORTFOLIO.md - Phase 2 portfolio:
docs/PHASE2_PORTFOLIO.md - Phase 3 portfolio:
docs/PHASE3_PORTFOLIO.md - 270 天计划:
docs/EXPERT_DEPTH_270_PLAN.md