returnBtn

「森活」永續森林倡議型互動式動畫網站

專案簡介

參與第五屆台灣青年黑克松競賽,以SDGs中永續森林為主題,在 50 小時內製作互動式動畫網頁

專案成果

設計遊戲化測驗,依照結果提供不同使用者相應的森林永續宣導頁面,搭配互動試動畫設計,獲得冠軍與最佳人氣獎

專案時長

Jul. 2021(50 小時)

專案角色

Frontend Engineer

專案成員

工程師:邱威辰、徐慶毅
設計師:何宥嫻
網站規劃:鄭煜姍

returnBtn

專案背景

本專案為第五屆台灣青年黑客松競賽作品,參賽團對以 SDGs 作為網站主題,設計並製作任意形式的網站。

因此,我們以聯合國永續發展目標「SDGs15:陸域生態」 出發,期待以情境化體驗帶領大眾關注議題,並以「森林經營」為主軸介紹,透過議題拆解、有效資訊傳遞,增加大眾對於議題的知識力;且以科技為工具,呼籲響應、提倡議題行動力。藉由議題知識與行動的交互作用,將永續森林概念植入大眾心中,播下種子,更期待帶這樣的種子,茁壯為影響生態永續無可或缺的養分。

專案目標

本網站設計經詳細使用者體驗設計,擬定完整網站企劃,詳情請見森活,Forever Forest 企劃連結,並致力達成以下目標。

  • 提高目標群眾對於森林議題之關注
  • 翻轉對於議題觀念之錯誤認知
  • 產生共鳴,並將永續想法化為行動
  • 以科技(網頁)為工具,吸引更多人響應

使用者分析

在議題研究與動機釐清後,團隊分析各類型之議題利害關係人。其中,根據本次競賽「網頁呈現」之設定,更鎖定網頁操作客群為 18 ~35 歲之群眾,較符合該年齡層的網路使用習慣,增加議題推動之可行性。並根據問題意識中所提及之「議題行動力」、「議題知識力」,將利害關係人進行分類根據、設定不同象限之使用者群像,如下圖所呈現:

Forest-Persona

瀏覽體驗設計

經使用者分析後,期待能依照使用者性質分類,進行不同議題重點內容的闡述,以達成使用者之議題關鍵知識辨別的目的。在使用體驗上,將透過「遊戲」進行分類,提高使用動機;並藉由「情」、「理」交錯的內容編排,使內容架構能承接分類遊戲,以旅程故事方式呈現整體網站使用體驗。

在分類遊戲體驗環節,將利用環境小問答方式,計算「議題知識力」與「議題行動力」比分,後將使用者分類至四種不同項線群像,進行該群像之內容旅程體驗,體驗流程如下圖所呈現:

Forest-Journey

視覺設計

色彩規劃

Forest-ColorSystem

風格呈現:活力、輕鬆、簡約插畫風

Forest-Demo1 Forest-Demo2 Forest-Demo3

專案成果