MeLoop | 遊戲化交友APP

Background
想要打造一款遊戲化的交友軟體,並以友善女性使用為主打,使用匿名機制創造出安全感,打造非速食化交友的平台,由用戶自行選擇想配對的性別,設定用戶需回答三道問題才能註冊完成,一開始主打限時功能,讓交友行為產生稀缺性。
並以粉嫩色調以及可愛的吉祥物開始著手設計。

My Role
在這次的專案中我擔任UI Designer,同時與另一位Junior UX Designer合作,一起思考產品的設計脈絡以及使用者需求。而我主要負責的工作有:
- UI Design (APP介面設計,UI kit 制定)
- UX 研究與分析
- Wireframe規劃與繪製
- Visual Design (產品主視覺設計、色彩制定以及各式廣告素材製作)
- Logotype (標準字設計)


吉祥物設計定稿
總共經過三版的修改,一開始以接續公司前一產品的外星人概念做發想,但後續覺得不夠可愛,最後將吉祥物外型修改得更加圓潤,讓角色造型盡量簡單,最後產出了自帶厭世感表情的「咪嚕」
產品wireframe
遇到的問題:首頁該如何呈現
因為系統設定一天會隨機配對2~8人,能夠呈現的個人資料包含大頭貼、性別、年齡、學校、個人tags以及用戶所回答的三個引導問題,包含的資料很多,是否需要僅呈現部分資訊就好?

設計團隊討論出了三種方案:
1.以tab方式以大頭貼為標籤連動個人資料頁來一個一個切換
2.較具趣味式的轉盤形式呈現
3.簡單操作的卡片式設計 ✅
決定採用卡片式設計之後,經過團隊討論,大家認為首頁出現的資訊不必過多,可以多做個人的詳細介紹頁來容納就多的資訊量,讓用戶可以新增更多個人化資訊如新增多張照片,也方便日後團隊可以新增更多功能
Design System
在初期的討論階段,首先要先決定出產品的色系,以能提高女性用戶的使用興趣為出發點作為考量,我開始尋找各種參考,也詢問了許多女性朋友有沒有特別喜歡使用的App以及感興趣的色調,經過了調研之後,
我提出了三款色彩提案(提案中的圖片來源為Pinterest):

1:文青感滿滿的低飽和土色調
2:低彩度的粉嫩色調
3:鮮豔繽紛的高彩度高飽和色調

最後經過團隊投票討論之後,採用了B款:低彩度的粉嫩色調。
首頁畫面
註冊流程畫面
註冊流程以上方的進度條來提示用戶目前的進程,最後一步為填寫三道引導問題,問題可隨機抽換
好友聊天畫面
任務畫面
藉由系統任務功能增加用戶的黏著度,也更豐富個人資訊,在「探索」中也可以看到好友外的陌生用戶,可藉由道具 「破冰船」直接與非好友用戶互動。
用戶完成任務會獲得該任務徽章增加成就感,也豐富整體遊戲化的效果。
個人怪獸
個人怪獸「咪嚕」可以說是APP最吸引用戶的一環,不少女性用戶都表示是因為這隻吉祥物很可愛而加入「MeLoop」。因此這也成為了除了購買道具之外的主要商業價值的來源,每個用戶能夠裝扮自己的咪嚕,為它選擇膚色及五官並添購新衣,打造出符合個人形象的造型。
目前「MeLoop」在雙平台都順利上架了,以下是官方網站連結:
https://meloop.fun


Reflection
產品在上架初期,因為是以大學生社群開始發散,導致後續直接將TA導向大學生市場。
扁平化的組織結構也讓產品迭代更新的週期縮短,每週都有一定的工作目標需要達成,
一開始想主打的限時聊天功能,用戶皆表示其實時間用不完,最後便拿掉此功能,功能逐漸新增,目前有從交友軟體導向社群功能的想法,產品的定位有點不清,但仍舊努力想將產品越做越好。

© WanChen Lin 2021
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website