ZCMEDIA MOTION LAB

睿晨動效實驗室——這裡的每一種效果,都能裝進你的網站。往下捲動體驗,看到喜歡的記下編號告訴我們。

SCROLL

睿晨幫企業把品牌曝光、獲客、客服,全部變成自動運轉的系統,讓每一次捲動都推進一個字亮起來。

STAGGER + HOVER

卡片依序浮現(stagger),滑鼠從哪個方向進來,色塊就從哪個方向滑入。

001

品牌官網

高質感形象網站,含動畫、SEO 與後台,一站式交付。

002

自動化系統

預約、客服、通知全自動,客戶睡覺時系統照樣接單。

003

數位行銷

內容、廣告、數據追蹤,讓每一分預算都看得到去向。

NUMBERS

進入畫面自動起跳,easeOutExpo 收尾,數字大而有力。

0
合作專案
0
平均流量成長
0
全天候自動服務
0
客戶續約率

背景走得慢,
前景走得快,
深度就出來了。

往下捲,畫面往橫走

01WJ Guzheng · 古箏教室

WJ Guzheng · 古箏教室

02Salmi Studio · 攝影工作室

Salmi Studio · 攝影工作室

03Shigeta · 活動網站

Shigeta · 活動網站

04Chenxi · 客製木作

Chenxi · 客製木作

05Owen Ceramics · 陶藝品牌

Owen Ceramics · 陶藝品牌

CLIP REVEAL

圖片像拉開布幕一樣從左到右揭露,內層同時從 1.25 倍縮回原尺寸,質感翻倍。

Salmi Studio

Salmi Studio · 攝影工作室

Owen Wine

Owen Ceramics · 選酒頁

HOVER 解密

滑過清單,英文字先亂碼再逐一定位,適合服務清單或選單連結。

BRAND WEBSITE→
AI AUTOMATION→
LINE BOOKING→
SEO CONTENT→

拉開看改版前後

抓住中間的把手左右拖動,改版前(黑白)與改版後(彩色)即時對比。

改版後 AFTER
改版前BEFORE

滑過清單,作品浮現

游標滑到哪個案例,對應的網站截圖就跟著游標浮出來。

WJ GUZHENG古箏教室
SALMI STUDIO攝影工作室
SHIGETA活動網站
CHENXI客製木作

抓著拖,甩出去

滑鼠或手指抓住畫廊左右拖曳,放手後帶慣性滑行。

古箏教室古箏教室
攝影工作室攝影工作室
活動網站活動網站
客製木作客製木作
陶藝品牌陶藝品牌
選酒頁選酒頁

游標是手電筒

在圖上移動游標,照到哪裡、哪裡亮起來。

活動網站 移動看看

14 · 火焰聚字

五千顆火焰粒子,聚成你的品牌名

字的下緣燒得最旺、火星往上飄,滑鼠掃過會把火撥開。示範字可以換成任何品牌名或標語。

選這款 → 告訴我們「M01」
滑鼠掃過火焰 · 按鈕換字

15 · 3D 互動星球

你的服務變成一顆可以轉的星球

按住拖曳旋轉,點橘色大節點看服務介紹。節點內容全部可以換成你的產品或服務項目。

選這款 → 告訴我們「M02」
按住拖曳旋轉 · 點橘色節點

16 · 3D 筆電展示

作品裝進一台可以轉的筆電

網站截圖放進 3D 筆電螢幕,訪客可以拖著看。適合作品集、成功案例、產品介紹頁。

選這款 → 告訴我們「M03」
按住拖曳旋轉

讓網站自己說話

按鈕會被滑鼠輕輕吸過去,放開後彈回原位。

開始你的專案 →