OVERVIEW

專案概要

因疫情緣故,隨著國際旅遊受限,露營風潮在台灣蔚然成風。在這樣的需求下,Gogo Camping露營體驗應運而生。此次的專案主要是提供愛露營的人以及營地主們一個網路平台,讓使用者能夠輕鬆找到心儀的營地、營地主也能自行上架營區。一趟一趟說走就走的露營之旅,讓你不出國也能玩得盡興!


DURATION

設計時程

2022年7月 - 2022年8月

MY ROLE

擔任角色

網站視覺、需求討論、UI優化

重點特色

Features

客製化篩選器,滿足營友需求

與一般訂房網站不同,Gogo Camping了解露營客群的獨特需求。網站的設計在篩選器上加入了「海拔」、「包帳」等特別的選項,滿足營友對露營地的精確搜尋需求。另外,也可以透過地圖搜尋的方式,直接找尋台灣各縣市,快速找到適合的露營地。

customized filters

客製化篩選器

map search

地圖搜尋


large fonts, large cards, and large buttons for information presentation
不論桌機或手機,資訊一目瞭然

我們團隊為行動版網站的易讀性作了精心優化,採用了大字體、大卡片、大按鍵,使資訊呈現不論是在桌機或手機版都簡潔明瞭。

此外,我們也引入了Line快速登入系統,讓使用者無需再煩惱帳號密碼問題,輕鬆快速地找尋露營地。


庫存有序,價格自主,讓營地主輕鬆經營

在營地經營中,每個營位的資訊,以及不同日期的價格變化等都會有所差異。為了方便營地主,我們設計了方便編輯的日期對應價位表格,讓他們可以輕鬆管理每個營位的庫存與定價。這使得上架管理更為輕鬆,讓他們專注經營營區,為顧客提供最佳的露營體驗。

date corresponding pricing table

設計挑戰

Design Challenge

如何讓多團隊成員共同繪製網站頁面,並維持統一風格?
多人協作,挑戰與一致性並行

在這個專案中,我們面臨了一個挑戰:在沒有設計系統的情況下,如何確保多人協作的網站設計保持統一風格。

由於時間壓力,我們必須同時開始進行設計工作,但每個人對於元件、字體、間距等的看法各不相同。為了解決這個問題,我們利用Figma的分支功能,每人負責設計特定元件,例如卡片、導覽列、篩選器等。再對此進行討論,確保這些元件看起來風格一致。隨後將這些分支合併,並利用這些元件拼湊出各個需求頁面,確保整個網站的一致性和統一性。

這次經歷讓我體會到多人協作的挑戰與困難之處,也強化了我們的溝通和合作能力。設計的多樣性讓我們了解,儘管每個成員對功能有不同見解,我們也能透過溝通來獲取共識、解決問題。

collaborative design system

設計系統

Design System

color styles
typography
components