Polar Adventure北極雪橇長征之旅

一個讓你不必去北極,也能走完北極一天的網站作品。

Side Project2 months2017Role: Project Owner + PM + UIUX
HOW IT STARTED

你想過,一個看不到雪的台灣人,有機會去北極拉雪橇四天三夜嗎?

在極地基地裡生活,自己搭帳篷、挖冰煮水、餵狗,也餵飽自己。最難以想像的是,在平均 -17 度到 -25 度的環境下,學習這些野外求生技能,獲得獨一無二的生命體驗。

這個機會必須透過全台灣拉票、拿下海選第一名,才能獲得全額贊助,包含裝備、體驗與課程。這絕對是徹底突破舒適圈的挑戰,你得跟一群完全不認識、來自世界各地的人,一起在極地生活與拉雪橇。

我從沒想過這件事會發生在自己身上,但既然有機會追逐夢想,當時的我沒想太多,就是活在當下、全力以赴。

第一人稱視角雪橇行進實景
BEHIND THE DOG TEAM
THE VOTE

前往北極拉雪橇之前,先成為全台海選第一名,才能代表台灣出去

我記得那時每週都去路上跟陌生人拉票,也邀請了各個階段的朋友:國高中與大學同學、三鐵、單車以及越野跑的夥伴。有這麼多人願意在乎你的決心、陪你一起追夢,雖然每個人只有一票,但大家投完後還繼續幫忙拉票,這讓我感受到莫大的支持與壓力。

最後,那個資格是 17,416 個人投票投出來的。雪橇上只有一個位子,我身上是破萬人的人情壓力。

夜晚基地營全景
BASE CAMP AT NIGHT
THE QUESTION

一段身處電影場景般的經歷,如何重現給一萬七千個人

整趟旅程其實非常痛苦,完全打破了我的舒適圈,加上當時我的英文不是很好,堆積的心理壓力重如泰山。

完成這趟旅程後,我不斷在想:我何德何能獲得這一切?我要如何回報大家?出發前有很多人送我物資、替我拉贊助,我該怎麼回應這些期待?

極地的體驗實在太特別了,若沒有親身經歷,完全無法想像那是怎樣的感受。回到台灣後,我一直在思考如何盡可能還原這份體驗,讓大家也能有所收獲。

我想過照片、影片、部落格,最後想到自己是一名 UIUX 設計師,何不發揮專業,把這份極地體驗轉譯並呈現出來,在有限的資源下觸及並回報越多人越好?

雪橇犬特寫 — 挽具上的犬隊
THE DOG TEAM, UP CLOSE
MAKING IT HAPPEN

一個人的夢想,怎麼變成一間公司的 side project

說服同事用新技術我先跟同事講我的想法,他們可以藉此累積作品集,加上使用公司專案上無法玩的新技術,所有內容與成敗由我來扛。

說服老闆用影響力同事有意願,我再帶著這些首肯去找老闆,後面有實體分享會,我也會推廣這個網頁;我的粉專那期間非常多人關注,動輒幾千個按讚,在大家的生活圈裡有些影響力。同時掛名知名戶外品牌。

由我全權負責企劃、網站架構、UI/UX、音樂版權以及照片與文字產出,並與公司的工程師、剪輯師合作。在不影響公司正職運作的前提下,同事們撥出額外時間協助,我們以 side project 的形式一步一步把整個網站完整做出來了。

Fjällräven Polar 2017 — 北極雪橇長征實景
FJÄLLRÄVEN POLAR, 2017
THE TRANSLATION

以網頁為載體,把這段經歷設計進去

核心理念圍繞著「使用體驗」:思考如何將我學到的經歷,濃縮成一個有脈絡、有邏輯、好懂的結構。結構必須是視覺化、直覺式,不需要額外的學習成本,能讓人輕易理解與吸收。

手上的素材72 支影片、2,357 張照片、14,939 字

新技術在當時這是新的網頁技術,我們希望採用影片式的網頁,用第一人稱視角去傳達這個故事

我同時是專案負責人必須把控大家花在這個專案的時間,不影響其他專案的進程,但同時維持我想要的品質

兩個月的專案排程 — 冒險、規劃、設計、開發四軌
PROJECT TIMELINE

視覺風格勢必帶有北極的元素,我將在限制之下才能做出的好設計抽離出來,轉化為可視化的素材與核心關鍵。

主體配色為白色與藍色代表雪與天空

點綴色為對比色拉雪橇行進時會有雪線的告示牌讓人依循路線,因為在北極很容易迷路,所以路上偶爾出現紅色的路牌,讓你知道自己正走在既定的路線上。

如何把這四天三夜,以及出發前預先上課學到的東西,整合出一個明瞭的結構?

當把每天做的事和學習內容全部鋪排出來,發現它有一個完整的脈絡:每天都有固定的行程,偶爾在上午或下午增加學習環節。

因此把所有資訊整合成「你如何度過北極的一天」:

早上你如何在充滿人的雪地營地裡上廁所?去哪裡取乾淨的水?

上午除了用自己帶的瓦斯煮水,萬一沒有瓦斯,要如何現場撿拾柴火,用點火棒無中生有把火點起來?

中午在雪橇上只能吃行進糧,但補充水分最重要。要如何在早上就把一整天需要的水分都準備好?

下午很早就得紮營,光是搭帳篷就要花費非常久的時間。接著還要幫狗狗脫裝備、煮飯給狗狗吃、煮飯給自己吃,必須在天黑之前完成。

行進與紮營時,每天老師都會教不同的生存知識:

雪牆要怎麼搭建?

強風來襲時帳篷哪一個方向面向迎風面,才能最大程度擋風?

拉雪橇的剎車分好幾種,有緩慢剎車與快速剎車。

