top of page

TRIP PLANNER

Easy to plan, quick communicate and better experience!

About the project

Summary

「行程設計器」目的為建構一網路應用服務,以提供旅行社產品設計人員、業務人員、顧客、網路社群等使用者於規劃行程時使用,並根據不同使用者進行資料與功能上的調整,以滿足不同顧客需求需求。行程設計器能夠提供資料庫中合格的旅遊元件,大幅縮短產品設計至上架流程所需時間,同時藉由資料庫的累積,能夠幫助設計者針對不同客群,量身打造更為精準的差異化旅行產品。自行規畫行程的創新服務,提供一般消費者有別於過去的行前體驗,讓顧客能夠親自參與、設計理想行程。
 

My Role
Product Designer

User research, Interaction, UXUI Design,

UX Writing, Prototyping & Testing, Questionnaire

Plat Form

Web, Mobile Web

Collaborative Partner

PM, Engineer, Marketing, Sales Team

Project Time

2016.08 - 2017.02 

User Insight

使用者( 產品設計人員/ 業務人員/ 旅客) 在進行行程規劃時,經常在地理位置、時間、動線、分眾偏好屬性、價格、庫存之間來回詢問、確認、安排、調整修改,溝通時間成本高,往往造成顧客、產品設計人員以及業務工作人員極大困擾,行程設計系統可以在同一平台進行「行程編輯」、「詢價」、「估價」、「管理」等多項功能,一站解決多方通點,產品目標為:
• 快速確認行程內容,減少工通成本、提高公司收益

• 詢估報價流程系統化

• 提升公司內部營運績效管理

• 介面重新規劃重整、優化舊版使用者體驗

Business Meeting
1. Agent 
  • 在顧客時常變換想法的狀況下,且需要快速得到報價。

  • 工作流程複雜,導致業務人員難以快速地滿足顧客需求。

  • 想要輕鬆快速的方式做行程調整。

Decorating Wedding Table
2. Trip Planner
  • 工作忙碌,在外跑業務時無法即時服務客戶

  • 需要自行使用傳統方式管理多筆訂單,有時會漏單、忘記待辦事項

  • 客戶需求隨時異動,估價時程變成,導致報價延後

Traveling by Air
3. Sales
  • 因行程內容或價格議定,而需來回調整行程,使資訊錯雜混亂難以管理

  • 估價/報價規格未統一,難以管理

  • 等待供應商回覆價格,時間無法掌握

Reaching a Deal
4. Company
  • 無法得知與管理成交價格與成交率

  • 主管無法有效管理業務工作績效

Wireframe & Prototype

 「Prototyping 是獲得反饋及發現問題的最快方式!」

 

在初步設計階段,大量製作Prototype來檢視介面流程與操作,最先使用 paper prototype 的方式,進一步在使用Axure製作初略線稿,途中將會不斷的內部檢視、測試,與工程人員討論、反覆修改,最後製作高保真PPrototype、icon,再進入切圖和標記等作業。

其中,需要有動態互動效果時,將會使用Keynote/ae/hype...等製作動態prototype,與工程團隊溝通想要的互動效果,最後再調整成製作檔案,將數值提供給工程師製作出動態效果。

截圖 2022-08-17 下午10.55.05.png

Paper prototype & wireframe

Storyboard about Ideal Experience

​旅行社常會有客戶指定需求,客製化的過程中會需要耗費大量的人工作業時間,包含查詢機票時間、替換行程,來回與供應商詢價....等繁複手續,在過程中常會因為耗時過長,與競業比較...等流程,而流失客戶。行程助手除了內建大量的過內外行程,同時包含可隨時替換交通、景點、旅遊內容...等資訊,遇到客製化需求可隨時替換,並可及時送出估價。另外在管理列表中可清楚看到每筆訂單的訂單狀態,不需來回電話溝通,也可即時知道最新資訊,同時記錄下寶貴的客戶資訊。

下方的故事軸線為使用此平台後的理想情境,2016 年時類似相關旅遊工具偏少,透過此故事版的展圖文展現,能讓公司各單位成員​清楚明瞭知道打造平台後的理想流程,快速理解產品理念。

01.

TP01.png

近日,Agent 小王收到某公司員旅需求,該公司期望於10月出發,預算五天日本行程。此時只要利用行程設計氣,即可快速編輯客製團的行程規劃!

02.

TP02.png

哇!不僅可以自行編輯行程,搜尋結果頁還有許多推薦範本可以挑選,真是方便!

03.

TP03.png

進入日行程編輯畫面後,就即可自定行程內容,按下「挑選航班」,就可以選擇最合適的參考航班,按下選擇即可加入日行程內,同時隨即帶入航班落地時間,減少時程誤差,讓編輯更精準!

04.

TP04.png

介面有該地相關景點可供挑選,只要按下加入就可輕鬆地加入日行程內。此外,透過簡易拖拉,可隨時調整景點順序,時間亦會自動運算更新,點擊「我要詢價」,即可進入詢價流程!

05.

TP06.png

管理頁面中,可以一目瞭然並完整掌握 Agent / Sales 和旅遊企劃的狀態變化,輕鬆管理訂單進度、快速完成詢價、估價、議價作業。

06.

TP07.png

藉此行程設計平台,簡化過往繁瑣作業程序、降低各單位間的溝通成本,提升工作效率與公司營收。

UI Spec and UI Kit

截圖 2022-08-18 下午8.49.12.png
截圖 2022-08-18 下午8.49.25.png

部分 UI Spec

首頁

編輯行程-理想狀態-住宿.png

行程編輯頁面

mark_尚未選擇目的地_default.jpg

搜尋航班頁面

新_業務主管.jpg

訂單頁面 - 業務主管觀看頁面

景點 copy.png

景點詳情頁面

航班查詢-隱藏選項.jpg

​選擇航班頁面

新_估價單.png

估價單頁面

More Projects

product page.jpeg

Browse product easier and shop happier.

b2bmockup.jpg

Pinkoi Business Site

bottom of page