Ariel Tong
Home
About
擔任角色
UI/UX設計師
專案時程
2021.12~2022.11
負責項目
需求溝通與規劃
改版架構分析
UI/UX設計
原生切圖/WEB靜態切版
雙系統測試
工具/程式語言
01
背景介紹
Background
隨著屏東觀光產業日趨發達,屏東縣政府希望透過「屏東GO好玩」APP,讓更多人深入認識這塊土地。在功能方面,新版APP新增快捷按鈕,
優化整體架構
,操作起來更直覺便利;在畫面方面,改以暖色系呈現,
風格活潑明亮
,更能凸顯重要資訊。採混合型開發模式,結合原生型及網頁型特性,降低開發成本並提高執行效能。
改版成果
Google Play累積達
1萬以上
下載數
APP Store維持
4.0以上
的評分
優化使用者介面,簡化架構,功能更易尋找
改版後畫面清新、活潑,符合客戶需求
02
擔任角色
Responsibility
03
問題&解決方法
Obstacles & Solutions
改版前
首頁過多按鈕,若操作到較多層的頁面,來回容易迷路
改版後
底部新增浮動NAV bar,直觀易懂,並可隨時切換功能
色系較暗,畫面呈現單一,按鈕功能文字不夠清楚
改版前
改版後
整體配色活潑明亮,ICON簡約清新,文字與背景顏色對比明顯,能快速辨認各按鈕功能
改版前
架構混亂,同類功能分散,不易查找,需反覆來回操作
改版後
架構乾淨一致,將同類功能整併,操作直觀便利
04
主視覺設計
Main Page Design
線框稿
線框稿幫助在討論的過程中可以更專注於APP的功能與架構面,
以避免視覺設計的干擾
,也能減少來回討論的時間,增加討論的效率。
色彩與ICON應用
整體色系以暖色為主,畫面活潑、明亮
並以深綠色作為點綴,象徵屏東的山水風景
運用於主要功能按鈕,以簡約的線條ICON呈現
主要運用於地圖上,陰影增加立體感,操作時更好辨識
主要運用於地圖上,陰影增加立體感,操作時更好辨識
同左,主要運用於停車資訊與P-bike資訊的地圖上
歡迎頁與APP ICON設計
設計理念
以屏東風景圖片搭配手寫字體與插畫呈現,增加畫面的活潑度與豐富性。
首頁設計
第一版
整體風格採用粉嫩的暖色系,畫面活潑,有變化性,以符合「玩」的視覺意象。
第二版
按鈕背景圖以屏東在地特色搭配ICON呈現, 以符合「屏東」GO好玩的在地化特色。
05
更多設計細節
Features
Locations
景點介紹
直覺性的操作介面,輕鬆找到附近喜愛景點!
Parking
停車資訊
自動定位功能,輕鬆找到專屬停車位!
Road
路況資訊
即時查看附近路口影像,行車更安全