基於Kenon-LIGHT 業務特色,我們仔細分析了公司業務的展示需求,根據客戶的設想,妥善地設定了網站整體結構。令網站以專業的照明控制解決方案為核心,設計風格簡潔且功能導向,適合 B2B 技術領域。分析聚焦於布局、視覺元素、用戶體驗等面向,並強調其如何提升公司形象與用戶互動。
1. 整體布局 (Overall Layout)
- 特色:網站採用層級分明的模塊化結構,使用大標題(如 "A leading vendor and integrator of lighting control systems")和子標題(如 "Digital Addressable Lighting Interface (DALI)")來組織內容。重複強調核心訊息(如 "Successful solution for any situation is guaranteed"),並整合文字與簡短描述,形成視覺上的節奏感。頁面分為介紹、服務優勢(如項目管理、技術支持)和技術系統(如 DALI、LonWorks、BACnet)等區塊。
- 優點:這種結構讓複雜的技術資訊易於瀏覽,避免資訊過載。用戶能快速從首頁跳轉到產品(/products.php)、專案(/projects.php)或系統(/systems.php)頁面,提升導航效率,適合工程師或決策者快速獲取需求相關資訊。

2. 顏色方案與視覺元素 (Color Scheme & Visual Elements)
- 特色:網站採用中性色調(如藍灰、白黑配色),搭配簡單的圖標或燈光相關圖像。視覺元素以文字為主,輔以 "Learn more" 連結,無過多動畫,強調靜態專業呈現。
- 優點:簡約設計傳達可靠性與技術專業,避免花俏元素分散注意力。這種風格在照明自動化產業中顯得穩重,強化品牌形象,讓用戶專注於內容而非視覺干擾,同時降低載入時間,提高行動裝置相容性。
3. 排版與可讀性 (Typography)
- 特色:使用多層級標題和粗體強調(如 "Fully integrated lighting control and automation solutions since 1996"),結合簡短段落和清單式描述。文字精煉,融入 HTML 標籤(如 換行)以營造層次。
- 優點:高對比與清晰字體提升可讀性,即使在小螢幕上也能輕鬆閱讀。這種排版適合技術文件,讓用戶快速掃描關鍵點(如 DALI 的能量節省功能),改善用戶停留時間與轉換率。
4. 導航結構 (Navigation Structure)
- 特色:內嵌錨點連結(如 "/systems.php#LONwork" 和 "/systems.php#BACnet"),允許直接跳轉到特定系統說明。主導航涵蓋產品、專案與系統,支援內部互動。
- 優點:直觀的錨點設計減少滾動負擔,提供「一鍵直達」體驗,特別適合探索多個照明協議(如 LonWorks 的預設控制)的用戶。這種結構提升網站的互動性,強化用戶對公司綜合解決方案的信心。
5. 用戶體驗與響應式設計 (User Experience & Responsiveness)
- 特色:強調用戶導向,如詳細描述項目全生命週期(從設計到交接)和售後服務。無明顯動畫,但透過重複正面訊息(如 "Offering excellent technical support at competitive prices")營造信任感。布局暗示跨裝置相容,HTML 結構簡單。
- 優點:簡易操作降低學習曲線,讓非技術用戶也能理解照明自動化益處(如 BMS 整合)。專業且可靠的呈現方式,結合 "Learn more" 呼籲行動(CTA),鼓勵深入探索,提升潛在客戶轉化。整體 UX 聚焦實用性,適合全球工程市場。
總結優點
簡約專業 |
文字導向、無冗餘元素 |
強化照明控制專家形象,傳達穩定與創新。 |
易用性 |
清晰導航與層級結構 |
縮短用戶決策時間,提高專案查詢效率。 |
內容整合 |
技術細節與服務連結 |
展示全面解決方案(如 DALI 能量節省),建立信任。 |
跨裝置支援 |
簡單 HTML 結構 |
確保全球用戶無縫存取,擴大市場觸及。 |
該網站設計雖非高度互動,但其優點在於「以內容為王」的策略,完美匹配 Kenon 自 1996 年以來的全方位照明自動化定位。若需更多視覺或互動元素,可考慮未來升級,但目前已足夠有效呈現公司優勢。
備注:目前版本是Kenon-Light由本公司設計服務的第二個版本2021年。最早的版本是堑2016年製作的。Kenono-Light正計劃構建新的版本。SOWEB.net非常感謝Kenono-Light多年來的支持與信任!!!