Phase 1 · Home 品牌體驗(Wireframe)  |  ← 回總覽
SECTION 01 · HERO

Hero 進站畫面

目標:用強烈的視覺畫面建立品牌氣場與工廠質感的第一印象,讓人想繼續往下探索。

旗艦改裝車全車掃描騎乘實況改裝過程影片
[ HERO IMAGE / VIDEO ]
候選內容如上,尚未定案
SECTION 02 · MATERIAL

Material 零件特寫

目標:放大套餐零件本身的細節,強化「精選好料」與「值得信任」的品牌調性,情緒先於資訊——這裡還在建立渴望,不是說明服務。

[ 零件特寫 ]
套餐內容物質感照
之後在這裡設計滾動敘事過場(Scrollytelling Transition)
SECTION 03 · ASSEMBLY

Assembly 零件到整車

目標:具象化「鷹村把零件組成一台車」的過程,讓「套餐」這個概念有畫面可以想像。

[ 拆解零件照 ]
[ 完整改裝車照 ]
之後在這裡設計滾動敘事過場(Scrollytelling Transition)
SECTION 04 · FEATURED

Featured 主打套餐

目標:展示完零件細節與組裝過程後,馬上給幾個具體的「熱門套餐」畫面,讓「套餐」這個概念從抽象變具體,銜接後面的品牌信任內容。

熱門套餐精選組合價格帶預覽
[ 套餐卡片 ]
名稱/價格/縮圖
[ 套餐卡片 ]
名稱/價格/縮圖
[ 套餐卡片 ]
名稱/價格/縮圖
之後在這裡設計滾動敘事過場(Scrollytelling Transition)
SECTION 05 · PHILOSOPHY

Philosophy 品牌理念

目標:看過主打套餐後,講清楚鷹村的核心主張——不是單純賣零件,而是把零件組成適合不同車主需求的套餐。這句話要說服使用者「為什麼要用套餐系統」,是信任階段的起點。

[ 品牌主張一句話 · 文案待撰寫 ]
[ 安裝服務情境照 ]
安裝點門市 or 師傅安裝實況
SECTION 06 · NETWORK

Network 安裝服務網

目標:延續品牌理念的信任感,具體說明「買了套餐之後」怎麼被照顧——鷹村透過全省優質合作安裝點,提供售前諮詢到售後安裝調整的完整服務。

之後在這裡設計滾動敘事過場(Scrollytelling Transition)
SECTION 07 · GALLERY

Gallery 改裝實績

目標:用改裝完成的機車與車主帥照證明「這是真的有人在騎」——渴望+信任的雙重效果,是整頁最強的社會證明,安排在 Build Yours 分岔之前,讓人看完就想動手。

車主帥照改裝實績IG 精選車聚合照
[ 車主 × 改裝車 ]
[ 車主 × 改裝車 ]
[ 車主 × 改裝車 ]
之後在這裡設計滾動敘事過場(Scrollytelling Transition)
SECTION 08 · DEPARTURE

Build Yours 三入口分岔

目標:品牌體驗結束,正式把使用者依三種 persona 的進站動機分流進三條找套餐路徑——是整個首頁最重要的轉換點。

[ 引導諮詢情境照 ]
對應 USER 01 · 阿凱 FIND MY BUILD

幫我找到適合的套餐

不知道該選哪一套?告訴我們你的車款、預算與需求。

↓ 進入 onboarding →
[ 套餐陳列情境照 ]
對應 USER 02 · 阿哲 SHOP THE BUILDS

瀏覽全部套餐

已經知道自己想找什麼?直接從車款與分類開始探索。

↓ 進入套餐 Catalog →
[ 維修保養情境照 ]
對應 USER 03 · 阿翔 FIX MY RIDE

我的車想改善什麼?

告訴我們你想改善的地方,找到適合你的改裝方案。

↓ 進入 Problem → Recommendation →