设计志 | Pinkoi | 亚洲领先设计购物网站
  • 最新话题
    • 走访台湾特色独立书店

      26 5 月, 2023

      Pinkoi Design Award “商业”让设计发挥普世影响力

      14 4 月, 2022

      【特别企划】首届国际 Pinkoi Design Award 活动,决审入围名单出炉!

      17 3 月, 2022

      【特别企划】2022 Pinkoi Design Award 国际征件活动

      16 3 月, 2022

      幸運是可以學會的?心理學家歸納「招來好運的 3 個特質」

      27 4 月, 2021

      【2021 3,4 月台北展覽懶人包】週末也別一直待在家!來去看看展覽大飽眼福

      27 4 月, 2021

      【2021 陽明山海芋季賞花攻略】7 家必訪海芋田,潔白花海、白煙裊裊美如仙境

      9 3 月, 2021

  • 设计好物推荐
    • 濕冷寒流、忽冷忽熱怎麼穿?適合冬春季的「玉米式穿搭」,尷尬天氣也要保暖不臃腫!

      10 3 月, 2021

      7 款「木質調」香氛蠟燭、擴香推薦,用香氣營造沈穩舒心的居家空間!

      26 2 月, 2021

      10 款適合送長輩的「設計款茶葉禮盒」,教你認識茶葉、送上得體的好禮

      19 2 月, 2021

      2021 最新 – 10 家「宅配抹茶甜點」推薦,抹茶控不能錯過的人氣熱銷!

      19 2 月, 2021

      坐久全身痠痛?上班族必看「按摩球材質評比+用法推薦」,讓自己放鬆一下!

      19 2 月, 2021

      彩色口罩有毒、會致癌?10 款「無毒彩色醫療口罩」推薦,防疫時期也用得安心

      18 2 月, 2021

      2021 男女朋友送禮指南!依據「情侶狀態五階段」曖昧、熱戀如何送進心坎一篇搞懂

      18 2 月, 2021

  • 人物专访
    • 如果有可能,大家都要像小野狗一样,轻松自在的生活、阅读。

      15 6 月, 2023

      创业的夫妻下班後坐在一起,是要谈工作还是谈恋爱?

      15 6 月, 2023

      【Pinkoi 城市地圖】以码头文化为基调的武汉江湖气,培育出了柔软又坚韧的设计形象。

      15 6 月, 2023

      他说:我可以在这里求婚吗?浪漫百货整个团队帮他一起完成了这个心愿。

      26 5 月, 2023

      通过做手帐,我开始对未来做规划,对过去做复盘

      26 5 月, 2023

      从油画工作室开始,贩卖一幅看得见的诗。

      25 5 月, 2023

      说什么都不愿意上画画课的女孩,有了自己的插画品牌

      23 5 月, 2023

  • 设计师教练场
    • 【最新功能】电商折扣活动一次掌握:结合「Pinkoi 优惠券功能」与「4 波段折扣策略」,轻松达成业绩目标!

      2 5 月, 2024

      如何让粉丝一登录 Instagram 页面就看到你?2023 年 Instagram 算法解析、Pinkoi 品牌限时动态模板一次了解

      18 8 月, 2023

      【小白摄影学堂开课啦~】 番外:实战演练场之饰品拍摄篇

      9 6 月, 2022

      【小白摄影学堂开课啦~】 第五堂:光影的魔法

      10 6 月, 2022

      【小白摄影学堂开课啦~】 第四堂:摄影风格大补包之皮革包包篇 下

      24 2 月, 2022

      【小白摄影学堂开课啦~】 第四堂:摄影风格大补包之皮革包包篇 上

      24 2 月, 2022

      【小白摄影学堂开课啦~】 第三堂:摄影风格大补包之饰品篇 下

      24 2 月, 2022

  • 质感体验
    • 【南投露營】竹山秘境「山思雲想」免裝備露營,一泊五食、職人手作體驗

      19 3 月, 2021

      【手沖咖啡教學】職人分享手沖咖啡技巧與比例,你也能做自己的咖啡師!

      4 3 月, 2021

      【麻將台數表】麻將算台輕鬆學,一次搞懂三元、花槓、四喜…

      2 3 月, 2021

      【肉桂捲做法】甜點師肉桂捲食譜大公開,美味秘密藏在「這三樣」食材

      2 3 月, 2021

      【蔬食餐廳推薦】全台 13 間人氣蔬食餐廳,顛覆你對素食的印象

      1 3 月, 2021

      做蛋糕來這裡!台北 10 間質感烘焙教室推薦,零失敗蛋糕 DIY 手作體驗

      24 2 月, 2021

      【廚藝教室特蒐】8 間熱門台北烹飪教室推薦,適合料理新手的烹飪體驗,變身一日大廚!

      24 2 月, 2021

