本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
包裝採購最想知道「交給你之後會怎麼做、我要準備什麼」。用深海軍藍與冰藍,首屏加上一道像透明吸塑盒反光的高光,呼應產品材質。網站重點是「製程五步驟」:點選每一步,就換成那個階段的說明、需要客戶準備的資料與照片;外銷客戶也能一鍵切換英文看主要內容。
版面重點
- 首屏全幅廠房照片+斜向高光掃過
- 四個能力重點條:結構設計、自有模具室、潔淨成型、回收材質
- 製程五步驟:點選切換說明,下方進度線跟著走
- 包裝資源下載:材質比較表、設計須知、詢價準備清單
- 中/EN 切換選單、首屏與主要按鈕
手機版與動態
手機上製程步驟改成可左右滑動的一排,說明只留標題與一段文字,應用案例只留一則,資源下載只列前三份。動態有首屏高光掃過、步驟切換時內容浮起;開啟「減少動態」時全部停止。
