Last Updated on 2019-09-06
一年一度的愚人節,你玩到今年 Pinkoi 推出的搞笑功能——KoiMeet 口以咪交友 APP 了嗎?
遊戲發想
說到這整個愚人節企劃,其實是由 Pinkoi 團隊裡的少數隊友在 3 月某日下班後,無意間發起的想法。原本只想要整整 CEO(咦放這裡說可以嗎?),但後來想想,如果我們能逗樂 Pinkoi 粉絲不是更好玩嗎?負責 Pinkoi 粉絲頁的社群小編 June 提議:
去年愚人節原本想做設計師的聯誼活動,很多設計師顏值好高好想認識啊。
這個點子果然打中隊友的笑點!於是就這麼開始了交友 APP 的遊戲。
命名過程
交友 APP 的名字何等重要:要讓人印象深刻、合適地聯想到交友功能、又要符合 Pinkoi 的美感精神。所以也讓我們來看看 KoiMeet 名字的演化史!以下還原當天對話紀錄:
Echo(公關):1/ Pinder – 你可能會喜歡的…設計師、2/ Pinkoi – 與設計師約約會、3/ PinkoiDate – 與設計師約會更簡單、4/ OkPinkoi-找到與你心有靈犀的設計師
Mark(後端工程師):Slogan 推薦「用好設計找到美感伴侶」。平常話少少的 Mark 沒想到一鳴驚人,立刻定案!
Adam(前端工程師):還是 KoiMa 口以嗎 XD
Mark:KoiMate 口以沒
Thierry(UI/UX 設計師):KoiMeet 口以咪
Adam:KoiOh 可以喔
Mark:到底想要可以什麼啦⋯⋯?✄
總之,就在大家鬼點子亂出的狀況下挑出了最後兩個選手:KoiMate 口以沒、KoiMeet 口以咪。最後投票因為 KoiMeet 既包含 Pinkoi 的 Koi,也包含了交友的 Meet(認識),所以勝出~
Logo 設計
KoiMeet 交友 APP 算是 Pinkoi 的副牌,雖然內容不盡相同,不過品牌理念卻是有所一致。為了保有品牌一致性,我們派出了視覺設計師 Kame 來製作專屬於 KoiMeet 的 logo!來看看她的設計過程吧。
Kame 說:
一開始試過滿多字體,也猶豫了滿久。既然是交友網站的概念,希望能呈現浪漫、活潑一點的感覺,所以嘗試了滿多手寫字體跟比較有流動感、跳耀感的字體。
這其中我覺得比較難拿捏的部分是:要跳脫 Pinkoi 但又不能真的離得太遙遠。所以在看了許多不同的字體之後,決定還是保留 Pinkoi 小魚,並找出適合小魚融合在當中的字體來進行調整與修飾。
顏色的部分為了不脫離 Pinkoi 的視覺印象,KoiMeet 又是一個假正經的 Pinkoi 副品牌(笑),自然也就繼承了 Pinkoi 的品牌色囉。最後就是大家看到的這個啦~(掌聲響起!)
介面設計
好了,終於到了遊戲介面。大家玩遊戲看到的畫面,又是怎麼來的呢?我們迷你採訪了 UI/UX 設計師 Thierry,請他跟我們分享 KoiMeet 的介面設計的靈感以及一些遊戲細節,來看看他的不藏私分享吧。
1. 介面設計的參考來自哪裡?
參考了像是 Paktor、Tinder 這兩個交友軟體,因為一開始我們就討論要用這樣卡片式的做法。除此之外也有部分靈感是從 Spotify 來的,猜猜看是從 Spotify 的哪個功能呢?(答案:電台的波紋。)
2. KoiMeet 的介面設計理念是?
希望每個畫面上都能盡量簡潔,讓使用者能聚焦在「我正在使用交友軟體」這件事上。除此之外為了讓 KoiMeet 與 Pinkoi 更有一致性,許多按鈕的樣式或是顏色都是沿用 Pinkoi UI Design Guideline。
太過簡潔、文字化的介面可能會讓使用者感到無聊,我希望維持 Pinkoi 有活力、熱情的形象,也在這次設計時加入了一些小動畫。例如剛打開 KoiMeet 掉下來的愛心,還有「遇見彼此」時對方頭像旁邊的波段會震動,都是希望讓 KoiMeet 更活潑的一個做法。
3. 介面設計與流程,你會特別留意什麼讓使用者更順暢使用?
首先,使用者進到 KoiMeet 可能是點了 banner,可能他還不知道 KoiMeet 是什麼。所以在前面有兩頁像是功能介紹的引言,希望能引導使用者進入狀況。
為了讓使用者順利走到下一個步驟,每個頁面的功能都相對單純,而且除了右上角離開 KoiMeet 的「X」之外,畫面上可能只剩引導使用者往下一步的按鈕,除了時間限制外也是希望不要有太多功能讓使用者分心,希望他們都能順利被騙、拿到優惠券~
雖然 KoiMeet 的流程很單一,但過於簡單的流程可能會讓使用者很快發現這是個玩笑,所以做了一些額外的設定讓使用者比較有真實感。例如:沒有登入就不能使用 KoiMeet(這樣跟你聊天的人連你叫什麼長怎麼樣都不知道,好沒誠意)、讓使用者選擇他自己想認識的性別才載入適合他的對象(都想認識也是不介意喔)。
隊友心聲
前端工程師 Adam:
這可以說是 Pinkoi 一年一度的 Hack Day 啊!(Hack Day 是將開發者、設計師、有創意的人聚集在一起,在短時間內做出很酷的東西的活動)
Pinkoi 的使命就是幫助設計師把平常的興趣變成事業的平台,我們用各式各樣的方式來幫助設計品牌尋找曝光度,讓品牌有被看見的機會,這次的 KoiMeet 就是其中一個方式。這個企劃也體現了 Pinkoi 精神:我們用熱情與動力在工作中找樂子,有歡樂的團隊,就能透過產品和服務帶給設計師、客人快樂。
公關 Echo:
KoiMeet 最大的價值就是可以看帥帥、美美的設計師!不對,是讓粉絲看帥帥和美美的設計師~
說正經的,其實我最喜歡這個企劃的價值在於「用好設計師遇見美感伴侶」,想想這輩子如果能碰到一個和自己趣味相投、品味相同的朋友或是夥伴該有多好!
雖然是個(假)副品牌,但初衷還是不脫 Pinkoi 想要傳遞給每個人的生活價值——找到自己喜歡的好設計,找到願意和你分享好設計的人。
另外要特別感謝 OMAKE、hao、Fyber Forma、0_1、Mouton blanC、Tinnietiny 設計師們很帥氣地一口答應,甚至有的聽完活動後哈哈大笑!
最後,希望大家玩完我們的 KoiMeet 交友 APP 也能夠哈哈大笑,最好是捧腹大笑喔!
其他幕後花絮
► ► ► 2016 Pinkoi 聖誕卡片/禮盒製作幕後直擊!
► ► ► Pinkoi 情人節特別企劃:大正與宜農之幕後花絮
► ► ► Pinkoi 與泰國設計師的夏日野餐派對之幕後花絮
文字/編修:Litta