top of page
thinking
Artboard 2.png

COCA COLA CRM

Overview

Coca Cola Hong Kong would like to pitch for developing a new CRM app, and attract more coca-cola lovers to join the membership. Client suggested the style to be clean and think of some fun ways to attract people download and register the app, and focus on F&B collaboration with restaurants in Hong kong. 

香港可口可樂公司想要製作一個會員手機程式,令更多可口可樂的粉絲成為會員。可口可樂公司建議整個手機程式的風格行簡約路線,並且嘗試思考一些有趣的方法吸引大家下載和註冊,還有加強宣傳與可口可樂合作的餐廳。

Research and Challenge

coca-cola-smartphone-vending-machine-cok
Screen Shot 2018-08-09 at 12.27.40 PM.pn
Screen Shot 2018-08-09 at 12.27.54 PM.pn

ref: create your character/ vita lucky draw mini-site campaign

CMS Logo.jpg

ref: japan cokeon app

ref: Myx Philippines X coca cola

"Open happiness" is one of the branding values to Coca Cola. To match with the branding, the app can be more playful.

We studied Japan coca-cola app "Coke on". It collaborated with the vending machines in Japan, to show the locations of vending machines and users can collect stamps from buying. We also found that there were several campaigns relating Coca-cola with music. "Vita", one of the Coca-cola competitors in Hong Kong also launched a mini-site at that time. The mini-site asked people to create their own character and get the chance to win a prize in lucky draw.

在開始製作ui之前,我們參考了日本的可口可樂手機程式「coke on」,發現它主要標示出日本的自動販賣機,並且每次買可樂都可以儲存印花。另外也有一些廣告會將可口可樂和音樂結合在一起。而當時「維他」(其中一個與可口可樂競爭的公司)發起活動網站,讓大家創建自己的角色,並且手持維他飲料,就有機會參與抽獎、贏取獎品。

Screen Shot 2020-12-18 at 6.59.46 PM.png

After research, our initial thoughts on the key points of the app

IMG_3260-1.JPG

draft

IMG_3264.JPG

This is my first time handling UXUI project. After research, based on the past experiences on design project, I thought it was essential to make the app layout fancy and attractive. After the first regroup with account serving team, they commented on the app layout in the aspect of user-friendly.

​這是我第一次參與uxui的project。經過資料搜集,一開始想要把程式介面做得很美觀,以為這樣能夠更有吸引力。後來第一次開會的時候,他們覺得可以更加以使用者為中心,設計得更加簡約、容易操作。

The concept of Coca-Coland

Artboard 3.png

Registration page -

answer questions on drinking behaviour

like " how often do you drink Coca-cola" and "when will you drink Coca-cola"

Artboard 4.png

Profile page -

showing the "blood type" and points get by drinking coke

Many app games was popular due to it allowed people to create a virtual character, which creates a self-identity in the virtual world. Therefore, we created a coca-cola world called "Coca-coland", representing a community gathering all Coca-cola lovers in this world. We want to create unique relationship through an interactive fun way.

In Coca-coland, they have their own characteristics based on their drinking habit. After answering a few questions, the system will generate some data, showing on profile. People who often drink original coke, would be most likely "red blood people", if they also drink zero coke sometimes, they might be mix blooded.

很多手機遊戲程式很受歡迎是因為大家可以建立自己的角色,產生一種自我身份認同。因此我們為這個app訂立了一個主題「coca-coland」,代表這是一個集合了全部可口可樂愛好者的社區。我們希望藉此能夠與使用者創立一種特別的關係並且產生互動。

reward03.png

Redemption page -

showing the restaurants collaborated with Coca-cola

reward01.png

Reward mainpage -

showing the reward redemption

Scan_2.jpg

Reward page -

Co-coin represented the points given by drinking Coca-cola

Result

The pitching result is positive, client would like us to launch the crm project. They also give us other opportunity - Loreal Group "Vichy/ Cerave/  La roche-posay" crm app. However, I could not follow up the project as I went to another company. The project is still in a ongoing process. 

整個比稿的結果是正面的,客戶挑選了我們公司繼續開發這個app。並且他們也因為這個project而給予了我們另一個機會,就是 - Loreal Group "Vichy/ Cerave/  La roche-posay" 的會員手機程式。不過因為我後來轉去了另一間公司,無法繼續參與全程的製作。

01 vichy landing page with phone.png
04 vichy reward 01 with phone.png

Coca Cola crm app pitching

Creative Director: Sam Or

Copywriter (Assitant Manager):  Sarah Ng

Senior Designer: Winnie Wong

Copywriter: Crystal Wong, Kate Wong

Designer: Cecilia Leung

Loreal Group crm app pitching 

Creative Director: Sam Or

Copywriter (Assitant Manager):  Sarah Ng

Senior Designer: Toni Foo

Copywriter: Clarice Cheung

Designer: Cecilia Leung

bottom of page