台北市中山區Rayxxx委託:網頁設計需求

餐飲住宿業

規劃製作新網站

需要介面流程設計與程式建置

社群互動網站

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

五萬到十萬元

越快越好

自行前往專家的服務據點

沒有

台北市,中山區