My Framer Site

摘要

本專案專注於將複雜的歷史知識『數位化與遊戲化』。目前已完成從需求分析、資訊架構到介面設計（UI）的完整規劃，並產出功能原型，作為後續開發端的執行藍圖與體驗驗證。

背景分析

針對旅客探索淡水的歷史文化，提升旅遊體驗，將富有歷史故事的淡水古蹟導覽，透過互動APP轉化為冒險旅程。以收藏故事書為概念，透過APP中的「解鎖模式」與「執行任務」，並結合GPS定位、AR技術與線下服務，讓遊客可以有趣地了解古蹟。

旅客需求

行動裝置是旅客生活不可或缺的重要工具，希望能設計出互動App功能，以達到提升使用體驗、提供遊客了解淡水的建築歷史與特色為目的。

User research

設定研究目標，並透過使用者訪談理解使用者的需求

User research

設定研究目標，並透過使用者訪談理解使用者的需求

摘要

本專案專注於將複雜的歷史知識『數位化與遊戲化』。目前已完成從需求分析、資訊架構到介面設計（UI）的完整規劃，並產出功能原型（Prototype），作為後續開發端的執行藍圖與體驗驗證。

背景分析

針對旅客探索淡水的歷史文化，提升旅遊體驗，將富有歷史故事的淡水古蹟導覽，透過互動APP轉化為冒險旅程。以收藏故事書為概念，透過APP中的「解鎖模式」與「執行任務」，並結合GPS定位、AR技術與線下服務，讓遊客可以有趣地了解古蹟。

旅客需求

行動裝置是旅客生活不可或缺的重要工具，希望能設計出互動App功能，以達到提升使用體驗、提供遊客了解淡水的建築歷史與特色為目的。

User research

設定研究目標，

並透過使用者訪談理解使用者的需求

目標使用者

本地旅客：注重便捷性，想迅速找到當地景點、美食、住宿和活動資訊。

國際旅客：需要多語言支援、文化背景介紹。

設計目標

介紹和推廣淡水的建築歷史與特色
用互動APP裝置與圖文解說，不管是大小朋友都能輕鬆遊覽
提具收藏價值的體驗

介紹和推廣淡水的建築歷史與特色
用互動APP裝置與圖文解說，
不管是大小朋友都能輕鬆遊覽
提具收藏價值的體驗

訪談及資訊架構

透過問卷調查找出目標族群，並邀請五位使用者參與訪談，性別涵蓋男女，介於25-45歲，
其中包含了兩位產品設計師，一位插畫家, 一位公司幼兒園老師以及一位廣告顧問。

透過 5 位跨領域受訪者（含外籍）訪談，從中歸納出兩類核心人物模型 (Persona)，精準定義產品優化方向。

Personas

根據淡水旅遊App的潛在用戶，設定兩大主要族群的，分別是本地家庭旅客和國際背包客。
這兩個族群代表了不同的需求與行為模式，有助於幫助設計團隊集中開發核心功能。

個人資料

姓名: Emma

年齡: 28歲

性別: 女性

職業: 插畫家

居住地 : 香港、英國

行為及需求：

她對當地文創商品有濃厚興趣，希望App能推送特色市集、紀念品店的資訊，讓她能夠輕鬆找到具有當地文化特色的商品。

動機：

熱衷於購買具有當地文化和獨特設計的文創商品，希望能透過App找到淡水最具代表性的紀念品和手工藝品，以作為她旅途的收藏品。

痛點:

即時探索

語言障礙

缺乏本地文創商品推薦

目標:

了解淡水當地文化

購買淡水文創商品

支持當地文化

樂於嘗試新事物

享受與不同文化背景的人互動

好奇心旺盛

個人資料

姓名: 王美華

年齡: 42歲

性別: 女性

職業: 幼兒園老師

居住地 : 台灣

行為及需求：

王小姐是台北本地人，週末常帶5歲與6歲的孩子去淡水短途旅行。她喜歡輕鬆又有文化底蘊的景點，並希望孩子能從旅程中了解在地歷史特色。

動機：

