資策會科法所 30 週年活動網站
資策會科技法律研究所三十週年活動網站。把週年主視覺、三十年大事紀、影響力見證與活動影片整合成一個入口，特展期間對外的所有資訊都在這裡。
週年主視覺完整搬上網站，燈塔、羅盤、航路的故事用動態說出來
大事紀、影響力見證、影片、新聞、活動資訊一站整合
影片放在自己的網站上播，不跳出、不受影音平台限制
特展期間內容持續更新，業主只要提供素材，其餘由我們處理
客戶面臨的挑戰
兩套視覺，誰主誰輔
週年活動有一套暖色系的主視覺，機構本身另有一套藍青色的品牌識別。兩套都對，但主客分不清楚，活動網站就會變成機構官網的翻版，週年的感覺就沒了。
內容會一直改到上線前
大事紀要對年份、見證要等各方回稿、影片要等後製，上線後特展期間還會持續加新聞、換影片。每一項都會反覆修改，但這種規模的活動網站不值得花錢蓋一套後台。
影片很大，手機也要順
形象影片與大事紀影片的原檔都很大。直接放上去手機會卡，全靠影音平台又得接受它的廣告、推薦與嵌入規則，兩邊都不理想。
動畫要滿版，網頁不能慢
首頁的航路動畫是整個網站的靈魂，業主要求所有裝置都要完整看到。但動畫一多，手機打開的前幾秒就會卡住不能操作。
我們的解法
週年主視覺為主，品牌識別為輔
版面骨架沿用機構的品牌語言，表面的顏色與符號全部用週年主視覺。每一個設計決定都寫成一份文件，業主、設計師、我們三方只認同一份來源，不用來回猜。
內容集中一處，改完當天上線
所有文字、年份、影片清單集中放在幾個資料檔裡，改完跑一次發布就更新。特展期間業主把素材給我們，當天就能更新上線，不用排程等候。維護方式也寫成文件，日後要自己接手隨時可以。
影片自己架，畫質自動切
影片轉成串流格式放在自己的主機上，網路好就播高畫質、網路差自動降級，點了封面才開始載入。同時保留一個開關，需要時整支切到 YouTube。
動畫用向量畫，手機先能用再動
主視覺是平面向量圖，用向量方式做動畫比 3D 更清晰也更輕。手機版先把頁面交給使用者操作，動畫在背景準備好再接上，不會卡在開頭。
桌機版
首頁主視覺：30 週年航路動態
三十年大事紀時間軸
影響力見證卡片牆
影音集錦
行動版
行動版首頁主視覺
行動版大事紀
行動版影響力見證
從訪談到上線
設計方向先定案、寫成文件，再開始做；上線不是結束，特展期間的內容更新由我們接著做。
1
需求訪談
2
定案設計方向
3
視覺整合
4
開發
5
檢測
6
上線
7
特展期間持續更新
