縵 Atelier — 慢慢來,等得起
Demo 作品・虛構品牌

01 — ATELIER

Atelier

慢慢來,等得起

/ 示範重點

電影感滑動

訂製婚紗・工序敘事形象站

用工序故事與電影感滑動,呈現訂製婚紗「慢工」的價值感。

/ 硬殼 — 問題

訂製婚紗這類生意,最容易陷入比價:版型像、套餐像、人人都喊「立即預約」。工坊辛苦做,卻收不到訂製應有的價值。

難的地方在於——網站如果只放禮服美照,看的人感受不到「為什麼這件要做好幾個月」,自然只能用價格來比較。

/ 怎麼設計與打造 — 做法

這個 demo 把首頁重點從「禮服款式」換成「做一件禮服的工序」:蠶絲的產地(Como 雙宮絲 ⓘ)、針腳的密度、量身的過程,配合 13 張工坊細節照,讓人看完就理解「為什麼這件禮服要做好幾個月」。

滑動節奏刻意放慢到 1.8 秒進場(一般網站約 0.3 秒),讓觀感跟「慢工」的時間感對齊;搜尋引擎讀取的結構化資料 ⓘ 完整描述工坊的服務、地點與評價,讓 Google 把品牌資訊填進搜尋結果欄位。

網站開發滑動體驗電影感視覺預約信件

/ 關鍵決定

幾個做了就不後悔的選擇

/ design

圖跟字一起換、不是字疊在圖上

滑下去不是看一張背景圖配字幕,而是「滑一段、整個畫面 cross-fade 到下一段」。圖跟字一起換,像翻一本攝影集。看的人自然慢下來,跟這牌子「18 個月做一件」的節奏對得上。

/ design

不放禮服、只放做工

13 張圖全是工坊細節:蠶絲、針腳、量身的手,加上四個產地(Lyon 古董織機、Como 雙宮絲、京都西陣織、Bursa 歐根紗)。沒放完整禮服正面照,成品會限制想像,做工會打開想像。

/ design

黑底工坊、不走白婚紗

一般婚紗站走「白底+正面大圖」,這站反過來:深煤底、暖鎢絲打光,整體像走進工坊的後場。色票一進入,品牌的氣質就先到,不靠禮服「多漂亮」。

/ tech

進場慢 1.8 秒、不是 0.3 秒

一般網站 fade 進場 0.3 秒,這站拉到 1.8 秒,配長尾 ease 跟字距從寬收緊。看起來「慢」,但跟「18 個月做一件」的時間感對齊。速度也是品牌的一部分。

想看完整版的 嗎?

Next →02 — CHENGXU

澄敘 Chéngxù

一頁。一次。慢慢來。