NTHU SDGs Official Website
Digitally presents how NTHU responds to SDGs, with the goal of driving peers to have awareness of issues and willingness to participate.
Role & key partners
Me- UXUI designer / Jason- Engineer / Prof. Lin & CSO- Supervisor
Collaboration
Discuss IA and establish wireframe together.
And I designed the UI mockup, and build prototype for presentation.
Then deliver for development, and discuss & iterate few times together.
Background
是為清大回應永續發展目標、ESG、STARs等願景所做的永續資料收集、標注、與成果發表的平台。
團隊皆從0到1探索與參與，思考要讀者想要及需要什麼資訊、以及怎麼呈現，並在校方的目標與要求中取得折衷。
Visual Concept
磚瓦—永續發展沒有捷徑也無法空談，行勝於言，需一磚一瓦實在地搭建成大家心目中多元的樣貌。
色彩除了使用官方17項代表色作為應用與標註，也沿用清華的代表色—深紫—來作為醒目色。
Category display and sorting
以不同分類方式來滿足不同瀏覽的目的與需求：如以行動類型、以發展目標、以校園單位…來分流篩選內容。
延續磚瓦組成的視覺主軸，為9種永續行動類型設計代表視覺。
Data visualization
永續色環圖，視覺化呈現組成比例：教師與學生的研究回應了哪些指標，直觀瞭解項目在學校被發展的趨勢。
Project cards
以指標代表色明確地展現各專案主要回應的SDG goals；
因幾乎所有專案都回應了複數個目標，將專案的主要目標作為大標籤，也輔以次要目標的小標籤。
自類別選單選擇的主分類後，依舊可以繼續篩選，e.g. 主分類：學生研究專案 -> 目標：goal 2 -> 單位：工學院，幫助使用者做更有目的性的探索。
Auto-collected & annotated research
藉由AI自動抓取研究論文中有關永續發展之關鍵字，以及作者自行標註對應的指標，來呈現師生研究的成果。
SDGs endorsers
藉由有對應指標的相關專業之教授作為永續發展代言人，讓讀者初步了解各指標之於學校的願景與目標。
SDGs news
學校回應永續發展是無終點的持續行動與進步，以新聞形式紀錄較具代表性與可推廣的相關訊息。
Challenge
作為資訊揭露的平台，要呈現海量的資訊，使介面與視覺需以防止呆板無趣為目標，吸引觀者眼光。
隨著時間的發展，資訊與專案的增加，使得網站架構開始擴充，若未來有機會回頭進行迭代，將會是主要要解決的問題。
Online Sustainable Declaration
永續宣言分頁為網站正式上線後另外應校方需求加上的活動功能，能讓學生在線上做永續發展之宣示，並可下載證書。
Online Exhibition
Digitalize
需持續將實體的永續活動與展覽數位化到官網上，儼然為兩倍的工程，但能打破實體中有限的空間與時間性，是數位化之優勢。e.g. 將清華於2022亞太永續發展博覽會的參展內容做數位化。
Online-Exhibit
相較於主網站專案的卡片式架構，本分站主要以隔線加強Hierarchy，為了呈現像是在“讀報”的感受。。
Challenge
隨著學校永續行動越做越大、越做越多，官網的資訊量與模塊也高速增長中，
使得資訊架構較不嚴謹，如易造成觀者不知道該從哪裡看、開怎麼找想要的資訊，
是網站的最大問題，勢必需定期調整迭代。
在這之前需先解決各部門組織的溝通與資源分配問題，
校園裡的每人都從0開始回應永續發展，在跌跌撞撞的過程中不斷更新與調整，
並跟隨永續長們的觀點與倡議繼續前行，形成動態彈性的生態圈。
目的都是為了永續的目標各自以專長與熱情做回應，勇於溝通合作使能量進一步傳遞。
Learning
主動爭取資源予來做網站的整理與迭代。迭代需求與頻率持續與利害關係人討論。
1. 善用色彩做資訊類型的區分。
2. 保持視覺設計風格與語彙一致，並以爲網站增添活力與吸引力為目標。
3. 多方嘗試資料的分類方式，幫助尋找。