I am Brendan Ma.
A UX engineer
based in Hong Kong.

Republic Of Sports

A WeChat platform that integrates digital into an event set-up 
to create a rich engaging experience.

Client

Adidas

Role

User Experience

Digital Producer

Medium

Mobile

adidas hero img adidas hero img
Purpose

Republic Of Sports is an annual event hosted by Adidas. I was a part of the team that produced the digital hub for this event. We had 2 key objectives, leverage the event to grow their adiClub program and design a user-friendly digital event companion.

User Journey

Working with requirements from Adidas while minimizing the steps required for the visitors, the key journeys identified are entrance onboarding/registration, class bookings and onsite activities checkins via QR code.

adidas userflow
Sitemap

I then constructed a sitemap clarify the hub's purpose and ensure the conversion funnel is streamlined.

adidas sitemap
Wireframes

For each page of the sitemap, I designed high­-fidelity wireframes, used for communication with Adidas marketing team and our in-house UI designers.

adidas UX
adidas UX
adidas UX
adidas UX
adidas UX
adidas UX
Design

The UX assets were then transfered into beautiful UI designs.

adidas design adidas design mb adidas design mb
Results

The result was an successful campaign which helped recruit 400,000+ new members to the brand's adiClub program.

adidas-img-0 adidas-img-1 adidas-img-2 adidas-img-9
adidas-img-3 adidas-img-4 adidas-img-5
adidas-img-6 adidas-img-7 adidas-img-8

Mediflow

Blockchain enabled insurance claims experience.

Client

Emali.io

Role

User Experience

Interface Design

Prototyping

Medium

Mobile

mediflow hero img mediflow hero img mb
Purpose

Mediflow is an application that expedites the approval process of insurance claims by using proprietary blockchain and cryptographic technologies. I was tasked to design and develop the UI for a mobile prototype to pitch for various Insurance Companies in Hong Kong.

User Stories

Our key focus was on the patient, where the journey can be summarized into these key stories.

As a patient, I want to .

User Journey

In collaboration with our engineers, I was able to define the steps that were required to fit the technical needs, while minimizing the number of interactions required for the patient.

Mediflow Userflow
Design

UI Designs were done on Sketch. A web prototype was then developed using HTML, CSS & Javascript.

Mediflow gif
mediflow-ui-1 mediflow-ui-4 mediflow-ui-7
mediflow-ui-2

Making insurance claims are tedious and requires a lot of information to be processed. So my primary focus was on information hierarchy, using appropriate font sizes and color to highlight important elements.

mediflow-ui-6 mediflow-ui-8
mediflow-ui-3 mediflow-ui-5 mediflow-ui-9
Results

The prototype has helped Emali.io establish meaningful relationships with interest for adoption with various major insurance companies in Hong Kong, including AIA and Manulife.

Betterment Asia

Digitalising the candidate preselecting experience.

Clients

Betterment.asia

Role

User Experience

Interface Design

Medium

Desktop / Mobile

betterment hero img betterment hero img mb
Purpose

Betterment Asia is a boutique search firm and believes in delivering every contingent search with an executive search approach. My task was to help them design a user interface for candidate preselections to streamline the communication between their staff and clients.

User Journey

Betterment's clients will receive a URL to access a webpage. A list of candidates will be presented for review. The goal is to expediate the preselection process and receive preferred interview date and time for Betterment's staff to process.

betterment userflow
Design

Keeping in mind, the goal of expediting the process. I designed the UI to have multiple shortcut elements, which is fixed in position as the content is reviewed. Furthermore, Betterment staff has to ability to preselect timeslots, so that their clients can simply click and pick preferred selections.

Betterment UI
Betterment UI
Betterment UI
Betterment UI
Results

After the launch of the platform, Betterment Asia has experienced a vast increase in work efficiency in interview placements for their candidates. They have received positive feedback from their clients, complimenting on the great interactive digital experience.

Thank you.

me@brendanma.com