oloo品牌形象官網

網頁設計

2022 Golden Pin Design Award

2023 iF Design Award - Brand & Communication

think品牌顧問協助中華汽車所推出的新品牌「oloo共享交通服務」,推出了電動滑板車與電動機車的服務,未來將逐步自校園擴展至各大城市。在這個追求方便的時代裡,成為短中程距離的懶惰最佳解方。

作為傳達新品牌形象的重要入口,oloo的形象網站依循品牌詼諧有趣的個性,透過活靈活現的視覺與設計,引領大家認識oloo所帶來的全新共享交通服務特色與其吸引力。

網站中的靈魂角色:生動有趣的 oloo IP

當初在設定品牌調性時,決定以能無限延伸的故事主軸,來發展oloo的角色家族。作為oloo的當家IP,暴龍「傻大」與他的好夥伴三角龍「小星」、恐龍蛋「嚕當」巧妙地在網站的每一個角落陪伴著大家。

時而從頁面中探出一顆頭、偶爾冒出幾句無厘頭的話,他們是引領觀者方向的網頁嚮導,也是oloo載具的最佳騎乘代言人!透過詼諧而可愛的動作與表情,向大家演示如何正確地騎乘與使用這個全新的交通騎乘服務。有了他們的存在,網頁中的一切似乎也跟著生動了起來!

強化品牌調性的一環:網站中的文案與插畫

oloo的載具服務從「校園」開始,因此在網站設計上以輕鬆、有趣的插畫和敘事口吻,拉近oloo品牌與年輕人的距離。網站上的文案調性,以 ”懶惰雖然可恥,但有用!”的中文品牌標語為核心概念開展。

”人人都是老司機,即刻揪團上車”
”還要走10分鐘?嚕過去就型”
”每到月底就吃土?回饋獎勵最挺你”

用淺而易懂的方式與消費者對話,除了使品牌所要傳遞的幽默精神更加鮮明,也讓原本制式的教學與介紹內容,透過生動的圖文而更容易被記憶與理解。

網站的UI設計:透過滑鼠互動帶來更多樂趣

在oloo的形象網站中,我們大量使用「滑鼠效果」的UI互動設計來落實更多的創意與互動。不僅在資訊呈現上更有層次,同時也為品牌與消費者之間創造更多的「互動」,帶入許多有趣而深刻的瞬間。

・載具騎乘教學:點擊影片按鈕前,只要在上方移動滑鼠便能透過圓形遮罩窺看到部分內容,產生有趣的互動與好奇感。

・品牌介紹:以滑鼠滾動的效果,結合便利貼的視覺設計。透過往下滾動頁面,逐步貼上一張張說明品牌特色的便利貼。

・載具價格:價格的說明方式不以制式的表格呈現,以「只需要一顆滷蛋的價錢」的創意概念結合滑鼠hover效果,使用者只要將滑鼠移到滷蛋與皮蛋上,蛋便會向上跳起,看到載具的租借價格。

網站的驚喜佈局:充滿彩蛋!注入玩心的巧思

oloo在app的設計除了租借服務之餘,有許多彷彿遊戲一般的小關卡等著使用者逐一挑戰。我們希望這樣的特色能夠延續回網站中,因此將許多可以「玩」的小彩蛋埋藏在網站的各個角落。

如同遊戲中常見的「角色檔案欄」,每一個IP的頁面設計了代表屬於他們的特色物件。如果夠眼尖的話,還會發現「嚕當」頁面中的那一顆蛋,點擊時便會不安分的滾來滾去!滑過首頁時,如果不經意的碰觸到散落於四處的地洞,傻大就會如同地鼠一般跳出來向大家打招呼。

在幕後付出許多努力的團隊介紹則是以躲在山洞中「一雙雙雪亮的眼睛」為設計概念出發,沒有它們就沒有oloo! 只要將滑鼠移到眼睛上,便會出現不同部門的表情與內心OS。

這些藏在網站中的小巧思,不著重在一定要讓使用者看到,而是透過一點點隱藏驚喜,帶來更多如同在玩遊戲一般的樂趣,進而使人產生尋找更多彩蛋的好奇心。「四處探索的好奇心」也是oloo品牌想要傳達的重要精神之一呀!

Work Scope

這次的oloo形象網站,think 挑戰了更加豐富靈活的表現方式。不論是角色插畫、icon、pattern和影像素材,都針對網站進行更符合數位表現的設計與規劃。透過充滿幽默感的設計與互動效果,將品牌精神融入數位體驗中。希望使用者在看完oloo的網站之後,迫不期待地想要騎乘這個聰明的酷東西,展開一場愜意的城市小旅行。

※ oloo品牌形象官方網站:https://www.oloo.com.tw/
※ oloo共享交通品牌設計作品解析:https://reurl.cc/l51jVj
※ 品牌網站設計,如何引人入勝?:https://reurl.cc/028Yro

- Market research
- Brand naming
- Brand tagline
- Brand Values
- Brand logo design
- Brand character(IP) design
- Brand identity system
- Web design
- Design extension
- Brand image

more we create

Top

back to top

T886 2 2732 0012

Ehello@brandbythink.com

© 2024 think™ brand consultancy