頭皮護理・電商網站

← 全部作品

青根頭皮研究室

概念示範 頭皮護理・電商網站

頭皮護理品牌電商,先做 30 秒小測驗,再看適合的保養組合。

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

設計方向

頭皮保養的客人常不知道自己該選哪一款。用苔綠、燕麥白與琥珀色玻璃瓶,營造植物與實驗室之間的清透感。網站主角是三題「頭皮小測驗」:逐題作答、進度條前進,最後給出保養方向與推薦商品,並清楚標示「不是醫療診斷」;商品區可直接加入購物車,下方另有沙龍合作專區。

版面重點

  • 首屏文字卡半疊在商品照片上
  • 頭皮小測驗三題+進度條,結果附日常保養建議與推薦商品
  • 商品卡加入購物車,右上角計數彈跳
  • 沙龍合作專區:專業容量、教育訓練、店家查詢

手機版與動態

手機上文字卡移到照片下方並往上疊,商品兩欄、按鈕與價格直排,沙龍專區只留兩個重點。動態有首屏照片淡入、測驗換題時浮起、加入購物車提示;開啟「減少動態」時全部停止。

其他案例

需求諮詢 →LINE