TDRI台灣設計研究院 ─ 線上簡介
Type
Description
年初受當時即將升格成「台灣設計研究院」的「台灣創意設計中心」邀請製作線上簡介網站。
針對一件事情、一個目的、一種內容 做 動態網站不就是我們最拿手的好戲嗎!?
所以收到這專案聯繫時我們是非常興奮且開心的!
更棒的是過程當中,設研院這邊幾乎不改稿,僅作細節意見提供,非常尊重設計、非常專業。
對於不懂的領域表現尊重專業的態度、適度地給予建議,
這類的專案往往都是我們的代表作。
【Concept】
抓住關鍵字「品牌的連貫性」、「帶點趣味吸睛巧思」、最後是身為設計產業的領導組織,在網站方便也必須表現出「敢於挑戰、勇於嘗試的領頭羊角色」。
設研院的每一步都是領頭、每一步都是示範。
全站以品牌識別之洞見兩個球體概念出發,
圖像化、動態化「建立」、「驅動」、「推動」、「連結」、「擴散」等幾個大目標。
【Detail】
「首頁動態」利用Lottie.js將AE影片做JSON輸出置入,大大提升效能。
「SVG動態」全站使用非常多的SVG動態,也提升許多效能。
「滾動動態」貫串全站五大目標,分別於每個目標做動畫行為。
「裝置互動」可輸入關鍵字於網站當中
全站有更多細節與巧思、甚至互動行為都可以慢慢發現!
Credits
- ClientTDRI台灣設計研究院
- Creative DirectorLee Ming
- DesignerLee Ming
- Assistant Designer Tani Tasi
- CreativeLuju Lu / Tani Tasi / Aco Hsu
- DeveloperEvan Yang
- Assistant DeveloperJeff Cho
- Release DateApr. 2020
Link
- Websitetdri.org.tw/about
{{accordion?'Close':'More'}}