blockstudio
{{currentHour}}:{{currentMinute}}:{{currentSecond}}
{{currentTemperature}}°C
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
作品列表專案詢問
  • Projects
    專案列表
  • Service
    服務項目
  • Blog
    部落格
  • Career
    徵人頻道
  • About
    關於我們
Tel.02-2885-8586
Email.info@blockstudio.tw
Taipei, Taiwan11170 台北市士林區前港街11號3樓
3F., No. 11, Qiangang St., Shilin Dist., Taipei City 111, Taiwan
FORM
專案詢問
請透過表單詢問案件
我們會以Email回覆或是直接與您電話聯絡
Block Studio©2018 Copyright. All Rights Reserved.

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'}}

Other Project
其他案件

台東藝文平台 ─ 視覺識別&官方網站

台灣設計研究院 ─ 2022台灣設計力報告書

安妮新聞 ─ 官方網站

02-2885-8586
info@blockstudio.tw
11170 台北市士林區前港街11號3樓