YOXI

Created by

About Project

從一聲打招呼的 "yoxi" 開始,探索和泰與 AJA 對美好出行體驗的重新定義

和泰集團作為 TOYOTA 台灣區總代理,2020 年在全球戰略指導與支持下,宣布加入移動事業,企圖打造全新的叫車服務首選品牌。AJA 很榮幸的獲邀作為和泰團隊的合作夥伴,參與了產品從 0 到 1 的共創開發,這次更跨足了許多有趣的設計面向。從創意發想到設計執行整合,我們想與你分享和泰與 AJA 共同塑造 yoxi 品牌體驗的設計脈絡。

Our Role

Brand Strategy

Creative Direction

UI / UX Design

Areas of Work

Co-creation Workshop

Brand Naming & Slogan

Logo Design

Identity System

Digital Products — Passenger / Driver APP

Web Design

Project Overview

Background・專案背景

自從 Uber 宣布進軍台灣市場之後,對原本緊密且壟斷的台灣計程車共生結構帶來極大的震撼與變化。過去,台灣計程車總被詬病車子老舊、司機素質良莠不齊等負面印象,除了面臨數位新科技的轉型,消費者對於搭乘品質的習慣和追求,也讓司機本身逐漸意識到這不僅是單次的載送關係,更重要的是如何做好客戶服務。

和泰集團匯集雄厚的集團資源加入了計程車市場,原先的老字號品牌資產能提供司機完善的售後服務,吸引司機加入;但在消費者的端點,我們要如何營造讓消費者耳目一新的新品牌車隊?在繁忙的生活中,叫車APP如何在既有熟悉的操作模式框架之下,提供更出眾且便捷的使用體驗呢?站在經營者的角度,如何串連司機與乘客之間的橋樑,形塑互利的美好搭乘體驗,其中的各種眉角都是專案中的探索與挑戰。

Scope & Process・設計範圍及流程

Design Scope・設計範圍及流程

User Interview・訪談

和泰集團重視司機福利,特別希望能發揮集團售後服務優勢,提供最好的保障。為了協助和泰團隊了解司機最實際的需求,團隊進行了多場訪談,傾聽來自不同車隊的聲音。大多數的司機已習慣數位派遣 APP,但對於所需功能和資訊皆有很實際的反饋。經過收斂,這些意見幫助了客戶及設計團隊在時程有限的情況之下,更精準的將開發資源投入於最有效益的功能之中。

Interview・訪談

Workshop・品牌工作坊

基本品牌分析之外,團隊也舉辦了工作坊,將各部門 stakeholders 齊聚一堂,揉合感性與理性的不同聲音後,描繪出 yoxi 與用戶的溝通樣貌。透過共創活動,定調出「專業、創新、活力」的核心價值與品牌個性,確保在各個接觸點,包含視覺識別、命名,都能展現出 yoxi 作為新品牌的朝氣氛圍。

Workshop・品牌工作坊

Design Concept

概念到整合,形塑 yoxi 的每一個設計過程皆環環相扣

體驗是用戶能接受到的一切,而一個好的產品服務,我們認為更需要創造品牌區別並展現活躍而清晰的印象。

Introduction・簡介

和泰集團承襲著日本豐田精神,我們認為新服務應連結集團日系、專業的形象,同時表現出數位品牌應有的輕快與簡潔。從概念命名、品牌識別、策略定位、形象塑造,到最終呈現於用戶與司機大哥手機中的 APP流程體驗,我們這次企圖用「產品品牌化」的觀點找出數位服務的突破點,期許用戶能感受 yoxi 的用心並進而產生認同感。

Concept
Concept
Image by Hotai Motor Corporation.

Naming・命名

用戶的注意力有限,身處於快時代的數位產品名稱必須容易記憶,易於傳唱且朗朗上口。yoxi 品牌名稱源自於 Toyota 的「 Concept of You 」精神,從中提煉文字並發展出「 yoxi, your taxi 」的核心概念。

