EGON SUNG

< back

Gobee Bike

UI/UX 設計、平面設計、動畫

用不到兩個月的時間,看我能靠一個 Fiverr 標誌做出什麼。

Gobee Bike 是香港的一家共享單車新創公司。在這樣一個人口密集、地價高昂的城市推出這類服務,是相當大膽的嘗試。這家公司曾因單車被棄置、破壞於城市各處而登上新聞版面。最終因一連串負面報導——包括交易安全問題以及單車管理失當、任意棄置——公司未能存活下來。

把它做得好看,但不能重新設計那個 Fiverr 蜜蜂標誌。

提升可用性。

挽回因交易安全問題登上新聞而流失的信任。

與開發團隊合作——他們正忙著處理比前端更重要的問題。

忍住那份「如果順利的話本來可以怎樣」的遺憾。

線框稿

在了解這款 App 使用流程的過程中經歷了不少嘗試與錯誤。我接手專案時,App 本身有不少功能性問題。我規劃了理想中的運作方式,並盡可能簡化與精簡流程。

Wireframes of Gobee app

CMS

這是我第一次有機會在前端之外,一併建置 CMS。這是個很好的學習過程,讓我了解後端架構,同時也思考未來維護網站的人會經歷什麼流程。這個網站是用 Webflow 建置的,並非自建 CMS,但仍然學到不少。

交接

我的合約期限是兩個月,時間不足以讓我與開發團隊一起完成實作。合約後來也沒有續約。我整理了所有完成的成果,並將品牌指南與原型檔案交接給團隊使用。這家公司在不到一年後就結束營運了。

#60ff67

#21a3a3

#bebebe

#3a3d4d

Gobee 的主要綠色,取自單車本身與既有標誌的顏色。

次要色,用來標示次要重要性的元素。這個顏色想要引起你的注意,但不是主角。

灰色用來與鮮綠色形成對比,作為它的對照色。當綠色代表前進、繼續、下一步時,這個灰色就代表停止、返回、上一步。

炭紫色用於需要較深色調的地方,例如彈出訊息的背景疊層。

靠動畫讓一個爛標誌不要那麼爛。

Unlocked lock loading animationLocking animationLocked lock loading animationUnlocking animation

UI 原型

Adobe XD

這個專案讓我學到很多。我認為自己與 GoBee Bike 創辦人的溝通不夠好,沒有得到有效的回饋,也沒有問對問題。我也沒能讓團隊對我的工作建立足夠的信心。此外,這是我第一次以專業角度處理 UX 設計研究,還有很多可以改進的地方,例如如何更有效地呈現我的成果。