志祺七七
2020.09.19

除了 YouTube,我們還會做動畫、網站、遊戲、課程?圖文不符5年來的經典作品,帶你一次看!|志祺七七X圖文不符

各節重點:
00:00 開頭
00:25 前情提要
01:31 史前時代
02:41 簡訊設計X圖文不符
04:02 用動畫,讓懶人包動起來!
05:15 用網頁和遊戲,創造更深入的互動體驗
06:55 鋪天蓋地的社群行銷
08:16 圖文不符上課囉!
09:35 ♫七七~志祺七七♫
10:58 謝謝大家的支持
12:13 提問
12:22 結尾


---【 影片口白逐字稿 】---


前幾個禮拜我們在台北舉辦了公司五週年回顧展,展覽已經結束了,但有不少內容想跟沒看到展的朋友們一起分享。

所以今天我們不聊時事,就來聊聊,志祺七七頻道背後的「圖文不符」,成立滿五週年的回顧吧!

-

hiho~大家好,我是志祺!

不少七七頻道的觀眾朋友都知道,志祺七七這個頻道,並不是只有我一個人在製作節目而已。我們有一個大約10個人的團隊,在處理每天的企劃發想、腳本寫作、後製剪輯、還有商業合作等等。不過呢,可能有些觀眾比較沒那麼知道的是,志祺七七的團隊,也只是我們整個公司、整個大團隊裡面的其中一部分而已哦。

那這個公司呢,叫做「簡訊設計」,是我們在2015年創立的。可能有不少人聽過或看過的臉書粉專「圖文不符」,就是我們公司底下的第一個品牌。

這次為期3周的回顧展,總共有將近3000人次的朋友來現場看,這期間一直都有觀眾跟我說,他人不在台北,沒辦法來看,問我們可不可以把展覽給做成線上的版本?沒問題,全部都聽大家的,我們這集就把展覽的一些內容做給大家看!


-

【史前時代】

雖然說是五週年的回顧,不過這一切可能得要從更早之前開始講。

大約從七八年前開始,那時候隨著智慧型手機以及行動網路的普及,要取得資訊越來越容易,但大量未經篩選的資訊,也總是會讓人覺得眼花撩亂。我們很難判斷哪些資訊是正確的、哪些是有價值的,也很難去釐清每件事情之間的因果關係。

那大家可能就會想說,如果有人可以幫我篩出最重要的資訊,整理給我看,就好了。那有這種需求,就產生了供給。差不多在這個時間點,社會上也發生了許多重要的大事,譬如說洪仲丘事件、還有服貿協議、跟後來的太陽花學運等等。而在這些重要、複雜的議題背後,就有許多網友跟鄉民,會在各個平台上面製作「懶人包」。

這些懶人包呢,因為脈絡清晰,也有幫忙摘錄重點,所以就能讓很多人不用特別花什麼力氣,快速的理解整件事情的來龍去脈。那這種懶人包的流行,可以說是加速了知識跟資訊傳遞的效率,也是蠻受歡迎的一種產品,而這樣的背景,也成為了我們最初發展的養分。

【簡訊設計X圖文不符】

就在這個時間點,我跟七七頻道的另一位總編轟天雷,一起投入了「資訊設計」的領域。這個「資訊設計」的意思呢,就是把資訊的內容,用更簡單、更有趣、更好懂的方式來呈現。我們發現,即使議題比較艱難、比較小眾,但只要是好的內容、並搭配好的設計,它都還是能在社群上面被喜歡、被看見。

所以我們覺得,像「懶人包」這樣的工具,或許有機會能滿足某些市場的需求,成為一套可行的商業模式。於是,2015年4月,我們兩個就共同創辦了「簡訊設計」這家公司,以及「圖文不符」這個品牌。我們希望,不管是什麼樣的議題或事件,都能找到大家有興趣的角度,簡單有效的彙整資訊,然後用討喜的圖文來呈現出來。讓大家看了以後,願意分享、願意幫忙擴散,最後促成實際的行動、帶來改變。

而且,我們也希望這套商業模式,是可以達到「一邊賺錢,一邊改造社會」的目標。對,很中二!但這樣才走得遠嘛!總之,在這個超中二的核心價值下,我們也漸漸累積不少作品,有越來越多人因為這些作品而認識我們、找我們幫他做懶人包。

不過呢,差不多也在這個時候,Facebook開始改變演算法,開始鼓勵各種影片形式的內容,如果只是圖片跟文字,就未必能被推播出去。所以呢,我們開始著手實驗,想要讓懶人包給「動起來」。


-

【用動畫,讓懶人包動起來!】

