擔任角色
UI/UX設計師
專案時程
2021.12~2022.11
負責項目
需求溝通與規劃
改版架構分析
UI/UX設計
原生切圖/WEB靜態切版
雙系統測試
工具/程式語言
工具與程式語言
01

背景介紹

Background
隨著屏東觀光產業日趨發達,屏東縣政府希望透過「屏東GO好玩」APP,讓更多人深入認識這塊土地。在功能方面,新版APP新增快捷按鈕,優化整體架構,操作起來更直覺便利;在畫面方面,改以暖色系呈現,風格活潑明亮,更能凸顯重要資訊。採混合型開發模式,結合原生型及網頁型特性,降低開發成本並提高執行效能。
改版成果
Google Play累積達 1萬以上 下載數
APP Store維持 4.0以上 的評分
優化使用者介面,簡化架構,功能更易尋找
改版後畫面清新、活潑,符合客戶需求
APP上架圖片
02

擔任角色

Responsibility
專案中擔任設計師的角色,同步專案進度,提升溝通效率
03

問題&解決方法

Obstacles & Solutions
改版前
首頁過多按鈕,若操作到較多層的頁面,來回容易迷路
改版架構前的介面
改版後
底部新增浮動NAV bar,直觀易懂,並可隨時切換功能
改版架構後的介面
色系較暗,畫面呈現單一,按鈕功能文字不夠清楚
改版前
APP色系改版前的介面
改版後
整體配色活潑明亮,ICON簡約清新,文字與背景顏色對比明顯,能快速辨認各按鈕功能
APP色系改版後的介面
改版前
架構混亂,同類功能分散,不易查找,需反覆來回操作
APP改版前的架構圖
改版後
架構乾淨一致,將同類功能整併,操作直觀便利
APP改版後的架構圖
04

主視覺設計

Main Page Design

線框稿

線框稿幫助在討論的過程中可以更專注於APP的功能與架構面,以避免視覺設計的干擾,也能減少來回討論的時間,增加討論的效率。
主畫面設計

色彩與ICON應用

主畫面設計
整體色系以暖色為主,畫面活潑、明亮
並以深綠色作為點綴,象徵屏東的山水風景

歡迎頁與APP ICON設計

APP ICON設計
以屏東風景圖片搭配手寫字體與插畫呈現,增加畫面的活潑度與豐富性。
歡迎頁設計圖

首頁設計

APP首頁兩版設計圖
05

更多設計細節

Features
Locations

景點介紹

直覺性的操作介面,輕鬆找到附近喜愛景點!
景點介紹功能介紹
Parking

停車資訊

自動定位功能,輕鬆找到專屬停車位!
停車資訊功能介紹
Road

路況資訊

即時查看附近路口影像,行車更安全
路況資訊功能介紹