yoxi 也巧妙的隱含了日文(yoshi) 狀聲詞意涵,表示「 好 」、「 加油 」、「 包在我身上 」等含義,傳遞親切、有朝氣的品牌感受的同時,更表達了品牌能提供最優質且專屬於「您」的服務企圖心。

Naming・命名Naming・命名Naming・命名

Logo・品牌識別

yoxi 品牌標誌以「未完待續」、「連結」的核心價值為出發點,融合了和泰集團的企業標誌「人」與「道路」意象,以幾何方式構成形似逗號的標誌。整體視覺想呈現穩重但不失親切感,因此以黑體字型為骨架,並在細節中增加了 y 的弧度,傳遞富有朝氣、明快的品牌感受。

逗號,象徵著 A點到B點的移動過程,就像是一個句子的停頓點,讓你可以暫時地休憩及沈澱,為下趟旅程做好準備;同時也象徵的連結,希望透過 yoxi 連結未來的移動服務,創造無限的可能。

“ The Future of Mobility ”,從逗號延伸出帶有速度意象的斜角線段,呼應「創造無限新可能」的同時,也代表著和泰集團對於未來出行的持續發展願景。

Concept

Slogan・品牌標語

專業、貼心、活力為 yoxi 的基本品牌訴求,秉持著集團 Concept of You 精神,延伸出簡單卻具包容性的品牌標語-“ yoxi, your taxi ” 。標語刻意以「你」為主體,並貫徹於產品功能之中。每位乘客皆能透過手機一鍵設定乘車喜好,不只搭上計程車,讓計程車也能搭上「你」。

Concept

Digital First・數位優先

考量到產品的主要接觸點在於行動裝置之上,識別標誌需盡可能簡潔,並確保於各種載體皆能保持輪廓清晰。我們將原先富有手感筆觸的逗號幾何簡化,像是充滿笑意的側臉意象、也可以是乘客司機彼此理解的對話框,透過視覺表現手法,將符號重複且綿延地反覆出現於各種與用戶溝通的接觸點上,強化品牌記憶度。

Concept

Visual Identity

打磨多元豐富的視覺元素,呈現耳目一新的品牌印象

依循著價值主張,透過有系統地建構出品牌形象的基本輪廓,不論是有形的識別設計或無形的氛圍塑造,我們延伸了一套完整的識別系統,幫助 yoxi 想傳達的訊息能更完整的呈現。

Logo Lock-up・標誌應用型態

yoxi 以「逗號」意象作為獨特的識別符號,考量為全新品牌,將標準字納入作為識別的一部分,直式識別更加強了符號的比重,確保在不同場域使用上的彈性。未來當品牌更趨於成熟穩定時,可將 Logo 簡化,透過更簡潔的向量符號即可引起消費者印象。

LOGO
LOGO

Color・色彩計畫

延續著和泰集團的色彩印象,yoxi 僅微調了明度彩度,選用富有精神的飽和紅作為品牌標準色,並透過鮮明的撞色搭配,呼應活力積極、具有前瞻性的品牌個性。同時,因應數位及平面載體的使用性,另外延伸出一套可於適當情況下應用的輔助色系統。

Color・色彩計畫

Passenger vs. Driver

品牌色同時也應用在產品端,紅色作為 yoxi 的品牌主色,用於品牌主要對外溝通的乘客端;而次要的墨藍色則代表了司機端,深色的元素同時延續至 APP 的接單操作介面,確保司機不被過分干擾。

Typography・字型

字型的選用需兼顧應用環境,並與其他視覺元素相輔相成。在平面應用上,我們選用了有著「未來」含義的斜體作為歐文字型;而兼容現代與東方感的日式漢字黑體則作為品牌的標準字型。數位上以相應形體的粗體字替代,確保能兼容各種瀏覽裝置的易讀性。

Typography・字型 1Typography・字型 2

Approach of Typography・字型應用

我們透過字型元素延續品牌個性,刻意加粗的穩重筆觸、精鍊的標語式語句,營造視覺層次之外,更象徵著和泰作為 yoxi 的後盾,其背後優良且豐厚的集團品牌資產。

Approach of Typography・字型應用

