MyCard購物中心

MyCard點數購物中心改版

Background Overview

MyCard購物中心從完成至今尚未修改並且當時並無RWD以及良好的使用流程,因此提出修改希望統一視覺、RWD並且提升使用者體驗。

Overview

我們如何幫助使用者改善購物體驗提高購買率、調整視覺提高MyCard在消費者心中的信心。

Design Goal

網站RWD、優化使用者體驗、提高購買率

Type

Web

Year

2020

Role

• 研究規劃與執行

• 時程管理

• 易用性測試

• UXUI

Defining the Problem

透過「認知走查」與「內部人員訪談」

MyCard購物中心從2010至今,仍未進行改版,且2010年至今無RWD。因應MyCard手機裝置瀏覽網頁佔比為80%。
因此購物中心改版以Mobile-First為改版主軸。

DESIGN GOAL

創造良好的購物體驗-MyCard購物中心

提高MyCard點數卡的銷售量以及擴展其他遊戲點數卡,希望提高其他點數卡業績,並且透過該優點拓展其他業務。

重新設計視覺層級

改善操作體驗的重點之一

調整閱讀、購物體驗

改善用戶的操作體驗

擴展內容多樣性

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

重新定義視覺風格

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

Sitemap

FINAL EXPERIENCE

創造良好的購物體驗-MyCard購物中心

提高MyCard點數卡的銷售量以及擴展其他遊戲點數卡,希望提高其他點數卡業績,並且透過該優點拓展其他業務。

遊戲專區化

原先每個遊戲都混雜在同一區,因此將每個遊戲的點數卡販賣區都分開,並且讓遊戲可以有更多的功能延伸。

調整商品頁面

調整購買區域的資訊與購買按鈕,並且修改下方的商品介紹區,並且新增商品介紹區提供廠商有更多內容的曝光。

“創造良好的購物體驗成為可信賴的MyCard購物中心”

「購物體驗」、「統一視覺」、「提升價值」

提升購物中心的易用性與視覺統一性,提升用戶的信任感並且站在
公司的角度希望能提升購物的銷售率,並且提升MyCard在用戶的心目中的價值。

良好的視覺動線與清楚資訊

調整資訊排序,讓購物流程有良好的操作體驗。

MOBILE FINAL EXPERIENCE

RWD

此改版重點之一RWD,因爲用戶目前瀏覽的方式80%是手機。
因此將購物體驗以手機版為主。