MyCard APP

MyCard APP改版

Background Overview

目前因應Android與ios需同時進行改版,並且ios需要恢復上架因此進行MyCard App改版。

Overview

我們如何提升MyCard用戶的參加活動體驗以及儲值體驗

Design Goal

優化使用者體驗、iOS恢復上架、視覺改版

Type

APP

Year

2021/09-2021/11(規劃、設計)
2021/11-2022/02
(開發、測試、上線)

Role

• 內外部需求搜集

• 專案管理

• 使用流程規劃
(wireframe, 資訊架構)

• 測試上線

• PRD撰寫

Defining the problem

內部共識不足

困難點

內部共識不足:產品端在定義需求時,還不明確潛在的風險與達成內部共識,造成設計來回反覆修改,無法進入開發。

解法

小型共創會議:拉動相關的行銷、會員、客服團隊,為加速收斂意見,採用投票>快速實現的機制,取得所有利害關係人的共識。

Interview

行銷團隊
會員團隊
客服團隊

Insight

優化儲值體驗
會員活動參加
豐富會員功能

DESIGN GOAL

創造更好操作、視覺體驗-MyCard APP

新增更多MyCard推出的服務以及優化MyCard APP的操作體驗

重新設計視覺層級

改善操作體驗的重點之一

調整使用者體驗

改善用戶的操作體驗

擴展內容多樣性

調整排版讓業務單位有更多曝光度

重新定義視覺風格

讓MyCard相關平台視覺風格一致

Sitemap

優化現有MyCard APP,重新規劃整體架構

得出利害關係人的需求之後,並綜合現有MyCard官網的內容繪製出MyCard App的主要功能與功能地圖

Competitive product analysis

借鏡競品的優點,優化MyCard

從競品分析中,我們得出gash, 遊E卡, 巴哈姆特的優點都是登入方便且快速、但是儲值的功能繁瑣,找了其他同事測試後找不到儲值入口或是無法有效儲值。

GASH

在登入和儲值流程上有一定優勢,但其操作需跳轉至網頁版,且APP整體價值不明確、資訊混亂,介面不統一。

遊E卡

提供一致且便捷的網站體驗,儲值流程繁瑣、且須下載額外的APP來完成儲值,對用戶來說流程容易中斷。

Main Function Flow Chart

“優化MyCard的購物體驗與視覺體驗
提升MyCard在用戶心中的價值“

「視覺與體驗重新設計」、「豐富會員活動」、「重新上架iOS版本」

目前MyCard一直是舊版的視覺以操作不良的經驗,因此除了優化視覺體驗外
也提升視覺體驗。並且豐富MyCard APP功能

MOBILE FINAL EXPERIENCE

首頁

進入首頁時提供最主要的功能-「點數購買」、「活動參與」
除了提升APP的易用性優化操作體驗。

點數購買

新增ios版「點數購買」功能,增加用戶儲值管道,
藉此提升ios會員下載數,吸引用戶多多參與會員活動。

活動參與

透過APP可以藉由推播來進行會員活動推廣,
除了增加用戶參與度外,也能有效降低公司簡訊成本。

豐富會員功能

讓MyCard的Web、App的功能同步能讓用戶不管是透過Web或是App,
在使用MyCard的功能體驗都是一致的。