20261109-測試頁

累積品牌信任

年專業經驗
家合作品牌
件完成專案
客戶滿意度

卡片輪播展示

01

品牌策略

整理品牌定位,讓服務特色更容易被理解。

02

視覺設計

結合字體、色彩與版面,建立一致視覺。

03

網站建置

結合響應式排版與互動,呈現品牌體驗。

04

內容整合

整理資訊層次,協助訪客找到答案。

05

持續優化

依使用回饋調整網站細節。

互動翻牌

無限循環卡片

01

觀察

看見需求背後的真實使用情境。

02

整理

將想法轉換成清楚的內容架構。

03

實作

讓設計與互動成為可以操作的介面。

04

改善

持續調整,累積更完整的使用體驗。

左右交錯圖文

從一個想法,走向清楚的方向

理解讀者需求,安排合適段落,讓閱讀自然接續。

讓每個畫面,都有自己的節奏

桌機採用圖文交錯,手機改為上下閱讀,讓資訊在不同尺寸中都能清楚呈現。

保留一致,也容納不同內容

共用色彩、間距與字級,獨立命名方便維護。

讓成果可以持續被使用

保留文字與視覺的調整空間,讓單一區段逐步延伸成完整頁面。

 

銷售管道/頁面:放的內容從這裡結束

下面開始是在佈景主題裡面的區塊設定的內容

快速挑口味

不知道從哪一款開始,可以先從三個分類找喜歡的口味。

招牌必吃

第一次購買
可以先從芳塢碼頭較具代表性的口味開始

  • 招牌麻糬
  • 鹹香菇
  • 椰奶酥

經典甜味

喜歡甜口味,可以依照自己喜歡的餡料挑選。

  • 芝麻
  • 花生
  • 紅豆
  • 芋頭
  • 紫薯
  • 椰奶酥
  • 靜岡抹茶小紅豆

台式鹹香

想吃鹹口味,也有古早味。

  • 鹹香菇

數字動畫測試

0

年品牌經驗

0

合作客戶

0

完成專案

0

客戶滿意度

卡片輪播測試

01

Card One

Swiper 卡片輪播測試

02

Card Two

Swiper 卡片輪播測試

03

Card Three

Swiper 卡片輪播測試

04

Card Four

Swiper 卡片輪播測試

05

Card Five

Swiper 卡片輪播測試

翻牌效果

Card 01

滑鼠移入翻牌

Back 01

這是背面的內容

Card 02

滑鼠移入翻牌

Back 02

EasyStore 測試

Card 03

滑鼠移入翻牌

Back 03

Transform 3D

無限循環效果

01

Card One

內容

02

Card Two

內容

03

Card Three

內容

04

Card Four

內容

01

Card One

內容

02

Card Two

內容

03

Card Three

內容

04

Card Four

內容

客製設計純圖文顯示

標題標題標題標題標題標題標題標題標題標題標題

內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容

標題標題標題標題標題標題標題標題標題標題標題

內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容

標題標題標題標題標題標題標題標題標題標題標題

內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容

標題標題標題標題標題標題標題標題標題標題標題

內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容

累積品牌信任

年專業經驗
家合作品牌
件完成專案
客戶滿意度

卡片輪播展示

01

品牌策略

整理品牌定位,讓服務特色更容易被理解。

02

視覺設計

結合字體、色彩與版面,建立一致視覺。

03

網站建置

結合響應式排版與互動,呈現品牌體驗。

04

內容整合

整理資訊層次,協助訪客找到答案。

05

持續優化

依使用回饋調整網站細節。

互動翻牌

無限循環卡片

01

觀察

看見需求背後的真實使用情境。

02

整理

將想法轉換成清楚的內容架構。

03

實作

讓設計與互動成為可以操作的介面。

04

改善

持續調整,累積更完整的使用體驗。

左右交錯圖文

從一個想法,走向清楚的方向

理解讀者需求,安排合適段落,讓閱讀自然接續。

讓每個畫面,都有自己的節奏

桌機採用圖文交錯,手機改為上下閱讀,讓資訊在不同尺寸中都能清楚呈現。

保留一致,也容納不同內容

共用色彩、間距與字級,獨立命名方便維護。

讓成果可以持續被使用

保留文字與視覺的調整空間,讓單一區段逐步延伸成完整頁面。

1 of 3

最基本的聯絡表單,固定預設欄位

收合

問題(右邊箭頭icon固定,不需設計)

內容內容內容內,測試連結,內容內容內容內容內容內容內容內容內容內容

  • 項目
  • 項目

Collapsible row

Collapsible row