Customized Icon Set・數位圖標

數位圖標的原則應簡化輪廓,確保微小尺寸也能清晰明瞭,因應不同層級的需求,最高層級的主功能圖標依循著撞色手法,定調出一套兼具品牌個性與互動引導的圖標系統。

Pattern・圖紋

我們也為 yoxi 延伸出品牌輔助圖紋,運用品牌識別與出行服務的各式代表符號,構成多種充滿活力氛圍的紋樣,並適時的應用在品牌的各個層面,強化品牌性格。

pattern01pattern01
pattern02pattern02

Illustration・插畫

好的圖像能更自然的將用戶視線引導至重點訊息,yoxi 亦加入了插畫元素貫穿整個 APP產品。稜角分明的幾何組成、趣味的表情符號點綴,整體表現手法皆與品牌調性一致,利用獨特性與用戶建立情感上的連結,期許帶給使用者令人會心一笑的使用體驗。

illustration
illustration
illustration
illustration
illustration

Tone of Voice

整合線上線下的用戶接觸點,由內而外展現品牌溝通的一致感

身處資訊氾濫的時代,生活中類似的產品服務已有太多選擇。身為一個初試啼聲的全新出行服務,我們希望能把握每一個能與用戶溝通的接觸點,透過差異化的設計賦予 yoxi 獨一無二的靈魂,建立用戶印象的同時,期許能持續的為核心價值與產品發聲。

Overview・總覽

這次和泰與 AJA 的合作,過程中不斷地激盪出許多觀點及火花。我們試圖跳脫框架,將發想初期對於 yoxi 的想像,於線下線上的各品牌觸點一一呈現。從品牌識別和數位產品體驗延伸至更多設計面向,包含官方網站、廣告概念、語調文案、平面設計、攝影企劃、音效動態等,具有邏輯的將所有設計面向,堆疊出品牌對內對外一致的溝通方式。

Brand Attributes

yoxi 整合了集團車隊、車廠與平台的軟硬實力,除了出行服務最基本的「安全、舒適、便捷」訴求之外,透過共創工作坊,進階提煉出「活力、信賴、創新」的核心特質,猶如鮮活的塑造出一個人的個性般的,作為品牌表現層面的依據。

Copywriting・文案

yoxi 的品牌溝通語調掌握了幾項原則作為依據:
獨特性:與競品做出區隔,帶出品牌新觀點
直白語句:具有力度的簡短文句,易於大眾理解
有機應用性:能從中發展不同的情境,保持行銷的彈性

Photography・攝影企劃

為了將傳達的訊息更完整呈現,我們也賦予了 yoxi 在品牌形象攝影上獨特的風格氛圍。想像著車隊穿梭於光陰灑落的綠蔭街道、暖意親切的自然笑容、隱喻著美好前景的開闊意象等,透過影像的鋪成引起用戶的共感,凸顯「創新、信賴」為核心的品牌定位。

Image by Hotai Motor Corporation.
Image by Hotai Motor Corporation.

Graphic・平面應用

不僅廣告概念應用,我們也翻玩了符號,在出行的「行」字中暗藏了逗號的輪廓,帶點日文字型意象的組成,讓 yoxi 背後承襲著日系精神更加鮮明。

Consistency・一致性

當上述的輪廓都已建立之後,結合了識別符號、語調、影像等品牌元素,轉化為與用戶溝通的視覺表現。期望 yoxi 能在初成長階段,於不同的媒介載體都能保持簡明且一致的對外溝通方式。

Video・教學影片

影片依循著品牌調性,帶有速度意象的斜角線段象徵著移動服務基本的便利訴求。

Jingle・品牌音效

音效能增添體驗的愉悅感,想像 yoxi 是一個人,他/她的聲音會是怎樣的呢?團隊揣摩了各種語調,以不過份干擾用戶為前提,最終以輕快、富有朝氣的音頻呈現,開啟 APP 的同時也開啟了一段美好的搭乘體驗。

Yoxi 品牌音效
/

Passenger APP

