Fevo Fest 活動整體視覺形象設計 Design Visual Identity for Fevo Fest

Shandy Tsai
UXeastmeetswest
Published in
11 min readJul 2, 2018

【本文適合對活動策劃、平面設計、品牌設計有興趣的讀者】

Fevo Fest 是 Fevo 成立兩年多以來第一次舉辦的大型活動,主要與我們的合作運動球隊、音樂節夥伴表達感謝。

這次的文章想和大家分享設計活動整體視覺的過程,身為非設計背景出生的產品設計師,從未想過可以有這麼難得的機會,為公司的大活動主導視覺。過程中遇到很多挑戰,畢竟從未有平面設計的經驗,不過經歷了各種洗禮後,對設計產業有更深層的認識,希望大家喜歡這次的分享!

本文大綱 Table of Contents

  1. 活動簡介 Introduction
  2. 設計過程 Design Process
    • 定義 Define
    • 目標 Objective
    • 客群 Target Audience
    • 設計看板 Design Board
    • 發想創作 Brainstorm
  3. 設計項目 Scope / Deliverables
    • 手冊 Booklet
    • 簡報 Deck
    • 相片亭 Photo Booth
    • 其他 Others
  4. 現場花絮 Event Highlights
  5. 心得感想 What I have learned
  6. 參考資料 References
圖1. Fevo Fest 活動,超過兩百位球隊、音樂節代表,到紐約共襄盛舉

1. 活動簡介 Introduction

Fevo Fest 是 Fevo 成立兩年多以來第一次舉辦的大型活動,主要與我們的合作夥伴表達感謝。邀請橫跨NBA, NHL, NFL, MLB, MLS, NCAA及主要音樂節超過兩百團隊的客戶,來到紐約知名精品酒店Public Hotel,學習業界最先進知識,與我們共同享受精彩演講、美食和社交活動。

• 日期 Date
06/26/18 – 06/27/18
• 地點 Location
Public Hotel, New York
• 人數 Participants
200+運動球隊票務代表;20位Fevo員工
• 籌備時間 Preparation Time
四周
• 職責 Responsibility
視覺設計領導

2. 發想過程 Design Process

設計,即是溝通 Design is Communication

在進行設計前,我們必須先了解活動的內容與目的,才能將視覺元素有效傳達訊息。因此事前我會先去和主管們確認以下問題:

2.1 活動內容與主題 Define: What’s the event and it’s theme

這次的內容包含展現產品新功能、發表新產品、邀請客戶上台分享使用Fevo的體驗,如何有效增加票務銷售,以及邀請合作夥伴與觀眾分享票務歷史與經驗

希望呈現的感覺是品味、優質、高級、有活力、開心、享受的 (Premium, Luxurious, Energetic, Fun)

2.2 活動目的 Objectives: What’s the event trying to accomplish

最主要的目的是加深與客戶的關係、了解需求,並透過有趣精彩的活動規劃表達我們的感謝,因此選擇在紐約這豐富多元、富有魅力的城市共襄盛舉。

2.3 目標對象 Target Audience: Who’s the event meant for?

兩百多個球隊業務、票務代表,包含NBA, NHL, NFL, MLB, MLS, NCAA及主要音樂節。年紀橫跨25 — 45,男女比例大約7 : 3。

2.4 設計看板 Design Board

在了解以上內容後,這設計方向上會更有概念。與心情看板不太相同,設計看板是設計者的參考來源,蒐集各種靈感來源,較常見的情境包含室內設計、時裝設計。

這次的設計看板搜集了數個強烈視覺感的圖片,一直都滿喜歡Spotify充滿戲劇張力的氛圍,與這次主題想呈現的感覺不謀而合,神秘、高級、動感。(使用的工具為Invision Board)

圖3. Fevo Fest 設計看板 Design Board

2.5 發想創作 Brianstorm

我與另外一位設計師,運用現有的品牌元素,利用一個下午嘗試不同的排版與風格。

圖4. Fevo 品牌規範 Style Guide
圖5. 嘗試不同風格及排版
圖6. 定稿設計

這張結合Fevo目前兩大主要市場:運動及音樂,由現有Fevo元素重疊Jordan頭像,簡潔卻產生強烈的視覺效果,獲得產品經理、CEO的一致好評,最終決定以此為這次活動的重要基底。(註:使用技巧為Double Exposure Effect)

(使用工具:Sketch and Photoshop)

圖7. 海報視覺稿 Poster Mockup

3. 設計項目 Scope / Deliverables

