01
主題策展
將人物足跡、米其林指南與在地小吃，整理成容易瀏覽的精選模組，打破單調的條列清單。
BiteMap
BiteMap
台北特搜：Jensen 黃仁勳愛店與米其林指南
「黃仁勳來台灣都吃了哪些店？」為了回答朋友的這個問題，我將 Jensen 走訪過的台北老饕名單、在地夜市小吃，以及米其林推薦，統整成這張讓你隨開隨找的數位美食地圖。
不用再開無數個瀏覽器分頁查地址。從經典牛肉麵到星級私房菜，打開 BiteMap，一鍵為你安排下一站美味。
作品定位
不只是一份清單，而是結構化的數位探索體驗。
BiteMap 將散落的美食情報，轉化為可瀏覽、可分享，也能持續延伸的輕量作品。
將 Jensen 的足跡、米其林指南與在地夜市等零星線索，重新整理成直覺的互動介面。
這是一次「內容產品化」的實作：從資料清洗、分類邏輯，到使用者打開地圖後會怎麼找、怎麼看、怎麼前往，讓一份美食清單變成可探索的數位體驗。
可逛性
從主題、地區與類型自由探索。
易分享
餐廳詳細頁讓單一店家也能被分享。
可延伸
資料結構保留後續擴充與維護空間。
探索體驗
將靜態美食情報，轉化為持續進化的數位介面。
前台是直覺流暢的地圖探索與主題策展；底層則是具擴充性、易維護的資料架構，讓內容可以隨著新線索持續更新。
02
層次化資訊架構
外層卡片快速抓重點，內層詳細頁收攏地址、分類與推薦線索，降低使用者的搜尋成本。
03
多維度探索路徑
支援從地區、餐飲類型到情境需求切入，貼近真實世界的搜尋意圖。
04
行動導向設計
從餐廳介紹一鍵連到 Google Maps，讓數位探索直接變成下一站行程。
05
模組化資料結構
餐廳實體、主題 collection 與標籤分層整理，降低後續內容擴充與長期維護成本。
06
SEO / GEO 語意基礎
補齊 metadata、OG tags 與 JSON-LD 結構化資料，讓內容更容易被搜尋引擎與 AI 工具理解。
製作紀錄
從零散靈感到正式上線：BiteMap 的實作歷程。
這一段保留製作重點，不把作品頁變成規格文件；真正的互動體驗，留給 BiteMap 子網域讓使用者直接探索。
數據清洗與結構化
將餐廳、標籤、地區與主題線索分層整理，建立清楚且可擴充的資料基礎。
直覺驅動的探索動線
從主題入口、餐廳卡片到地圖導航，圍繞使用者「想找、想看、想前往」的決策流程設計。
輕量化架構降低維護負擔
以 Next.js static export 搭配 Cloudflare Pages preview，讓內容型產品能快速驗證、穩定發布。
面向 AI 與社群的 GEO 佈局
補齊 metadata、OG tags、favicon 與頁面描述，讓作品更容易被搜尋引擎、AI 工具與社群分享理解。
LIVE DEMO
看完了產品邏輯，現在換你親自體驗。
完整版地圖已經上線。無論用電腦還是手機，都能直接打開，感受 BiteMap 的探索體驗。