本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
買居家美容儀器,客人最常卡在「三款差在哪」。用裸膚米、香檳金與深可可,首屏商品後方一圈柔光圓弧慢慢亮起。規格比較表只列機器本身的模式、重量、充電與保固,可以一鍵「只看不一樣的項目」;全站不寫使用效果,也不寫療效,並提醒有傷口或正在治療時先詢問醫師。
版面重點
- 首屏柔光圓弧與商品淡入
- 三款商品卡+加入購物車,件數徽章彈一下
- 規格比較表:可左右捲動,可只看差異
- 購物車抽屜:清單與小計,Esc 或點外面就關閉
手機版與動態
手機上標題改在照片下方,商品兩欄、只留名稱與價格,比較表左右滑動,使用說明照片隱藏。動態有圓弧亮起、購物車徽章彈跳、抽屜滑入;開啟「減少動態」時全部停止。
