玩樂票券 Ticket App

與知名平台合作的線上休閒體驗票券購買服務,採取 InApp Micro Service 形式,原App 預留Icon作為服務的入口。整體設計以不與原App的設計風格太脫離為原則,降低使用者切換服務時的視覺落差感。

Role

Role

UIUX Designer

UIUX Designer

Year

Year

2022

2022

Case

Case

E-commerce

E-commerce

Project Goal

讓使用者能快速搜尋附近的娛樂或餐廳服務,快速購買體驗票券隨享即用。

COLOR

COLOR

COLOR

#FF553A

#FF553A

#FF553A

#FF553A

Typography

Typography

Typography

Typography

Montserrat

Montserrat

For $Price

Noto Sans

Noto Sans

Information

01

01

01

01

01

商品選購流程

商品選購流程

一頁式的選購流程中,直覺式的點選喜歡的方案及數量,統一商品及加購品操作。可買數量加減上也設有防呆機制,讓使用者簡單操作。

一頁式的選購流程中,直覺式的點選喜歡的方案及數量,統一商品及加購品操作。可買數量加減上也設有防呆機制,讓使用者簡單操作。

一頁式的選購流程中,直覺式的點選喜歡的方案及數量,統一商品及加購品操作。可買數量加減上也設有防呆機制,讓使用者簡單操作。

02

02

02

商品結帳流程

商品結帳流程

02

02

結帳流程中,依序讓使用者填入所需折抵點數或使用禮券。以主色及黑色對比,清楚顯示結帳金額及折扣後,才引導其使用付款方式。發票資訊開立統編及備註,則放在整個流程最末端。

03

03

憑證使用

憑證使用

電子憑證頁裡可用憑證與已失效憑證明確分離,方便使用者區隔。因主力客群為年輕用戶,整體APP動態設計較活潑,如:點擊憑證展開顯示,裡頭視覺階層設計視覺重點放在正中央,方便店家線下操作。

電子憑證頁裡明確區隔可用憑證與已失效憑證。因主力客群為年輕用戶,憑證操作互動採用活潑動態設計,視覺階層設計將視覺重點放在正中央,也方便店家線下操作。

電子憑證頁裡可用憑證與已失效憑證明確分離,方便使用者區隔。因主力客群為年輕用戶,整體APP動態設計較活潑,如:點擊憑證展開顯示,裡頭視覺階層設計視覺重點放在正中央,方便店家線下操作。

Component

Component

Component

Component

Input

Button

Default

Typing

Done

Error

Primary

Secondary

Pressed

Disabled

Dropdown

Number

Default

Done

Error

Min

Mid

Max

Disable

Fixed

Error

Checkbox

Checkbox

Default

Active

Radio

Radio

Default

Active

Loading

Default

Active

Disabled

Loading

Default

Active

Disabled

系統化的管理元件庫,讓整體設計與規範不脫鉤,確保 App 設計風格與視覺語言一致性。

Work 03 - App Refinement

Work 03 - App Refinement

©Copyright 2023 Lazine. All rights reserved.

©Copyright 2023 Lazine. All rights reserved.

©Copyright 2023 Lazine. All rights reserved.

©Copyright 2023 Lazine. All rights reserved.