貼心的多想一步,透過流暢的數位產品建構完善的出行感受

好的使用者體驗來自於整體的操作旅程,在眾多類似產品服務的環境中,我們該如何更進一步的影響使用者決策?除了傾聽用戶的真實需求,我們也試著讓產品功能或特色與情感連結,向用戶傳遞 APP 能帶來的獨特價值。

Overview・總覽

身處於快節奏的繁忙都市生活,人們往往追尋著最簡單且有效率的移動方案。因此在建構產品的過程中,設計團隊就將如何以「步驟數最少、最快速完成叫車任務」的目標作為主要考量。

在叫車過程中,使用者接收到四面八方的複雜資訊。我們透過內容收整簡化介面資訊、同時也思考在候車情境下,如何加強 yoxi 從遠方駛來的辨識度。不分線上線下,所有的設計都希望用戶能專注於當前,感受流暢且貼心的乘車體驗。

Launch・首次登入

作為全新的移動服務新品牌,必須好好把握能與用戶進行首次對話的畫面。APP的載入過程以簡潔的動態方式呈現,增加產品識別度的同時,也呼應了快速便利、充滿未來可能的產品願景。

Feature 1・設定你的乘車喜好

實際訪談發現,乘客在與司機共處的密閉空間易感到不自在。舉凡氣味、音樂、甚至是尷尬的話題,都是乘車過程的痛點。團隊在註冊流程中納入了乘車喜好設定,讓用戶也能感受到客制且獨特的貼心服務,每段旅程都該被善待!

Feature 2・一鍵叫車

不論是何種人物輪廓,現代人經常過著兩點一線的往返生活。常用旅程功能幫助用戶在開啟 APP 的同時,一鍵達成叫車需求,將更多的心思花費在其他需要專注的事情上。

Feature 3・優惠券快速折抵

優惠折抵已是數位產品用來提升用戶黏著度的常見作法,但最令人困擾的往往是不知道有優惠可以使用。yoxi 於預估車資的流程中,透過系統自動帶入折抵金額,加速用戶完成叫車服務的決策。

Feature 4・POI 快速上車

想像著客戶為了快速回家放鬆而選擇搭乘計程車的心情。在不熟悉的街廓場域,透過地圖顯示明顯地標,用戶能流暢的完成叫車任務。同時,我們也在拖曳的操作行為加入了動態引導,藉由局部的巧思感受 yoxi 的設計細節與資訊傳達。

Feature 5・匯出行程

團隊也觀察到企業用戶的需求,每到了月底報帳的時刻,找不到乘車收據、工作繁忙超過了報帳的期限等情況,透過 APP 即可一次匯出多筆行程紀錄並印出實體單據,無痛完成每個月的差旅費報帳。

Microinteraction・微互動

要使乘客對品牌產生認同與信任,司機的服務品質為必要條件。yoxi 的雙向評分機制,保障乘客權益的同時也希望給予激勵司機。依循著活力的品牌個性,以俏皮的 EMOJI 表情搭配微互動的小巧思,鼓勵用戶留下乘車體驗的反饋。

Animation・動畫效果

空白、載入、過程、錯誤和完成,為數位介面的基本狀態。透過介面設計給予清楚的引導提示外,針對容易引起負面情緒的狀態,適度加入了動態效果,為產品增添愉悅的使用體驗。

Riding Experience・乘車體驗

車隊的實體形象也是用戶體驗的一環。如何讓 yoxi 穿梭在繁忙的車陣中讓消費者容易辨識,甚至能脫穎而出?份量感十足的品牌車貼、特別訂製的加高車燈,甚至搭乘時於後座可看到車隊品牌的訊息露出,我們希望將貼心的產品服務延續至每一趟的搭乘體驗。

Drivers APP

將乘客與司機需求串連,整合軟硬實力打造獨特的乘車服務

搭乘不僅是「單趟」的移動,更是「雙向」互動。和泰匯集豐厚的集團資源,提供司機關於購車、保修、保險等完整的服務保障,而司機每天需要開啟的派遣 APP 更是商業運營上的重要媒介。除了乘客端,AJA 設計團隊亦參與了司機端的產品設計,將數位能力與資源整合,真正落實到各個面向的產品體驗設計。

