塑膠包裝製造・形象網站

← 全部作品

承形包裝

概念示範 塑膠包裝製造・形象網站

包裝製造商的 B2B 官網,製程五步驟一點就懂,還能中英切換。

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

設計方向

包裝採購最想知道「交給你之後會怎麼做、我要準備什麼」。用深海軍藍與冰藍,首屏加上一道像透明吸塑盒反光的高光,呼應產品材質。網站重點是「製程五步驟」:點選每一步,就換成那個階段的說明、需要客戶準備的資料與照片;外銷客戶也能一鍵切換英文看主要內容。

版面重點

  • 首屏全幅廠房照片+斜向高光掃過
  • 四個能力重點條:結構設計、自有模具室、潔淨成型、回收材質
  • 製程五步驟:點選切換說明,下方進度線跟著走
  • 包裝資源下載:材質比較表、設計須知、詢價準備清單
  • 中/EN 切換選單、首屏與主要按鈕

手機版與動態

手機上製程步驟改成可左右滑動的一排,說明只留標題與一段文字,應用案例只留一則,資源下載只列前三份。動態有首屏高光掃過、步驟切換時內容浮起;開啟「減少動態」時全部停止。

其他案例

需求諮詢 →LINE