-
【竣鑽國際企業有限公司 - 首頁設計】
整體以大量留白、低彩度黑白灰配色,搭配高質感的產品圖,展現現代簡約風格,突顯品牌高端定位!
-
首頁Banner :大面積圖+品牌slogan。
-
字體不同粗細 :以不同字體粗細營造視覺的高級感。
- 首頁區塊配置 :主視覺Banner、關於竣鑽、產品主題展示區、服務項目、系列產品、Footer。
-
-
【關於竣鑽】
以時間軸敘述品牌發展階段,文字區塊與圖片之間有明顯區隔使文字容易閱讀不會感到擁擠。
- 滑鼠移至每個年份時,畫面會帶出顯示與該筆資訊相符的圖片。
- 色彩延續品牌官網視覺風格:以黑白灰、低飽和色為主,強調「專業」、「沉穩」、「高質感」印象。
-
【產品Header選單】
產品主選單(Header)顯示「產品類別」項目,可由後台上傳各類別的代表圖示,使整體視覺更具辨識度與品牌質感,強化網站的專業形象。
-
【產品介紹】
產品入口頁以清晰的層級結構呈現,顯示產品大類、小類,整體設計以圖像為主、文字為輔,簡潔排版突顯出產品的美。
- 後台則可直覺設定每個大類底下的小類,讓維護與更新都相對便利!

▲產品後台管理介面 - 後台則可直覺設定每個大類底下的小類,讓維護與更新都相對便利!
-
【產品介紹 - 底層詳細頁】
產品詳細頁的後台設定提供高度彈性,管理者可自訂欄位名稱(如「五金材質」、「板材厚度」、「地排」),並可透過顏色吸取器設定產品色系。
- 可設定該產品的相關系列產品 (可多組)。

▲產品後台管理介面:可自訂欄位名稱、顏色設定、系列產品新增 - 可設定該產品的相關系列產品 (可多組)。