Overview・總覽

相較於乘客,司機 APP 的設計更需要考量駕駛的情境與場域。團隊透過同理司機的視角,如何提升服務品質的管理、讓司機也成為品牌溝通的一環?希望 yoxi 成為乘客出行首選的同時,也成為司機心中最好的出行派遣平台。

Image by Hotai Motor Corporation.

Observation・觀察

我們觀察了多位司機的實際工作情況,探索需求與痛點,不論是介面操作的易用性、實際接單的突發狀況等,團隊彙整了眾多意見反饋,經收斂後作為司機端 APP 的設計依據。

Feature 1・互動模式

考量到司機的駕駛情境,具有引導性的互動操作模式,幫助司機專心駕駛不至於手忙腳亂。而考量到全日的工作時間,深色模式更能兼顧日常生活中光亮或黑暗環境下使用,司機 APP 擁有獨立的介面色彩系統,透過深色佈局凸顯主要選單和當前重要訊息。

Feature 2・營收報表

除了派遣任務,另一個司機最在意的不外乎是營收報表功能了。透過收整將資訊妥善佈局,並給予彈性的查看方式,有助於司機的瀏覽效率及對內容的理解程度。

Feature 3・熱點地圖

透過訪談,我們得知熱點地圖確實能幫助司機判斷各區域的當前需求,提升每日的接單量。產品初期即納入此功能為主要開發項目之一,yoxi 希望在起步階段亦能盡力提高司機的媒合率。

Styling Of Drivers・司機形象

要讓消費者對 yoxi 產生品牌認同與信任,司機的服務品牌絕對是關鍵。除了基本的教育訓練,制服也為一種影響品牌形象的包裝方式。綜合考量了品牌調性及穿著舒適性,制服選用短領的 POLO 衫,搭配局部細節點綴,在專業與活力中取得平衡,讓司機們自然而然的成為 yoxi 品牌溝通的最好代言人。

Image by Hotai Motor Corporation.

Badge・臂章設計

我們將設計上的巧思從線上延伸到線下,在細節上發揮創意,例如在司機的制服上設計了可替換的臂章,當未來有發展出不同的司機時,即可依等級進行更換,同時置於右臂的設計也方便乘客於後座就能一眼辨識司機的等級,增添服務細緻感。

設計示意圖
Image by Hotai Motor Corporation.
We Are AJA ! THANKS FOR WATCHING ! We Are AJA ! THANKS FOR WATCHING !
SUPREME LEADER
ALAN YANGCreative Director CHARLES CHENStrategy Director JAMES CHOUBusiness Director ALAN YANGCreative Director CHARLES CHENStrategy Director JAMES CHOUBusiness Director
Credits
JIM CHEN Design Lead aka
貴族の子弟
ANDY LEESr. UX Designer aka
Taipei Yaoh やおう
SERENA SU UX Designer aka
AJA Little Fairy
JIM CHEN Design Lead aka
貴族の子弟
ANDY LEESr. UX Designer aka
Taipei Yaoh やおう
SERENA SU UX Designer aka
AJA Little Fairy
FINN WANGSr. UI Designer aka
Lequn 2nd Rd Top 100 DJ
ALICE TSAISr. UI Designer aka
Bother By Design
NIGELL LAIAssistant Designer aka
Chill Boy
FINN WANGSr. UI Designer aka
Lequn 2nd Rd Top 100 DJ
ALICE TSAISr. UI Designer aka
Bother By Design
NIGELL LAIAssistant Designer aka
Chill Boy
Special Tks
FUJUNG CHANG AJA Fairy GodmotherNELSON CHUNG@NelsonSyndromeCYRIL HUNGDazhi AquamanCINDY GUDazhi Keanu ReevesFUJUNG CHANG AJA Fairy GodmotherNELSON CHUNG@NelsonSyndromeCYRIL HUNGDazhi AquamanCINDY GUDazhi Keanu Reeves