動畫的好處是,能夠從第一秒開始就吸引觀眾的目光。而且大家都喜歡聽故事,那透過動態影像,再搭配簡單的口白跟配樂,溝通可以變得更有趣、更平易近人。這個效果,甚至可以超越語言和文字的限制。

那我們這個時期,最具代表性的作品,就是「為什麼我們會指責受害者」這部「解釋型」動畫了。它得到許多國際大獎,甚至讓我們正式的進入了「設計圈」。在那之前,設計圈的人可能會覺得我們是在做插畫;插畫圈的人覺得我們在弄行銷;行銷圈的人又覺得我們在搞設計,怎麼放都尷尬。但這個作品,讓我們被看到、被認可,有越來越多優秀的夥伴加入我們,也讓我們的作品越來越好。

不過這個時候我們又發現,大家雖然都很喜歡動畫,而動畫也能夠展現公司綜合的製作能力,但它畢竟還是需要透過社群平台來露出。而當時最主要的社群平台Facebook,概念上是屬於「即時瀏覽」。也就是說,就算我們的作品很受歡迎,但可能幾天過後,系統就不會把它推到大家的動態牆上面,之後要搜尋,也很難找。

為了解決這樣的問題,我們又做出了新的嘗試。


-

【用網頁和遊戲,創造更深入的互動體驗】

為了讓我們的作品,能留在網路上被看見、甚至是創造出更有深度、更完整的互動體驗,我們決定以「資訊設計」的概念,開始製作網站。當然,有了過去的經驗,我們一樣很重視友善的瀏覽體驗,希望能讓來訪的網友,在逛網站的時候,就像是在看一場場的線上展覽一樣。那這類型的作品裡面,最值得一提的,就是《海廢圖鑑》了,我們設計了很多有趣的彩蛋。而這個作品,又讓我們再一次得到了紅點BOB大獎,有興趣的觀眾,等一下可以再去找來逛逛玩玩。

那也因為有了這樣的經驗跟團隊,我們發現「深度互動」的重要性,所以就開始繼續想說,欸!有沒有其他更有趣、更深度的方式能傳遞、接收訊息? 那剛好,團隊裡面有好多人都喜歡玩遊戲,於是我們就試著把「資訊設計」跟「遊戲」給結合起來,打造出好幾款「互動式的議題遊戲」。

這邊最著名的案例,應該是2017年推出的《全能古蹟燒毀王》。有一次我們聊天的時候講到,大家都說台灣的古蹟會「自燃」,那我們或許可以把這件事做成遊戲,讓玩家先努力燒掉各種古蹟建築,然後透過遊戲的過程,慢慢讓大家認識你剛剛燒掉的那些古蹟,它背後的真實故事,以及相關人物的心情透過這樣的設計,很多人開始對這個議題產生興趣,也願意主動分享這些資訊。

從那之後,每年我們至少都會推出一款遊戲,會把一些比較複雜的、進入門檻比較高的議題,透過特別的遊戲機制,讓玩家能夠沉浸在裡面,也能有更深的帶入感。

那結果呢,我們就變成了一家,被設計耽誤的遊戲公司。


-

【鋪天蓋地的社群行銷】

在做出這些作品後,有天突然有人跟我說,欸,張志祺,你們在做很厲害的「社群行銷」。那這個詞大家現在聽起來也許覺得很平常啊,但在過去,可能是還沒有這樣的概念的。

不過,隨著各種不同的社群平台越來越成熟,用戶們在不同的地方,也會有不同的需求和行為,所以我們就開始把手上需要傳遞的資訊,依照不同的平台和受眾,量身打造最適合的傳遞策略,包含懶人包啦、動畫啦、網頁啦、遊戲啦等等等,都是可能的選項。在這當中,我覺得很值得一提的就是「捷運之亂」這個專案。當時為了行銷台北捷運第100億人次的搭乘,我們直接在Facebook上創了幾個帳號,分別代表台北捷運不同的線,來跟網友互動。

那像這樣透過不同平台間的互相串聯跟導流,就能產生更豐富更完整的體驗,帶來好幾倍的綜合效果。而且我們還發現,透過這樣的模式,我們可以把「行銷費用」給省下來,放在打磨內容上面,因為只要讓內容本身含有社群喜歡的元素,那麼社群上的使用者,就會自己幫你把這些好的內容給推出去。

那隨著這些作品跟成果,被越來越多人看見,就開始有不少人想要找我們分享心得。可能請我們去演講啦、或者是去幫忙上課等等,於是我們又發現,欸,好像又有新挑戰了!


-

【圖文不符上課囉!】

我們那時候發現,欸!如果每個演講的邀約,我都去參加的話,那我自己的時間就會被打得很散。而且每次講的東西都差不多,可能是有點沒效率的。所以我們就開始思考,是不是可以把這些內容製作得更完整、更精美一點,然後直接提供給需要的人就好了?

