RexCode logo
← 工程日誌
2026-06-01 Mon

rexcode.app 多產品改版

rexcode.app Multi-product Redesign

網站從「單一 Lode 產品頁」改版成「多產品工作室首頁」。新增三個產品介紹頁,重整導覽架構。

網站 SunnyWalker Seam Lode iPhone 架構

📦 今天做了什麼

☀️

SunnyWalker — /sunny_walker/

兒童鬧鐘 App(iOS 26 AlarmKit)。痛點對照表、How it Works 流程、P0–P6 開發藍圖。暖色 amber 主題。

🛰️

Seam — /seam/

讀 seam/docs/ 整理成完整介紹頁:CLI 設計、評分機制、5 個設計決策。另製作 SVG flowchart 嵌入頁面。

📱

Lode iPhone — /lode/iphone/

讀 lode_iphone/plan/PLAN.md,確認 v1.0(iCloud Viewer)+ v1.1(Notes + Voice)。建立完整產品頁含 iCloud 架構圖和 Roadmap。

🗂

導覽架構重整

移除 topbar 首頁連結(logo 已可回首頁)→ Tools dropdown(Vein ⛏ + Seam 🛰)→ SunnyWalker → Lode ▾。Footer 分組設計(TOOLS / iPhone / Mac·iPad)加垂直分隔線。

🏠

首頁 Works 區塊更新

Lode 拆成兩張 card:Lode · iPhone/iPad(藍紫色,排第一)和 Lode · Mac(琥珀色)。Hero tagline 改「為工程師打造的原生工具」。

🤔 今天做的決定

Vein + Seam 放 Tools dropdown,不各自獨立
兩個都是 CLI 工具,定位相關(Seam 找,Vein 存),放在同一個 dropdown 讓訪客一眼看出「這是一套工具」的感覺。
Lode iPhone card 排在 Mac 前面
iPhone 是主要使用場景,訪客進首頁先看到 iPhone 版更直覺。Mac 版的開發者受眾往後放一格。
DevLog 用 footer 低調連結,不進 topbar
DevLog 是給有興趣的訪客看的,不是主要 CTA。放 footer 只有看到底的人才發現,過濾掉不感興趣的訪客,反而品質更好。

📋 接下來想做的

短期(有空就做)

  • Lode iPhone v1.1 — T50 Notes list view 開始實作
  • SunnyWalker P0 — AlarmKit PoC(iOS 26 beta 環境)
  • Seam Phase 0 — seam search GitHub API 串接
  • Vein GitHub repo 加完整 README