UI/UX

BOC Pay Lucky Draw

Mobile App subpage design

Introduction

BOC Pay is a payment app developed by the Bank Of China(Hong Kong). They would like to promote the app through the lucky draw. Customers are able to join once they click on the pages we created.

My Role

UX/UI Designer
Research,
Design,
Prototype

Team

1 UX/UI Designer,
1 Front-end Developer,
2 Project Manager

Duration

4.5 Months

Link

https://apps.apple.com/us/app/boc-pay/id1403690384

Empathy Map

User are looking for a way to join the lucky draw. They also looking for some introduction on how can they use the BOC Pay app in their daily life.

Identified Pain Point

The lack of information for leads to frustration on download the BOC Pay app

01 Request on data entry

Complicated steps and process on lucky draw may lead to loss of motivation on download the app

02 Lack of information

Not enough official information announce by bank

03 Security Vulnerability

To join the lucky draw may expose the operation of bank may leads a Security vulnerability

User Flow and Wire Frame

A lucky draw page in the BOC Pay app which require an enrollment and some steps to join it

Component Library

By creating Component Library, each parties can check, review and provide comment on the design during design progress.

Hero-banner Design

By assort with the brand image and the lucky draw theme, we created over 40 versions of banners to fit them

Confirmation Gif

By provide gif in the Confirmation page, the message of enrollment would be stronger than a image or word.

Impact

Application of App Increased

The respawn from client shown us there is >200,000 lucky draw application.

Best Performance Season In The Year

The respawn from client shown us the number of installation grows the most in that period of time.

Become Long-term Client

The Bank of China keep the co-operation relationship with our agency.