brackets
brackets
fantasy
fantasy

上順旅行社團報系統

企業旅遊團報系統設計案例

上順旅行社團報系統
企業旅遊團報系統設計案例
Category
Tag
Client
上順旅行社 Fantasy Tours
Role
UI/UX/Front-End
Tuesday Design Studio
Date
Feb.2019

上順旅遊秉持品質優先至上的精神,行程特色多元化並用心設計每個精彩情節,希望能製作一個以企業為主的線上團體報名系統,取代以往使用人工及紙本作業方式,加速處理各流程事項的效率。

報名流程

在開始設計及規劃介面和功能之前,我們先透過實體會議的方式暸解以及整理了企業在報名員工旅遊的流程。

 

使用者故事

透過報名流程圖可以知道,團報的流程中最重要的因素是「時間」,它可以影響一個旅行團的操作功能及顯示哪些對應資料。所以在使用者故事上我們以時間分成兩大區塊,一個是不受時間影響,隨時都可以使用的功能;另一個是會因為時間而改變操作,分為:報名前、報名期間、報名後三個時間區段。

視覺設計

依據上順企業專區的品牌識別樣式,進行介面視覺的延伸,並將會使用到的介面元件都模組化,方便未來旅行社在擴充功能時能夠保持視覺的一致性。

會員登入

登入頁面上規劃了一個企業標誌的區塊,會依據各企業員工登入時顯示不同的標誌,方便企業員工辨識是否進入到正確的入口網站。在登入失敗或登出成功時,會即時顯示提示訊息,引導使用者在操作錯誤時能夠即時修正操作。

選擇旅行團

登入系統後,使用者可以在員工身份區塊中隨時查看自己的個人資料、免費攜伴名額、報名狀態。團體列表區塊,使用者可以即時預覽各旅行團的報名狀況,並選擇自己想要參加的旅行團進行報名。各旅行團依據該團報名狀態及時間因素,點擊後顯示的資料內容及能操作的動作有所不同,相關變化可以參考下方流程圖。

填寫基本資料

在填寫基本資料及同行旅客資訊時,團費小計區塊可以即時計算應付金額以及各旅客的費用明細。

參團偏好

使用者可以針對自身及同行旅客情況,在參團偏好中選擇機餐、飲食禁忌、房型、同房者等資訊,所有選項在設計時皆預設為「不拘」或是「無」,方便沒有特殊需求的旅客能夠快速通關、提交資料表。

加購行程

加購部分能夠針對每個旅客自身的狀況及意願,在旅程中的每一天選擇不同的行程參加。根據行程類型的不同,自費行程會在標題後方標示「須額外自費」的標籤,使用者展開行程細節後能夠查看各年齡的收費標準,系統將依據旅客填寫的出生年月日進行判斷,自動將費用加總在自費小計當中。

提交報名表

送出報名表前提供了報名資料確認的頁面,方便使用者確認所有行程細節及金額明細,確認無誤即可送出報名。

手機版展示

RWD響應式設計,完美重現設計師原稿,讓手機用戶也能擁有很好的使用體驗。

喜歡我們的作品?
欲知更多合作細節
歡迎來信與我們聯繫:)

聯絡我們