這次的活動由於時程緊湊,包含策劃到產出的時間大約只有一個月,同時手上還有產品的roadmap進行,以下是Fevo Fest所有的設計項目:

設計項目大綱 OVERVIEW OF DESIGN DELIVERABLES (依時間順序)• 電子郵件 Emails
– Save The Date
– RSVP
• 手冊 Booklet• 海報 Banners• 照相亭 Photo Booth• 簡報 Deck• 其他 Others
– 禮袋 Gift Bag
– 衣服 T-shirt
– 帽子 Hat
– 旗幟 Flag

3.1 手冊Booklet

主要視覺以深色底襯托出高級質感,運用Fevo飽和的漸層色創造鮮明的活力(由於Jordan版權關係,後來使用他的剪影替代)。

在大學時有嘗試過設計傳單,不過這是首次做大量印刷設計(Editorial Design)。和介面設計(Interface Design)很不同的是,雜誌內頁常使用分欄Columns的技巧、排版規則,讓讀者更容易閱讀。

設計過程中,第一次使用InDesign、學習Bleed, Crop Mark等名詞、在紐約這大都市跑了不同家廠商,了解紙的材質和與廠商溝通 (被臭臉對待是必須的哈哈),是一次非常難得珍貴的學習機會。

(使用工具:Sketch, Photoshop, and InDesign)

圖8. Fevo Fest 手冊內頁精選 Booklet Design

3.2 簡報 Deck

簡報的風格承襲海報及手冊的質感,在設計簡報時一定要去試螢幕投影出來的效果,大家可以看到投影片上的Fevo Logo (stacked V’s)背景似乎太過強烈,但在大螢幕的色澤卻是剛剛好。

(使用工具:Powerpoint, Sketch, and Keynote)

圖9. 投影片精選 Presentation Design

3.3 相片亭 Photo Booth

這次活動策劃找了美國盛行的Bosco相片亭,自2013年於紐約創立的新創公司Bosco, 舉辦超過八百個大大小小的活動,創造350萬的營收,合作對象包含Coachella, H&M, DKNY, Pandora等知名品牌。

這次設計了相片背景以及相框,全新的素材,非常有趣的體驗。

👉 點連結瀏覽更多相片

圖10. Fevo X Bosco Photo Booth 活動現場相片

3.4 其他 Others

其他包含了電子郵件、看板等,重複利用手冊裡的元素,加強視覺效果。

圖11. 看板及禮袋

4. 現場花絮 Event Highlights

終於來到活動當天,看到現場環境超級棒!不論是燈光、場地,還有營造的氛圍的確呈現了高級品味、年輕活力感。

現場的Panelists包含Milwaukee Bucks的行銷總監、Shaky Beats音樂節的票務總經理、Madison Square Garden的團體票務總經理,還有TicketMaster的首席策略長等,陣容真的非常強大! (一輩子都無法想像會跟這些人有面對面的機會XD)

在晚上的Cocktail session,也是第一次與客戶面對面接觸,由於非美國長大的我,在此深刻覺得美國地理要好好加油, 還要加強對運動球隊的認識哈哈。遇到來自University of Kentucky, Indianapolis Colts, Los Angeles Rams, Los Angeles Lakers的代表,除了東西岸的大城市外,對中西部認識淺薄😂

圖12. Fevo團體照,大家都好可愛哈哈

5. 心得感想 What I’ve learned

身為一個非平面設計背景出生的產品設計師,非常感謝公司願意信任我,給予我這非常難得的機會做活動整體視覺設計,這是在小公司的特權,也是我很喜歡的一點:

你可以做任何事,只要你有能力、你敢嘗試

在這次活動中,學習印刷設計、整體視覺規劃,讓我對設計產業有更深的認識。尤其在紐約,這充滿魅力的夢幻城市,是我從未想像過小小的里程碑。

第一次與客戶面對面接觸的機會也很難得,在他們口中聽到Fevo為他們的生活帶來多少方便,也非常感謝我們的用心聆聽,讓他們感受到尊重與支持,當下真的感到很感動,覺得自己的設計真的有影響到一群人。

當然在文化及語言下,還是有不少挑戰,這也是未來要慢慢一步步克服的,總之,很開心每個客戶在紐約都有很美好的時光,和一群優秀的團隊一起努力打拼的感覺真好!

圖13. CEO帥氣的模樣

--

--

Shandy Tsai
UXeastmeetswest

Sr. Product Designer @ Duolingo | Co-Founder @ UXEastMeetsWest & Asian Creative Foundation | @shandyartadventure