雪地裡露宿如何挑營地整營地?

雖然都是分不同天一步步學來的,但可以濃縮成在一個時間點去學習精華,整合成一天的時間軸。
大家就能很有脈絡地理解:這一整天的某個時間點要做什麼?重點與注意事項是什麼?北極與一般低溫環境不同的挑戰是什麼?

素材按任務分類示意
SORTED BY TASK, NOT BY MEDIA

我的紀錄最後寫到:每天晚上光是點火、煮水到煮完飯,居然要花上快一到兩個小時。不排除是因為我們對極地生活非常陌生且不適應,一切都要從頭開始,但這個過程實在太漫長了。原來在這麼寒冷的情況下,光是維持基本生活就非常花時間。

這是一次非常深刻的體驗。也不難想像,為什麼在這麼苛刻的環境下,大家幾乎只能把注意力與重心放在養活自己與生存上,因為光是在這裡生存,就得耗費極大的能量。

把這些邏輯與呈現方式理清楚之後,接著思考:在這樣的資訊架構之下,要怎麼呈現,才能讓使用者一眼就理解?

我希望闡述一整天過程的方式,不只是讓使用者看照片,而是結合時間軸的影片呈現。使用者可以隨意拖拉到想要的時間點,透過影片理解前後發生了什麼事。拖拉到某個時間點,會提供一個知識點的入口,點進去看到更多關於該知識點的圖文解說。

一天的六個階段:北極日常、裝備介紹、雪橇準備、食物與夥伴、雪地生存、離家回家
A POLAR DAY
把一天的行程與知識點整合成一條時間軸
THE DAY, AS A TIMELINE

圖文裡面搭配短影片。點進去不只看到圖片,還能點開影片,聽到現場原來充滿了這麼熱烈、大聲的狗叫聲。再搭配我的文字,書寫當時的感受、情境與氛圍,乃至於執行與學習這些事情的細節。

最後一步是設計實際要落實的工作:先繪製 wireframe,規劃 user journey 與 user flow,確保最後落地時,可行性與執行性是高的,成果有品質保障。

wireframe and user flow — testing the order before the film
WIREFRAME & FLOW — TESTING THE ORDER BEFORE THE FILM

遊戲化體驗介面設計

遊戲化是想透過這個體驗傳達給大家的把這當作一場遊戲體驗,沒有對錯,只有經驗。像遊戲一樣過關斬將,經歷每一個關卡與知識學習後,你就獲得了在北極生存一天的知識與技能。

所以每個入口點設計得更像遊戲互動的入口不管是時間軸的拖拉,還是知識點的入口。

剛開始預先播放影片前段遇到第一個知識點就停下來,引導使用者點擊互動。跟遊戲一樣,有前導背景影片告訴你現在要面臨什麼,再透過第一個引導,讓你練習如何操作與介面互動。

右上角放上彷彿人物頭像的縮圖代表你作為玩家正在經歷這個北極生存的歷程,在每個時間點會有狀態的變化:剛開始全新體驗的興奮、體力消耗殆盡、心靈被大自然療癒而滿足。

CTA 暗示使用者進入下一層探索 / 角色 Icon 滑至右上角,顯示角色狀態
圖文並行,文字陳述即時與影片圖像對照
拖拉時間軸影片即時跳轉 / View All 按鈕看內容總覽

Design principles

先有結構,再談視覺

把四天三夜的經歷濃縮成有脈絡、有邏輯、好懂的結構——視覺化、直覺式,不需要額外的學習成本。

按任務分類,不按媒體分類

每天的行程與學習全部鋪排出來後,濃縮成「你如何度過北極的一天」的時間軸,讓人有脈絡地理解每個時間點該做什麼。

配色從現場的限制長出來

白與藍是雪與天空,點綴色來自警示色衣著與紅色雪線路牌——在限制之下才能做出的好設計。

把資訊入口做成互動入口

時間軸可以拖拉、知識點就地展開圖文與短影片,不必離開頁面就理解前後發生了什麼。

先驗可行性,再落地

先繪製 wireframe、規劃 user journey 與 user flow,確保最後落地時的可行性與執行性。

最後放上品牌的露出:公司的 logo,還有小狐狸這趟體驗的 logo,並完成設計系統。

完成後的六個主要畫面 — 進場、時間軸、知識點浮層、圖文並排
FINAL DESIGN
視覺風格指南 — 配色系統
STYLE GUIDE

原始網站已下架,這裡是完整影片

北極雪橇冒險之旅,完整影片。
BEYOND THE PROJECT

我也是朝九晚五的上班族

網頁上線後,大家很專注和我聊這段歷程,對於極地和雪橇的嚮往,好奇北極生活的細節,還有追夢的勇氣。我記得一位單車朋友,跟我說他不敢上街拉票,他很佩服我。我有些意外,同時也意識到我的追夢其實從拉票就開始了。也有人跟我說,能知道自己想做什麼,是一個很幸運的人。

THE PROOF

「看到這個網頁成果,讓我更肯定,這是我們願意在你身上投一票,陪你拉票且支持你的原因。」

— Relax,當年投票支持我的人之一

我也是朝九晚五的上班族,同樣是利用下班時間去追逐個人的興趣。這個興趣到底能追逐到什麼程度?其實全取決於我們自己。走著走著,會發現自己已經爬上以前遙不可及的山頭。

我相信每個人的生命裡都應該有這樣特別的體驗,去增加人生的密度。它會成為你一輩子的寶藏,是誰也帶不走的。如果一生中從未體會過,真的太可惜了。

我希望透過自己的生命經驗,帶給大家一個夢想、一份希望,或者看見另一種可能性,也希望能將這份力量帶給更多人。