返回 Expert 笔记
Expert Day 269

整合 270 天作品集网站设计

整合 270 天作品集网站设计

2027-01-25
Phase 4 综合产出(中段)
PortfolioPersonalBrandJobSearchSiteDesign

日期: 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 件事

  1. 我是谁(10y finance)
  2. 我做了什么(270d Web3)
  3. 我要去哪(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 个最深发现

  1. BUIDL 合约 transfer 限制比想象多 5 层(whitelist + KYC + jurisdiction + freeze + tax)
  2. RWA tokenization 的"最大瓶颈"是法律封装,不是合约
  3. 机构进入 DeFi 的真正原因是 24/7 流动性 + collateral efficiency,不是收益
  4. CeFi-DeFi 桥接的关键不是技术,是清算行的法人(custodian)
  5. 合规 oracle 设计是被严重低估的 PM 机会
  6. EIP-3643 / ERC-1400 是"被监管偏爱"的合约标准

3.2 Phase 2 (量化与微观结构)

TL;DR

60 天量化深潜:从 BSM 到 LVR 到 MEV 微观结构。颠覆了我对 V2/V3 LP 的所有认知。产出 21 页量化研究方法论 + mm_bot + mev_bot。

6 个最深发现

  1. LVR: 所有 V2/V3 LP 都是 short-vol 的隐式期权空头
  2. A-S 最优做市的 inventory term 是非线性的
  3. JIT liquidity 不是攻击,是市场选择
  4. CEX-DEX 套利 ROI 已被压到 0.5 bp 以下
  5. 5 重回测陷阱:lookahead / survivorship / fee 简化 / liquidity / impact
  6. uniswap V4 hooks 让做市策略链上化是 2027 趋势

3.3 Phase 3 (AI 系统工程)

TL;DR

60 天 AI 系统工程从 Transformer 到 Agent 到 LLMOps。产出生产级金融 AI Agent (5 agents + 17 tools) + 22 页方法论。

6 个最深发现

  1. Agent 本质是 reasoning + tools + state,没有 state 就不是 agent
  2. RAG vs 长上下文 vs FT 决策框架(含具体阈值)
  3. Anthropic prompt caching 90% off cached tokens 是被低估的成本杠杆
  4. Multi-agent topology (sequential / hierarchical / network) 选择直接影响 token cost
  5. Eval 4 层防线缺一不可(unit / golden / LLM-judge / red team)
  6. Onchain agent + session keys + x402 是 Agent 经济的基础原语

3.4 Phase 4 (密码学工程)

TL;DR

90 天密码学工程:从椭圆曲线到 Groth16 到 PlonK 到 Halo 到 FHE。产出 25 页 ZK 隐私交易系统 + 30 题面试集。

6 个最深发现

  1. ZK 不是"隐藏数据",而是"compress trust"
  2. under-constrained 是 ZK bug #1 类型,占 40%+
  3. zkEVM Type 1-4 选择本质是 prover 速度 vs EVM 兼容性 trade
  4. FHE 仍未生产化,瓶颈是 bootstrapping 10000× slow
  5. Privacy Pools v2 association set 是合规友好型隐私的代表设计
  6. 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.xyzWeb3 长文(建立 on-chain 写作记录)
Substack邮件订阅
Personal blog备份所有内容

策略: Mirror 首发 + 自站镜像 + Substack 同步

5.5 分析与追踪

  • Vercel Analytics: 内置,看页面流量
  • Plausible / Umami: 隐私友好替代 Google Analytics
  • Posthog: 看 funnel(hero → flagship → contact)

六、内容策略

6.1 哪些放首页突出

首页 P0(黄金 viewport):

  1. Hero 一句话
  2. 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 关键词策略

主关键词(高频面试官搜):

  1. "Web3 product architect"
  2. "DeFi quantitative researcher"
  3. "ZK engineer"
  4. "AI agent finance"
  5. "RWA architecture"

长尾关键词(深度内容):

  1. "Anthropic claude prompt caching cost optimization"
  2. "Avellaneda-Stoikov market making implementation"
  3. "Privacy pools v2 association set design"
  4. "BUIDL compliance contract analysis"
  5. "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 域名
2Next.js 项目初始化 + Vercel 部署
3-4Hero + Phase cards + Flagship cards
5About 页面
6Phase 1-4 详情页
7Resume PDF v1

Week 2: 4 Flagship 项目页 + 简历投递准备

Day任务
8TradFi-DeFi Bridge 项目页 + 白皮书上传
9mm_bot + mev_bot 项目页 + Github cleanup
10Finance AI Agent 项目页 + Demo 视频
11ZK Privacy Trading 项目页 + Sepolia 演示
12120 题 Interview 页 + 标签搜索
13LinkedIn 完整 update
14投递目标公司列表(30 家)

Week 3: 投递 + Twitter 启动

Day任务
15-16投 10 家 Web3 公司(cold email + LinkedIn)
17Twitter 账号 active + 第一篇 Mirror
18投 10 家 + 跟进 Week 2 投递
19第二条 long thread + Discord 进 5 个
20投 10 家 + cold email 5 个 hiring manager
21Week 3 复盘

Week 4: 面试 + 持续投递 + 内容输出

Day任务
22-25面试(target ≥ 5 个 phone screen)
26第二篇 Mirror(深度技术)
27项目更新 + 跟进投递
28投递第 31-50 家
29Week 4 复盘
3030-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(最想去)

公司岗位理由
AnthropicApplied AI / PMPhase 3 直接对口,最钦佩的公司
CoinbaseInstitutional / Custody PMPhase 1+2 对口,金融背景溢价
ParadigmProduct / Research最前沿研究 + 产品并行
a16z cryptoPortfolio PM Support跨多 portfolio 视野
StarkWareZK ProductPhase 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 天计划的最后一天

我会写:

  1. 270 天全景回顾(4 Phase 完整能力地图)
  2. 4 Phase 的"如果只能记住一句话"
  3. 270 天最值得说的 5 个产出
  4. 跨 Phase 的稀缺组合(机构 DeFi × 量化 × AI × ZK 的稀缺度)
  5. 16 项 KPI 自评
  6. 270 天最难的 5 天 / 最爽的 5 天
  7. 致谢
  8. 下一步:今天上线作品集,本月发 2 篇 Mirror,3 个月内拿 offer
  9. 致 6 年后的自己(2033-01-26)的一封信

这是 270 天的句号。也是新人生的开始。


十三、今日反思 / Today's Reflection

3 个想法:

  1. 作品集网站不是 270 天的"附加产出",是 270 天的核心 KPI。 270 天产出再多,如果没有一个能让人 30 秒看到价值的 entry point,全部归零。今天的设计本质上是 product design:把"我"作为产品,HR/PM/eng 作为 user。

  2. "10 years finance"是我的最大资产,不是包袱。 过去半年我一度怀疑"老兵"身份是不是 Web3 圈子的 disadvantage。今天梳理时清醒了:金融 10 年 + 270 天系统化学习 = 稀缺组合。机构 DeFi 公司急需的不是"在 Solana 写过 1 年 NFT 工具"的人,是"能跟 BlackRock 法务谈 RWA"的人。

  3. 明天的 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