實績案例｜一頁式產品介紹
RUBY 53 豪華遊艇一頁式網站
為台灣高雄 Grand Harbour Yachts 的 RUBY 53 全新 53 呎動力遊艇製作的一頁式展示頁：從第一眼的主視覺，到規格、配備與預約賞船，一路滑到底就能看完。
案例概覽
| 項目 | 內容 |
|---|---|
| 類型 | 一頁式產品介紹（展示用 Demo） |
| 產品 | RUBY 53 全新 53 呎豪華動力遊艇，Grand Harbour Yachts（台灣高雄）打造 |
| 語言 | 繁體中文、英文，同一頁即時切換 |
| 技術 | Vue 3、Vue I18n |
| 網址 | atonkevin.ai/ruby53 |
一頁裡放了哪些內容？
頁面依賞船的順序安排，從感性到理性：
- 主視覺：標語「馭海而行，奢華隨行」，下方四格關鍵數字：全長 16.61 公尺、船寬 4.62 公尺、Twin CAT C9.3 雙主機、500 加侖油櫃。
- 設計理念：台灣製造、雙引擎動力、三艙豪華配置三個重點。
- 外觀相簿：七張外觀照，點開可以全螢幕瀏覽。
- 艙內空間：沙龍、廚房、主臥、前艙 VIP、右舷客艙、飛橋、甲板、機艙八個分頁，每個分頁一段說明。
- 規格一覽：全長、水線長、船寬、吃水、排水量、油櫃、水櫃、主機、發電機九項。
- 標準配備：分成動力與航行、舒適起居、甲板與安全三組。
- 聯絡與預約賞船：主視覺的「預約賞船」按鈕直接帶到這一區。
為什麼用一頁式來介紹遊艇？
遊艇這類高單價產品，看的人通常會先被外觀吸引，再回頭確認規格與配備，最後才決定要不要預約賞船。把這些資訊放在同一頁、依序排好，訪客不用在好幾頁之間來回切換，從廣告或社群點進來也能一次看完。
中英切換做在同一頁，讓國外買家與國內客人拿到的是同一份內容，業務轉傳連結時也不用分兩個網址。
常見問題
RUBY 53 頁面是正式的銷售網站嗎？
不是。這是展示用的 Demo，示範一頁式產品頁可以怎麼呈現；遊艇的實際規格與銷售資訊以 Grand Harbour Yachts 為準。
一頁式網站適合什麼樣的產品？
適合想快速上線、重點清楚的單一產品或活動，例如新品上市、展會或搭配廣告導流的銷售頁。火曜領航的另一個一頁式案例是 DENBA 睡眠體驗頁。
可以做成中英雙語嗎？
可以。RUBY 53 頁面就是同一頁即時切換中英文，文字內容分語言管理，之後要加日文等其他語言也是同樣做法。
也想做一頁式產品頁？
最後更新：