本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
頭皮保養的客人常不知道自己該選哪一款。用苔綠、燕麥白與琥珀色玻璃瓶,營造植物與實驗室之間的清透感。網站主角是三題「頭皮小測驗」:逐題作答、進度條前進,最後給出保養方向與推薦商品,並清楚標示「不是醫療診斷」;商品區可直接加入購物車,下方另有沙龍合作專區。
版面重點
- 首屏文字卡半疊在商品照片上
- 頭皮小測驗三題+進度條,結果附日常保養建議與推薦商品
- 商品卡加入購物車,右上角計數彈跳
- 沙龍合作專區:專業容量、教育訓練、店家查詢
手機版與動態
手機上文字卡移到照片下方並往上疊,商品兩欄、按鈕與價格直排,沙龍專區只留兩個重點。動態有首屏照片淡入、測驗換題時浮起、加入購物車提示;開啟「減少動態」時全部停止。
