實驗室儀器・形象網站

← 全部作品

澄研儀器

概念示範 實驗室儀器・形象網站

儀器代理商的產品網站,用三個問題幫客人先選對機型。

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

設計方向

實驗室儀器的客人最常卡在「不知道該買哪一型」。用白底、淺水藍與深石墨,背景加上實驗紀錄本般的細格線,讓畫面乾淨、像規格書一樣可靠。網站的主角是「幫浦快選」:回答用途、溶劑與真空程度三個問題,右側立刻顯示建議系列與搭配配件,再引導詢價,減少來回確認規格的時間。

版面重點

  • 首屏左文右圖,圖框像實驗圖說,標示「FIG. 01」
  • 產品依實驗流程分四類,每類標示系列數量
  • 幫浦快選:三題即時更新建議系列、材質與搭配配件,不必送出表單
  • 技術支援集中操作影片、型錄下載與維修申請

手機版與動態

手機上產品分類改成兩欄、只留名稱,應用案例只留一張,快選題目直排、建議結果接在下方。動態只有首屏淡入、選項切換時建議卡片輕輕浮起,以及捲動時內容滑入;開啟「減少動態」時全部停止。

其他案例

需求諮詢 →LINE