Club Tomorrow
Web UI
Club Tomorrow
明日俱樂部活動網站
CLIENT
Surprise Lab.
驚喜製造股份有限公司
SERVICE
Web UI
ROLE
UI / UX
Motion Design
MORE
PARTNER
Tuesday Design / Front End
Yiche Feng / Illustrations
明日俱樂部 Club Tomorrow 為驚喜製造團隊推出的第五項沉浸式體驗作品，參與者將經歷一場結合表演、派對、音樂、酒飲、小點的大型體驗，在狂歡之中，迎來由所有人一同導向的結局。
Deerlight Design 的任務為評估專案的時程及適當的規劃，區分不同頁面之任務，引入項目的故事並融入於網站設計中，透過互動呈現隱藏訊息，讓使用者留下深刻印象及啟發。
Animation
動態特效
隱藏訊息
在介紹區塊中，透過滑鼠懸停互動，釋出隱藏訊息。當使用者閱讀表象訊息時，以第一個角度理解體驗，當隱藏訊息顯現時，似乎暗藏著玄機，讓使用者一層層地深入了解。
Full Page
全頁式導覽效果
瀏覽頁面時，一次僅可閱讀一頁區塊，當區塊滑動時，背景的霓虹插圖也隨之改變，搭配隱藏訊息，呈現強烈對比。
右側增加站內錨點，使用者在瀏覽網站時可明確知道目前位置，不備全頁導覽限制位置。
More
更多細節
RWD 響應式設計
在設計時規劃彈性的畫面布局，並創造合適的層級區分，適當調整不同元素於畫面中的呈現，在不同的裝置上都能保有良好的體驗。
特殊互動頁面
因應行銷活動，設計單頁互動頁面，使用者可輸入對應的隱藏訊息，聆聽音檔，增加體驗厚度，讓體驗不僅限場地，散場之後仍可延續熱度。
問答頁面
考量問答內容較多，將問答頁面另行獨立，使用者可在此查詢活動的所有事項，讓此活動並非只是單純展示畫面，更增加資訊乘載，同時有效減少客服的工作量。
客製化預定及劃位頁面
因應活動網站風格，設計出對應的劃位頁面，並優化流程，提升使用體驗及增加效率。