她希望全家人在淡水有一趟輕鬆、順暢、零壓力的旅程。透過參觀古蹟和參與活動，讓孩子在玩樂中學到淡水的歷史與文化，並培養對在地故事的興趣。

痛點:

很多景點的設施信息不明確。

活動資訊不集中

文化資訊不足

目標:

探索淡水的親子友好型景點和活動

高效的旅程管理

打造有教育意義的旅程，

令孩子深入了解文化

注重細節

喜歡分享旅行經驗

樂於讓孩子在旅行中學習與探索

從痛點中歸納洞察

透過POV框架，從同理心出發並歸納出以下四項洞察

互動App設計

《隨水淡談：可收藏的古蹟》蒐集8本故事書吧！

解鎖8大古蹟的精美故事書
介紹該古蹟歷史與建築特色，可加入自己的照片

探險地圖：出發冒險！

GPS定位、路線圖
標記古蹟與建立的時間順序

探險任務：找出建築特色
任務：每個地點會提供一張照片，從現實中的相同角度找到並掃描QRcode
集點卡（完成任務可成功集點，集滿8點可換取紀念故事書

線上文創商店

販售各式淡水文創商品，讓旅客輕鬆選購在地特色紀念品。

Bunsiness Mode

產品價值主張

我們產品的價值主張是整合當地的景點資訊、路線規劃、交通指南與即時活動更新，為旅客提供一站式的旅遊體驗，

讓他們能更輕鬆探索淡水的歷史文化與自然風光。

User Flow

視覺設計

色彩核心： 選用「棗紅色」為主色，靈感源自紅毛城與古蹟磚牆，傳遞淡水歷史的厚重感與文化溫度。
字體設計： 以襯線體為基底，優化結構線條以象徵古蹟輪廓，在數位介面中達成經典與現代的平衡。

顏色

Hex code: #EAEAEA

灰白色

Hex code: #682E25

棗紅色

Hex code: #161A21

海水藍

Hex code: #9FA1B0

叢林綠

八大古蹟視覺設計

故事書設計

故事書-書脊設計

User interface

歡迎頁面視覺設計以棗紅色為主

歡迎頁面視覺設計

以棗紅色為主

歡迎頁面以棗紅色為主色調，營造溫暖且歷史感十足的氛圍。
以古蹟作為書脊主題，以古典故事書作為參考風格，故事書內容會介紹建築物歷史、設計特色等等。

歡迎頁面以棗紅色為主色調，營造溫暖且歷史感十足的氛圍。以古蹟作為書脊主題，以古典故事書作為參考風格，故事書內容會介紹建築物歷史、設計特色等等。

新手引導

幫助使用者快速上手，透過簡短的分步介紹，使用者可以了解如何瀏覽景點、規劃行程。

了解淡水歷史

完成任務可解鎖八大古蹟的精美故事書，

介紹各古蹟的歷史背景與建築特色，讓
使用者以遊戲化方式深入了解淡水
的文化底蘊。

完成任務可解鎖八大古蹟的精美故事書，介紹各古蹟的歷史背景與建築特色，讓使用者以遊戲化方式深入了解淡水的文化底蘊。

探險地圖：出發冒險

依據GPS定位，

按古蹟建立順序設計任務路線，

讓使用者在探索淡水景點的同時，

體驗文化與歷史的冒險旅程。

依據GPS定位，

按古蹟建立順序設計任務路線，

讓使用者在探索淡水景點的同時，

體驗文化與歷史的冒險旅程。

任務集點機制

依提示照片尋找相同角度並掃描QR Code完成任務，

集滿8點即可兌換精美紀念故事書。

依提示照片尋找相同角度並掃描QR Code

完成任務，集滿8點即可兌換精美紀念故事書。

線上文創商店

販售各式淡水文創商品，

讓旅客輕鬆選購在地特色紀念品。

販售各式淡水文創商品，

讓旅客輕鬆選購在地特色紀念品。

總結

本App專注於服務淡水旅遊族群，即時資訊與本地文化導向功能，滿足本地家庭旅客與國際背包客的需求。

結合景點推薦、文創商品銷售、活動推播，提升旅遊便利性與文化體驗。

本App專注於服務淡水旅遊族群，即時資訊與本地文化導向功能，滿足本地家庭旅客與國際背包客的需求。

