花藝材料・電商網站

← 全部作品

拾花材料室

概念示範 花藝材料・電商網站

乾燥花與永生花材料電商,分類篩選、加入購物車都在同一頁完成。

本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。

設計方向

花藝材料的客人多半是手作愛好者,會依「主花、葉材、材料包、工具」找東西。用奶油白、乾燥玫瑰粉與苔綠,加上手寫標籤般的「本週上架」,讓商店像一間溫暖的材料室。商品區做成分類篩選,點一下就換;加入購物車時右上角計數彈跳並跳出提示,購物流程清楚不迷路。

版面重點

  • 首屏拱形大圖與傾斜的手寫上架標籤
  • 分類按鈕即時篩選八款示範商品,價格標示「示範價」
  • 材料包與小班課程用兩張大卡並列
  • 購物說明三步驟:挑花材、結帳付款、保存方式

手機版與動態

手機上首屏照片移到最上方,分類按鈕改成可左右滑動的一排,商品兩欄、價格與按鈕直排,購物說明只留標題。動態有首屏照片由中心綻開、標籤落下、篩選時商品淡入;開啟「減少動態」時全部停止。

其他案例

需求諮詢 →LINE