介面設計

Functional Map

UI Flow

Prototype

圖片設計

Side Project：運動工作室APP

2022 年 08-10 月

01. 專案概況

專案目的

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

專案背景

待業期間進修，從網頁設計進階學習UI領域，實際報名線上與線下 UI 課程，並找自己有在使用的題材練習作品。

專案目標

設計過程掌握方向與操作軟體熟練度能上手，並且成果能符合易用性，並可於後端開發使用與顧及美觀。

專案挑戰

過程學習2種軟體Adobe XD與Figma，皆可執行設計，但設計的速度與UI領域的設計規範都還在熟悉中。

02. 設計流程

03. 設計產出

完整簡報參考

查看原型回總覽

G Suite 產品頁

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

關鍵字廣告服務頁

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

Valuecard 產品頁

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

說明會服務頁

- Grid system
- RWD 響應式網頁設計
- 主視覺/手繪圖片設計
- icon設計

田中系統 (B2B)

- menu navigation
- footer
- 手繪風格
‍

富泰旅行社 (B2C)

- RWD 響應式網頁設計
- 整體設計與配色
- 主視覺與插圖設計
- 價格表設計

田中系統

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

插圖設計

- 官網產品頁圖片
- 手繪風格插圖
- 新聞稿圖片
‍

回應式廣告投放

- Google多媒體廣告
- FB廣告

‍

電子報

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

簡介資料

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