本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
實驗室儀器的客人最常卡在「不知道該買哪一型」。用白底、淺水藍與深石墨,背景加上實驗紀錄本般的細格線,讓畫面乾淨、像規格書一樣可靠。網站的主角是「幫浦快選」:回答用途、溶劑與真空程度三個問題,右側立刻顯示建議系列與搭配配件,再引導詢價,減少來回確認規格的時間。
版面重點
- 首屏左文右圖,圖框像實驗圖說,標示「FIG. 01」
- 產品依實驗流程分四類,每類標示系列數量
- 幫浦快選:三題即時更新建議系列、材質與搭配配件,不必送出表單
- 技術支援集中操作影片、型錄下載與維修申請
手機版與動態
手機上產品分類改成兩欄、只留名稱,應用案例只留一張,快選題目直排、建議結果接在下方。動態只有首屏淡入、選項切換時建議卡片輕輕浮起,以及捲動時內容滑入;開啟「減少動態」時全部停止。
