1. 越快越好
2. 規劃製作新網站
3. 需要介面流程設計與程式建置
4. 社群互動網站
5. 餐飲住宿業
描述: 1. 一、專案目標與成果定義
本專案不是一般企業形象網站,而是協助旅客快速選擇、前往並理解台北在地體驗的「行動旅遊指南」。旅客應能在手機上於短時間內完成:選擇語言、瀏覽分類、查看景點/餐飲資訊、開啟 Google Maps 導航,以及透過捷運景點卡理解站點位置。
行動使用體驗 以手機直式瀏覽為首要設計;單手滑動、按鈕易點、圖片與文字在小螢幕保持清楚。
多語內容 繁體中文、英文、日文三套完整介面與內容;語言切換後維持同一頁面位置與內容邏輯。
可導覽內容
五大主題區塊、景點/餐廳圖卡、推薦理由、實用資訊與外部導航。
捷運互動 以官方捷運路網圖為底圖;景點卡左右滑動時,對應站點出現高亮提示。
長期使用 內容可更新、圖片經優化、基本搜尋引擎設定完成;可延伸至其他分館。
二、資訊架構與內容範圍
首期導覽共五個主題區塊。廠商須在報價中清楚寫明:每一類可上架幾筆內容、每筆包含哪些欄位、是否由廠商協助整理/翻譯/上稿。
區塊 內容與呈現重點 首期資料量/備註
首頁/導覽入口 品牌主視覺、五大分類入口、三語切換、快速使用說明、其他分館入口。 1 首頁;分館入口需具醒目設計與可擴充連結。
周邊生活 旅客常用的附近生活機能與散步去處;每筆以圖卡呈現。
由旅店提供清單;需支援後續新增/排序。
伴手禮
特色伴手禮店家或品項、推薦原因、購買提示、導航。 由旅店提供清單;需支援後續新增/排序。
機場交通 桃園機場往返旅店的交通選項、步驟、時間/費用提示與外部連結。
1 組交通指南;內容須以三語呈現。
捷運探索 官方捷運路網圖、景點滑動圖卡、車站高亮、站點/景點對應資訊。 現行規劃:21 張有效景點卡;資料架構保留擴充至28站。
台北必吃 依「早餐/夜市/甜點飲品」等分類的推薦餐廳卡片、料理特色、預算、導航。 首期15家;餐廳卡不顯示完整地址,保留導航按鈕。
三、每筆景點/店家圖卡的欄位規格
欄位 使用者看到的資訊 後台/資料要求
基本資訊 名稱、所屬區塊、捷運站/地區標示。 三語名稱與分類;可排序、啟用/停用。
推薦內容 短版推薦理由、招牌亮點或旅遊提示。 中/英/日分欄輸入;建議保留字數限制。
視覺素材 1張主圖;需兼顧手機圖卡比例與載入速度。 可更換圖片、設定替代文字;上傳自動壓縮與裁切建議。
實用資訊 預算、營業提醒、交通/捷運資訊等。 欄位可選填;不得將易變動資訊硬寫死在版型。
外部行動 「開啟地圖」按鈕,直接連到指定 Google Maps 點位。
每筆可管理 URL;手機優先以新分頁開啟。
捷運連動 僅捷運探索卡顯示;滑到目前卡片時,地圖對應車站高亮。
管理站點 ID、X/Y 高亮座標、對應路線;未綁定站點不顯示高亮。
四、必須納入報價的功能規格
功能 需求說明 驗收標準
三語切換 繁中/English/日本語。
介面、選單、按鈕、內容、SEO metadata 均支援三語。
任一頁可切換語言;切換後仍停留在對應頁面或最接近內容。
RWD 手機優先 手機直式視覺優先;桌機、平板同步適配。
常見 iPhone 與 ********id 寬度下,文字、按鈕、滑卡無截斷、無橫向溢出。
分類與頁內導覽 五區入口清楚;頁內可快速返回分類與首頁。
三次以內操作可抵達任一主題內容。
景點卡滑動 橫向滑動瀏覽;支援手指滑動、卡片焦點提示、左右按鈕作為輔助。
手機平滑滑動;不需點擊小型捷運站名找景點。
官方捷運圖高亮 使用臺北捷運官方路網圖作為底圖;卡片變更時,以不遮擋路線的光圈/標記高亮對應站。
動物園等各設定站點皆能在正確位置高亮;未選卡不顯示錯誤標記。
地圖外連 各景點/餐廳/交通內容提供清楚的 Google Maps 開啟按鈕。 手機點擊後可正常開啟 Google Maps 網頁或 App。
其他分館入口 全站固定或明顯呈現其他分館入口;具溫和吸引注意的動畫或視覺效果。
可設定多個分館名稱、網址、開放/準備中狀態。
圖片與效能 圖片採 WebP/AVIF 等網頁格式、延遲載入與適當尺寸。
後台/內容管理 提供可編輯內容的 CMS 或等效管理方式;需列出管理範圍與帳號數。 旅店人員可自行改文字、圖、導航連結、排序與上下架。
基礎 SEO/分析 三語 title/description、sitemap、Open Graph、GA4 或同等分析工具。
交付檢核清單與管理權限移交。
五、捷運探索模組:特別報價範圍
核心原則: 官方捷運圖是路網資訊的唯一底圖;不另行重畫捷運線、站名或自行製作替代路網。互動以「景點圖卡滑動 → 對應站點高亮」為主,不採小站名點擊跳卡方式。
項目 必做內容 請廠商回覆
官方圖授權/引用處理 確認使用官方圖檔、來源連結與必要標示方式;實作需保留可替換圖檔機制。 請說明由誰取得與維護圖檔,及是否含授權/法務確認。
站點座標標註層 在圖上建立可配置的高亮座標層,不更改或遮擋官方路網主體。
請說明能否透過後台調整座標,或需由工程師調整。
卡片—站點同步 21張首期卡片對應站點;未來可擴充至28站。滑卡後高亮立即更新。
請列出單筆新增/更改站點的費用與交期。
手機呈現 官方圖需一眼看懂;不要求旅客縮放、拖曳、點小標記。 請提供手機版 Wireframe 或相似案例。
無障礙備援 圖片載入失敗或讀屏情境仍有文字化站名與景點內容。 請說明替代文字、鍵盤操作與可讀性處理。
六、內容、翻譯與素材:責任切分
工作項目 本案期待 報價方式
內容盤點與架構 依既有指南彙整五區、景點卡、餐廳卡與交通內容。 請分列:旅店提供內容/廠商協助整理/廠商研究撰寫。
英文與日文翻譯 以旅客可理解、可直接行動的語氣,非機器直譯;店名、捷運名與地圖連結需一致。 請分列字數、校對輪次、母語審稿與更新計價。
圖片/插畫 使用旅店提供圖片、合法授權圖或原創視覺;需載明授權歸屬與使用範圍。 請分列:版型視覺、插畫、圖庫、修圖、拍攝費。
地圖與第三方內容 Google Maps 連結、官方捷運圖等來源均須使用正確且可長期維護的方式。 請標示 API、授權、月費/年費與責任歸屬。
內容上架 首期全部三語內容完成上架與交叉檢查。 請列出含幾筆內容、每筆幾語、圖片幾張及超量單價。
因項目較多可先提供總報價範圍,