結合景點推薦、文創商品銷售、活動推播，提升旅遊便利性與文化體驗。

未來發展

在未來發展方面，希望能透過功能升級：開發AI導覽助手，提供個性化行程建議與語音導覽。

增加AR技術應用，讓使用者能以互動方式了解淡水的歷史與文化。

永續發展：推動環保旅遊，整合淡水的綠色旅遊選項，倡導減碳行程規劃。支持本地文化與生態保護活動，

打造有責任感的旅遊平台。

在未來發展方面，希望能透過功能升級：開發AI導覽助手，提供個性化行程建議與語音導覽。

增加AR技術應用，讓使用者能以互動方式了解淡水的歷史與文化。

永續發展：推動環保旅遊，整合淡水的綠色旅遊選項，倡導減碳行程規劃。支持本地文化與生態保護活動，

打造有責任感的旅遊平台。

反思與學習

在這個設計過程中，我學到了如何將淡水的歷史氛圍（紅磚、古蹟）轉化為 UI 的色彩系統與元件。

我面臨的挑戰是如何在「強烈的視覺風格」與「介面易讀性*之間取得平衡。

例如，我嘗試了擬物化的書本設計，這讓我反思了裝飾性元素與操作空間的取捨。

我也思考了使用者在『旅遊中』的使用情境。與坐在電腦前不同，旅遊者需要更直觀的地圖引導。

這個專案讓我意識到，App 不只是資訊的載體，更是連接使用者與實體空間的工具。

在這個設計過程中，我學到了如何將淡水的歷史氛圍（紅磚、古蹟）轉化為 UI 的色彩系統與元件。

我面臨的挑戰是如何在「強烈的視覺風格」與「介面易讀性*之間取得平衡。

例如，我嘗試了擬物化的書本設計，這讓我反思了裝飾性元素與操作空間的取捨。

我也思考了使用者在『旅遊中』的使用情境。與坐在電腦前不同，旅遊者需要更直觀的地圖引導。

這個專案讓我意識到，App 不只是資訊的載體，更是連接使用者與實體空間的工具。

目標使用者

本地旅客：注重便捷性，想迅速找到當地景點、美食、住宿和活動資訊。

國際旅客：需要多語言支援、文化背景介紹。

設計目標

介紹和推廣淡水的建築歷史與特色
用互動APP裝置與圖文解說，不管是大小朋友都能輕鬆遊覽
提具收藏價值的體驗

訪談及資訊架構

透過問卷調查找出目標族群，並邀請五位使用者參與訪談，性別涵蓋男女，介於25-45歲，
其中包含了兩位產品設計師，一位插畫家, 一位公司幼兒園老師以及一位廣告顧問。

透過 5 位跨領域受訪者（含外籍）訪談，從中歸納出兩類核心人物模型 (Persona)，精準定義產品優化方向。

Personas

根據淡水旅遊App的潛在用戶，設定兩大主要族群的，分別是本地家庭旅客和國際背包客。
這兩個族群代表了不同的需求與行為模式，有助於幫助設計團隊集中開發核心功能。

個人資料

姓名: Emma

年齡: 28歲

性別: 女性

職業: 插畫家

居住地 : 香港、英國

行為及需求：

她對當地文創商品有濃厚興趣，希望App能推送特色市集、紀念品店的資訊，讓她能夠輕鬆找到具有當地文化特色的商品。

動機：

熱衷於購買具有當地文化和獨特設計的文創商品，希望能透過App找到淡水最具代表性的紀念品和手工藝品，以作為她旅途的收藏品。

痛點:

即時探索

語言障礙

缺乏本地文創商品推薦

目標:

了解淡水當地文化

購買淡水文創商品

支持當地文化

樂於嘗試新事物

享受與不同文化背景的人互動

好奇心旺盛

個人資料

姓名: 王美華

年齡: 42歲

性別: 女性

職業: 幼兒園老師

居住地 : 台灣

行為及需求：

王小姐是台北本地人，週末常帶5歲與6歲的孩子去淡水短途旅行。她喜歡輕鬆又有文化底蘊的景點，並希望孩子能從旅程中了解在地歷史特色。

