本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
設備採購看的是機型、規格與實際運作。用石墨灰、電光藍與藍圖格線,首屏一條藍線畫出 90 度折線。產品線分成數控折床、雷射切割、機器人折彎三個分頁;技術特點用折床線稿圖解,點編號看各部位設計;影片區按播放跑折彎示意動畫,不必載入外部影片也能看懂流程。
版面重點
- 首屏藍色折線畫出
- 產品線三分頁,含規格摘要
- 折床技術圖解:四個編號,點選看說明
- 示範影片區+章節時間
手機版與動態
手機上規格表隱藏、圖解縮小、章節只留第一段。動態有折線畫出、圖解編號脈動、播放後的折彎動畫;開啟「減少動態」時全部停止。
