大畝 MiLK

前台風格提案

同一份首頁內容,三種不同的呈現與互動方式。選定後,其餘頁面(關於我們、產品方案、會員、購物車、結帳、聯絡)都會沿用該風格。

A

牧場繪本長捲

像翻一本手繪繪本,往下捲動時畫面跟著視差移動、牛奶瓶慢慢裝滿、品牌故事橫向展開。溫暖奶油色調。

看版型 A →
B

紙箱拼貼 Bento

取自包裝紙箱的橘色膠帶與粗黑線條,用方格拼貼排版,卡片可翻轉、傾斜、拖曳滑動,貼紙感十足、最活潑。

看版型 B →
C

海報章節切換

延續節慶海報的芥末黃與大字排版,一屏一章節,滾動時整頁切換、轉場有擦色效果,側邊章節導覽。

看版型 C →
D

海報拼貼(B × C 融合)

C 的海報章節、大字排版與章節導覽,搭配 B 的拼貼磚、貼紙膠帶與翻轉拖曳互動;改為自然捲動,手機也一樣順。

看版型 D →
E

紙箱拼貼 Plus(B 為主)

以 B 的拼貼磚與手感互動為主體,只點綴少量 C 的海報元素:海報式主視覺磚、大字品牌文案、黑色字帶。

看版型 E →