951,830樣獨特商品

2017 愚人節花絮:KoiMeet 交友 APP 幕後過程

Pinkoi 是亞洲領先的設計商品購物網站;你可以看見許多美好設計品,也能一同創造更棒的生活品味。想為自己或重要的人準備貼心的禮物,Pinkoi 都是你不可錯過的秘密基地!

一年一度的愚人節,你玩到今年 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

文章分類:Pinkoi 大聲公

Pinkoi 作者群如有使用外站(如:翻譯、引用)部落客、設計師、及任何內容創作者的產物,皆會註明並附上原著連結。若發現來源不正確或有缺漏,其並非蓄意造成,Pinkoi 會於告知後更正。若想要使用 Pinkoi 的內容產物(個人行為使用或商業行為使用),請務必遵守以下規範:

  1. 須註明來源為 Pinkoi.com 並附上 Pinkoi 內容的原始連結。
  2. 須保留原始內容;任何字詞、照片、影片、logo 皆不得修改或增減。
閱讀 « 道德聲明 » 全文
prev next