那剛好在這個時候,我們與Hahow這個課程平台接觸,發現很多人都希望可以用「更有體系」的方式來吸收知識,所以我們就把自己會的這些東西,做成「資訊設計」這門線上課程,結果市場的反應非常好。那大家喜歡的原因,可能是因為線上課程不受時間跟空間的限制、可以重複學習,甚至可以寫作業,然後也有人可以一起討論。

在這個過程中,我們又發現,團隊這種製作課程的能力,好像可以用在更多地方。於是我們決定把這個部門獨立出來,成立「圖文不符上課囉」這個品牌,協助其他專業人士製作課程,回應大家常見的一些需求。比方說,要怎麼經營社群、怎麼剪輯影片、怎麼當一個YouTuber、怎麼接案、怎麼提案等等。

而這些課程呢,也成為公司一個很重要的經營基礎,因為如果課程賣得好,我們等於是可以投入一次資源,就持續創造後續的「被動收入」。這不僅能讓我們找到更優秀的人才,也可以讓我們嘗試更多不一樣的可能。

而最主要的嘗試,就是志祺七七這個頻道啦。


-

【♫七七~志祺七七♫】

差不多在2018年的時候,我們發現了三個問題,第一個是,過去透過懶人包、或是動畫這樣的方式來跟時事的話,整個製作時間會拉得比較長,可能做出來,都沒有人要討論了。第二個問題是,如果只在Facebook經營的話,還是很難讓製作出來的內容,得到長尾的效應,能持續地被看見。再來是,我們發現我們的受眾呢,年齡低於22歲的人,已經越來越少了。在因緣際會之下,我們發現如果是 YouTube 影片,這些問題好像都有機會可以被解決。

像是我們可以用比較標準化的程序,來快速地製作影片,跟上時事,而YouTube這個平台也很鼓勵大家去看舊的影片,不管是透過搜尋,或是演算法的主動推播,影片就是有這樣的優勢,可以持續被看見。最重要的是,YouTube上面也有更多臉書上面接觸不到的族群,透過cross或是feat的文化,我們就有機會把我們製作的內容,給擴散出去,突破同溫層。

那很幸運地,我們頻道成立了2年多,現在也有了63萬的訂閱,也產生了一些社會影響力,我自己有的時候還是有點不習慣,但每次只要看到有人說喜歡我們的影片、或者是謝謝我們為一些議題發聲,就會覺得蠻值得的。甚至也有很多老師會傳訊息給我們說,有些影片跟上課的內容有關,他們也會把我們的影片播給學生看,那我覺得,這樣做真的是蠻好的,也很歡迎大家一起學起來!

【謝謝大家的支持】

前面雖然是這樣,一段一段的介紹,但這並不是說,我們每做完一件事,就不做其他事了。無論是懶人包、動畫、網頁、遊戲、社群行銷,還是課程跟影片,我們都還有持續地在提供這些服務,而且也因為這些事情都能互相支援,整體創造出來的效果可能也會更好。

經過這五年下來,我自己覺得最開心的地方,就是我們成功證明了,做設計是真的有用的、是可以創造出影響力的;而且做設計,真的可以不用餓肚子。

有很多設計師就曾經跟我們分享過,他們看到我們公司,可以給出蠻好的待遇,也可以持續做出一些有社會意義的公益專案,就會覺得,希望我們一定要繼續好好地做下去。

那也有很多圖文不符的粉絲、還有七七頻道的觀眾,一直都透過各種方式在支持我們,無論是按讚訂閱留言分享,或者是加入頻道的會員,甚至是單筆小額的斗內,這些真的對我們幫助都很大。

所以在這邊,也要謝謝大家的支持!那希望下一個五年,簡訊設計、圖文不符,還有志祺七七頻道,也可以繼續帶給大家好的作品。

對了,在這邊也要順便宣傳一下,這次展覽我自己有導覽好幾次,其中一次有完整的錄影。
我們最近會把它弄成會員專屬的影片釋出,如果你有興趣,記得趕快加入頻道會員囉!

✨志祺導覽的完整紀錄影片看這邊✨
 https://youtu.be/dcKQ_giGXFI 
(要加入頻道會員才看得到唷!)

-

那今天的提問想要問大家,你是從哪一個作品、哪一支影片,開始認識圖文不符或是志祺七七的呢?
歡迎留言跟我們分享吧!那今天的志祺七七就到這邊告一段落,我們明晚再見囉~掰比
Share to: Facebook / Line
防曬乳讓珊瑚白化更嚴重?改用「海洋友善」產品能拯救珊瑚嗎?|志祺七七