设计志 | Pinkoi | 亚洲领先设计购物网站
  • 最新话题
    • 走访台湾特色独立书店

      26 5 月, 2023

      Pinkoi Design Award “商业”让设计发挥普世影响力

      14 4 月, 2022

      【特别企划】首届国际 Pinkoi Design Award 活动,决审入围名单出炉!

      17 3 月, 2022

      【特别企划】2022 Pinkoi Design Award 国际征件活动

      16 3 月, 2022

      幸運是可以學會的?心理學家歸納「招來好運的 3 個特質」

      27 4 月, 2021

      【2021 3,4 月台北展覽懶人包】週末也別一直待在家!來去看看展覽大飽眼福

      27 4 月, 2021

      【2021 陽明山海芋季賞花攻略】7 家必訪海芋田,潔白花海、白煙裊裊美如仙境

      9 3 月, 2021

  • 设计好物推荐
    • 濕冷寒流、忽冷忽熱怎麼穿?適合冬春季的「玉米式穿搭」,尷尬天氣也要保暖不臃腫!

      10 3 月, 2021

      7 款「木質調」香氛蠟燭、擴香推薦,用香氣營造沈穩舒心的居家空間!

      26 2 月, 2021

      10 款適合送長輩的「設計款茶葉禮盒」,教你認識茶葉、送上得體的好禮

      19 2 月, 2021

      2021 最新 – 10 家「宅配抹茶甜點」推薦,抹茶控不能錯過的人氣熱銷!

      19 2 月, 2021

      坐久全身痠痛?上班族必看「按摩球材質評比+用法推薦」,讓自己放鬆一下!

      19 2 月, 2021

      彩色口罩有毒、會致癌?10 款「無毒彩色醫療口罩」推薦,防疫時期也用得安心

      18 2 月, 2021

      2021 男女朋友送禮指南!依據「情侶狀態五階段」曖昧、熱戀如何送進心坎一篇搞懂

      18 2 月, 2021

  • 人物专访
    • 如果有可能,大家都要像小野狗一样,轻松自在的生活、阅读。

      15 6 月, 2023

      创业的夫妻下班後坐在一起,是要谈工作还是谈恋爱?

      15 6 月, 2023

      【Pinkoi 城市地圖】以码头文化为基调的武汉江湖气,培育出了柔软又坚韧的设计形象。

      15 6 月, 2023

      他说:我可以在这里求婚吗?浪漫百货整个团队帮他一起完成了这个心愿。

      26 5 月, 2023

      通过做手帐,我开始对未来做规划,对过去做复盘

      26 5 月, 2023

      从油画工作室开始,贩卖一幅看得见的诗。

      25 5 月, 2023

      说什么都不愿意上画画课的女孩,有了自己的插画品牌

      23 5 月, 2023

  • 设计师教练场
    • 【最新功能】电商折扣活动一次掌握:结合「Pinkoi 优惠券功能」与「4 波段折扣策略」,轻松达成业绩目标!

      2 5 月, 2024

      如何让粉丝一登录 Instagram 页面就看到你?2023 年 Instagram 算法解析、Pinkoi 品牌限时动态模板一次了解

      18 8 月, 2023

      【小白摄影学堂开课啦~】 番外:实战演练场之饰品拍摄篇

      9 6 月, 2022

      【小白摄影学堂开课啦~】 第五堂:光影的魔法

      10 6 月, 2022

      【小白摄影学堂开课啦~】 第四堂:摄影风格大补包之皮革包包篇 下

      24 2 月, 2022

      【小白摄影学堂开课啦~】 第四堂:摄影风格大补包之皮革包包篇 上

      24 2 月, 2022

      【小白摄影学堂开课啦~】 第三堂:摄影风格大补包之饰品篇 下

      24 2 月, 2022

  • 质感体验
    • 【南投露營】竹山秘境「山思雲想」免裝備露營,一泊五食、職人手作體驗

      19 3 月, 2021

      【手沖咖啡教學】職人分享手沖咖啡技巧與比例,你也能做自己的咖啡師!

      4 3 月, 2021

      【麻將台數表】麻將算台輕鬆學,一次搞懂三元、花槓、四喜…

      2 3 月, 2021

      【肉桂捲做法】甜點師肉桂捲食譜大公開,美味秘密藏在「這三樣」食材

      2 3 月, 2021

      【蔬食餐廳推薦】全台 13 間人氣蔬食餐廳,顛覆你對素食的印象

      1 3 月, 2021

      做蛋糕來這裡!台北 10 間質感烘焙教室推薦,零失敗蛋糕 DIY 手作體驗

      24 2 月, 2021

      【廚藝教室特蒐】8 間熱門台北烹飪教室推薦,適合料理新手的烹飪體驗,變身一日大廚!

      24 2 月, 2021

设计好物推荐

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

by Pinkoi 6 9 月, 2019
by 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 平台上相关的商品

0
FacebookTwitterPinterestTelegramEmail
Pinkoi

Pinkoi 設計誌關注設計生活、藝術新知、和人物專訪,我們用貼近生活的文字帶你觀察與體驗平凡日子裡的大小事。►► 每個月都有不同的主題,帶你細細品味生活裡的幸福時刻。►► 我們用 Pinkoi 大聲公用力廣播國內、國外的好設計,讓設計在你的生活中無所不在!►► Pinkoi 設計師想說什麼呢?可能是一些創作故事、可能是實用小知識,好奇的你快來瞧瞧吧。►► 也有教練場訓練大家包裝、拍照技巧等等,讓大家能力數值 up!