• Let’s Celebrate Kiitzu’s 3rd Anniversary Together!
  • Let’s Celebrate Kiitzu’s 3rd Anniversary Together!
  • Let’s Celebrate Kiitzu’s 3rd Anniversary Together!
Kiitzu
Greentopia

經濟部國貿局,2022全新推出「GREENTOPIA永續會展城市」跨國提案競賽

#一頁式活動網站

使用者體驗設計

主機規劃程式維護

RWD網站設計

Kiitzu除了努力了解客戶的需求,也不時地與同業合作,讓雙方之間的創意激盪出更棒的火花,此次專案與擅長插畫風格的暖色系數位設計合作,暖色系設計出可愛活潑的活動IP及動態,結合了Kiitzu擅長的UI、UX經驗,將俏皮的素材轉為理性的網站設計元件,成就了理性與感性的結合的Greentopia永續會展城市網站。

客戶回饋

天使公司,從PM、AM、工程師大家都非常專業又好溝通,能先一步預想到合作單位的需求,協助釐清痛點,加快專案執行效率!

#一個臺灣打造的線上永續會展城市

經濟部國際貿易局委託外貿協會執行 『 臺灣會展產業發展計畫 』(MEET TAIWAN),推廣綠色會展所舉辦的GREENTOPIA競賽,為了競賽製作了活動網站,致力於實現永續、綠色與淨零碳排,在政府與業界共同努力之下,GREENTOPIA也因「永續會展」與「淨零碳排」聞名遐邇。臺灣正不斷探索各種新鮮方式舉辦永續活動,不管是和同事參加會議或展覽,都可以對永續目標盡一份心力呢!

#生動的網頁的動畫效果

這次Kiitzu也有幸成為技術部分的協力廠商,由暖色系數位設計統籌視覺設計,在網站的首頁入口處安排了可愛的會展五子,揮手歡迎大家來到永續會展城市,其中「屋子」揮舞翅膀以及「輪子」由山洞中行使出來的生動模樣,讓大家看了之後忍不住驚呼卡哇依。在網頁設計中要達到動態呈現的方式有很多種,這次的會展五子使用的動態效果則是使用一個以JSON為基礎的開源動畫技術Lottie實踐,透過動畫師使用AE軟體製作向量動畫,轉檔為JSON格式即可以讓工程師使用,檔案體積小較不會影響網站速度是他的優點之一。

#RWD排版的轉換

此次製作的活動網站需要中英文版本,因此在網站介面規劃上需要考量到,中文及英文翻譯字數上的落差要如何在同樣的排版基礎呈現,但又可以保有視覺上的舒適性,且在電腦版以及手機版上的畫面切換,其實是需要透過UIUX設計師設計,才能使畫面不跑版順暢呈現,電腦的螢幕是橫式;手機版的螢幕是直式,電腦版使用滑鼠點擊螢幕;手機則是直接使用手指點擊、滑動或是透過其他手勢操作,因在操作邏輯及閱讀的方向性完全不一樣。大家現今習以為常的手機介面,其實在轉換的過程中是經由細心的思考設計才能順暢呈現。

  • Let’s Celebrate Kiitzu’s 3rd Anniversary Together!
  • Let’s Celebrate Kiitzu’s 3rd Anniversary Together!
  • Let’s Celebrate Kiitzu’s 3rd Anniversary Together!