介面設計
Functional Map
UI Flow
Prototype
圖片設計

Side Project:運動工作室APP

2022 年 08-10 月

01. 專案概況

專案背景

待業期間進修,透過線上與線下進修UI領域,想從網頁設計設略到 APP 課程,並找自己常使用的題材練習作品。

專案目的

透過進修學習檢視實際成果。挑選有興趣的項目,從無到有摸索APP設計,了解製作過程與課程後的檢討。

專案目標

熟悉設計流程與交互設計上完成Prototype,並且成果能符合易用性,並可於後端開發使用與兼具美觀。

專案挑戰

過程學習2種軟體Adobe XD與Figma,皆可執行設計,但 iOS 與 Android 兩大系統的 UI 介面設計規範還在熟悉中。

02. 設計流程

03. 設計產出

完整簡報參考
2018

G Suite 產品頁

- RWD 響應式網頁設計
- 整體風格、排版設計
- 主視覺、插圖設計
- 價格表設計

2021

關鍵字廣告 服務頁

- Grid system
- RWD 響應式網頁設計
- 整體風格、排版設計
- 插圖、表單設計

查看作品
2022

田中系統 (B2B)

- Grid system
- RWD 響應式網頁設計
- 整體全面改版設計
- Design System 設計規範

查看作品
2017

富泰旅行社 (B2C)

- 首頁設計
- 子頁設計
- 行程表設計

查看作品
2019

Valuecard 產品頁

- Grid system
- RWD 響應式網頁設計
- 整體風格、排版設計
- 插圖設計

查看作品