動機：

她希望全家人在淡水有一趟輕鬆、順暢、零壓力的旅程。透過參觀古蹟和參與活動，讓孩子在玩樂中學到淡水的歷史與文化，並培養對在地故事的興趣。

痛點:

很多景點的設施信息不明確。

活動資訊不集中

文化資訊不足

目標:

探索淡水的親子友好型景點和活動

高效的旅程管理

打造有教育意義的旅程，

令孩子深入了解文化

注重細節

喜歡分享旅行經驗

樂於讓孩子在旅行中學習與探索

從痛點中歸納洞察

透過POV框架，從同理心出發並歸納出以下四項洞察

互動App設計

《隨水淡談：可收藏的古蹟》蒐集8本故事書吧！

解鎖8大古蹟的精美故事書
介紹該古蹟歷史與建築特色，可加入自己的照片

探險地圖：出發冒險！

GPS定位、路線圖
標記古蹟與建立的時間順序

探險任務：找出建築特色
任務：每個地點會提供一張照片，從現實中的相同角度找到並掃描QRcode
集點卡（完成任務可成功集點，集滿8點可換取紀念故事書

線上文創商店

販售各式淡水文創商品，讓旅客輕鬆選購在地特色紀念品。

Bunsiness Mode

產品價值主張

我們產品的價值主張是整合當地的景點資訊、路線規劃、交通指南與即時活動更新，為旅客提供一站式的旅遊體驗，

讓他們能更輕鬆探索淡水的歷史文化與自然風光。

User Flow

視覺設計

視覺設計以棗紅色為主，這種色調不僅充滿溫暖與歷史感，

也巧妙地呼應了淡水的文化背景。

棗紅色象徵著淡水的歷史厚重感，例如紅毛城的磚牆色調，

以及老街上古樸的建築風格，讓人聯想到過去的歲月。

顏色

Hex code: #EAEAEA

灰白色

Hex code: #682E25

棗紅色

Hex code: #161A21

海水藍

Hex code: #9FA1B0

叢林綠

八大古蹟視覺設計

故事書設計

故事書-書脊設計

User interface

歡迎頁面視覺設計以棗紅色為主

歡迎頁面以棗紅色為主色調，營造溫暖且歷史感十足的氛圍。
以古蹟作為書脊主題，以古典故事書作為參考風格，故事書內容會介紹建築物歷史、設計特色等等。

新手引導

幫助使用者快速上手，透過簡短的分步介紹，使用者可以了解如何瀏覽景點、規劃行程。

了解淡水歷史

完成任務可解鎖八大古蹟的精美故事書，

介紹各古蹟的歷史背景與建築特色，讓使用者以遊戲化方式深入了解淡水的文化底蘊。

探險地圖：出發冒險

依據GPS定位，

按古蹟建立順序設計任務路線，

讓使用者在探索淡水景點的同時，

體驗文化與歷史的冒險旅程。

任務集點機制

依提示照片尋找相同角度並掃描QR Code完成任務，集滿8點即可兌換精美紀念故事書。

線上文創商店

販售各式淡水文創商品，

讓旅客輕鬆選購在地特色紀念品。

總結

本App專注於服務淡水旅遊族群，即時資訊與本地文化導向功能，滿足本地家庭旅客與國際背包客的需求。

結合景點推薦、文創商品銷售、活動推播，提升旅遊便利性與文化體驗。

未來發展

在未來發展方面，希望能透過功能升級：開發AI導覽助手，提供個性化行程建議與語音導覽。增加AR技術應用，讓使用者能以互動方式了解淡水的歷史與文化。

永續發展：推動環保旅遊，整合淡水的綠色旅遊選項，倡導減碳行程規劃。支持本地文化與生態保護活動，打造有責任感的旅遊平台。

反思與學習

在未來發展方面，希望能透過功能升級：開發AI導覽助手，提供個性化行程建議與語音導覽。增加AR技術應用，讓使用者能以互動方式了解淡水的歷史與文化。

永續發展：推動環保旅遊，整合淡水的綠色旅遊選項，倡導減碳行程規劃。支持本地文化與生態保護活動，打造有責任感的旅遊平台。