UI/UX
Web
改版設計
首頁設計
子頁設計
行程頁面設計
色彩規劃

富泰旅行社 官網改版 (B2C)

2017年

01. 專案概況

專案背景

相關企業,老闆委外指派,並給予權限發揮風格樣式,所以直接使用舊網站資訊,設計自行再重新整理內容與架構。

專案目的

優化網站設計與內容,重新規劃首頁網站架構與旅遊行程分類,調整介面一制性。

專案目標

全導覽旅遊地點與行程內容分類再明確,強調主打行程與展示豐富行程內容,讓使用者感興趣想購買。

專案挑戰

想規劃實用性與兼具美觀,考量讓業務自行上傳後台更換文案與圖片,故每種欄位均有考量文字多寡排版,並方便維護與更新。

02. 設計流程

03. 設計產出

第一個以非網頁設計經驗執行改版設計,由於無接觸實際委託者,故企業給予很大的發揮空間設計頁面

痛點發現

  • 國內、國外旅遊、主題行程眾多參雜無分類
  • 整體風格不統一,圖片品質參差不齊
  • 行程、景點介紹不完整,要自己找資料
  • 行程內容資訊雜亂不好閱讀,沒系統性

解決方法

  • 首頁依照地點分類、再依照主題、行程標籤分類頁面
  • 重新規劃品牌色彩一致性,並增加重點色
  • 重新美化圖片與改善品質
  • 行程頁面排版,創建公版設計,提供多種組合,讓業務單位可自行調配照片數量與文案

一、首頁設計:推廣主打行程,滿版主視覺設計,用輪播方式提供精選行程;行程規劃用標籤區分。
下方熱門行程:增加文字標籤,推廣主打行程;增加互動設計使用放大欄位與陰影效果,給予使用者瀏覽好的體驗。

二、子頁設計:個別依地點設計子頁介紹,提供使用者查看更多當地景點、文化、行程資訊介紹

三、行程頁面設計:提供旅行社業務單位人員,彈性組合行程內容,有規劃公版,讓業務人員,可自行上傳該行程景點、美食、住宿等照片,並生成文案等資訊,即可創建旅遊行程頁面。

G Suite 產品頁

- RWD排版
- 整體設計與配色
- 主視覺與插圖設計
- 價格表設計

查看作品

Valuecard 產品頁

- RWD排版
- 整體設計與配色
- 插圖設計

查看作品

稻吉數位 服務頁

- RWD排版
- 主視覺設計
- 插圖設計
- 表單設計

查看作品

說明會產品頁

- bulma樣板架構
- 主視覺設計
- 手繪風格
- icon設計

查看作品

田中系統 官網

- menu navigation
- footer
- 手繪風格

查看作品

富泰旅行社 官網

- RWD排版
- 整體設計與配色
- 主視覺與插圖設計
- 價格表設計

查看作品

田中系統 官網

- 手繪風格圖片
- menu navigation design
- footer design
- form design

查看作品

獨角獸 MVP

- 圖片設計
- Guideline
- Components
- UI Kit

查看作品

回應式廣告投放

- Google多媒體廣告
- FB廣告

查看作品

固定式廣告投放

- Google多媒體廣告


查看作品

電子報

- 封面設計
- 內容排版
- 活動宣傳

查看作品

簡介資料

- 下載簡介資料
- 排版設計
- 圖片設計

查看作品