SELECTED WORKS // 武將列傳
不只看表面
把網站拆開給你看
點擊任一案例 專案介面會像裝甲一樣以 3D 層次向外展開UI 空間視覺 → Wireframe 骨架與旅程 → SEO 語意突觸 → 成交數據 四層工法一次看透 你就知道我們和廉價套版的差別在哪
L01 UI 視覺
L02 骨架旅程
L03 SEO 突觸
L04 成交數據
經典商業案例
LIVE · FLAGSHIP
CASE // 01
HONOR • COURAGE • FAITH
HCF 新竹格鬥館 2.0
品牌重塑
官網建置
預約閉環
線上商城
HCF Hsinchu Combat Gym 2.0
www.hsinchucombat.com全方位品牌重塑 官網架設 會員預約系統與線上商城 徹底打通訪客由看見品牌到預約體驗課的關鍵成交路徑 這是我們自己的拳館 每一個數字都是真的
關鍵增長指標
諮詢轉換率 +320%
LIVE · CLIENT
CASE // 02
F.GALE ｜ FORCE OF GALE
風閣文教 報名收費系統
報名頁
後台系統
收費追蹤
中 EN 雙語
風閣文教 竹北補教 報名到收費一條線
fgale-tuition.vercel.app家長在前台報名頁填單預約試聽 一鍵同步進後台收件箱 建檔 收費登記 到期與逾期提醒 統計儀表板 學生名單 匯出 老闆一台手機就能管整間補習班
LUXURY
CASE // 03
HAUTE COUTURE OF FITNESS
Apex Haute Fitness
精品私教
CIS 識別
Vision Pro 玻璃態
Apex Haute Fitness
精品私人體適能品牌識別與沈浸式官網 為信義區高資產客群打造極致奢華的會員制私密體驗
關鍵增長指標
客單價提升 +65%
HOROLOGY
CASE // 04
PRECISION & LIGHT
Monolith Timepieces
獨立製錶
Three.js 3D
概念店
Monolith Timepieces
獨立頂級製錶概念站 導入 Apple Vision Pro 空間質感與 60FPS WebGL 拆解技術 呈現微米級極致工藝
關鍵增長指標
限量 72hr 全數售罄
D2C COMMERCE
CASE // 05
SLOW DRIP • NITRO INFUSED
Obsidian Cold Brew
實體包裝
高轉換銷售頁
D2C 電商
Obsidian Cold Brew
精品冷萃咖啡品牌包裝與高轉換銷售頁 重塑包裝工藝與兩步驟極簡結帳路徑 首月營收即刻翻倍
關鍵增長指標
首月營收激增 +118%
B2B SAAS
CASE // 06
ENTERPRISE NEURAL NETWORK
Vanguard AI Enterprise
生成式 AI
企業級官網
Demo 預約系統
Vanguard AI Enterprise
企業級生成式 AI 解決方案展示官網 將艱澀的底層架構轉化為直覺動態的 Bento 模組 大幅縮短 B2B 決策週期
關鍵增長指標
企業 Demo 申請 +190%
CRAFT & ART
CASE // 07
METALLURGY & ZEN
Kurogane Studio 鐵黑工坊
金屬工藝
CIS 識別系統
包裝盒策展
Kurogane Studio
極簡金屬工藝品牌 CIS 與全域視覺系統 協助四十年傳產工廠成功脫胎換骨 一舉拿下東京工藝設計大獎
關鍵增長指標
客製訂單排期達 6 個月
不是挑一個模板 是選一種語言
下面每一張卡都是正在運行的真實網頁 不是截圖 直接在卡片裡動 hover展開試玩就能全螢幕操作 七個方向 一百多支作品 找到打中你的那幾組 我們再收斂成提案
LIVE WORKS
7
DIRECTIONS
100%
HAND-CODED
深獲創辦人與領導品牌信賴
橫跨高端健身 精密製錶 D2C 電商 企業 SaaS 與當代生活工藝
HCF GYM
COMBAT SPORTS
APEX HAUTE
PRIVATE FITNESS
MONOLITH
HAUTE HORLOGERIE
OBSIDIAN
COLD BREW CO.
VANGUARD
AI ENTERPRISE
KUROGANE
ATELIER CRAFT