作品一覽
LUFTRUM 品牌官網 設計理念
一、核心概念:「Freshness From 59°N」— 用緯度說故事
整個網站的敘事起點,是把 LUFTRUM 的品牌血統直接與「北緯 59 度」掛鉤——也就是斯德哥爾摩所在的緯度。首頁大圖不是常見的空氣清淨機空景棚拍,而是選用斯德哥爾摩老城水岸的實景照片,把「空氣」「潔淨」「北歐」三個抽象概念,轉譯成一個具體、可被感知的地理座標。這個敘事軸線一路貫穿到中段的品牌故事區塊(創辦人 Johan Wennerström、20 年產業經驗、「Nordic design principles」),讓整個網站讀起來像一條完整的品牌血統論述,而不是條列式的規格頁面。
二、色彩策略:用深紫取代同業慣用的科技藍/純白
空氣清淨機類產品的競品通常慣用藍色、青綠色來暗示「潔淨科技感」。LUFTRUM 反其道而行,選擇深邃的紫色漸層作為導覽列與頁尾的品牌框架色,在整個瀏覽過程首尾呼應。紫色帶出的是一種更沉靜、更具質感、略帶奢侈感的定位,一方面與同業做出區隔,一方面也呼應產品本身工業設計上的低調、內斂。
三、情境式生活攝影,取代規格式產品攝影
網站沒有把重心放在「白底去背產品圖」,而是大量使用場景攝影——臥室、嬰兒房、居家辦公室、客廳——每一張圖都對應一個具體的生活場域。這個做法的用意是讓使用者先產生「這個場景很像我家」的情感連結,再進入規格與技術說明,是典型的「先情感、後理性」的說服路徑。到了產品列表頁,這個邏輯被延伸到每一款單品:每台機器都配一張符合其定位的生活情境照(客廳陪伴寵物、天花板崁入式安裝、臥室落地窗畔),而非統一棚拍,讓型錄頁不會流於單調的規格羅列。
四、視覺調性:安靜、留白、自然光
不論是首頁的臥室睡眠場景、育嬰房的柔和燈光,或是產品列表頁頂部那張霧氣繚繞的森林 Banner,整體攝影選片刻意避開銳利、冷調的「科技感」打光,轉而使用暖色自然光與留白構圖。這其實是在用視覺語言替「Remarkably Quiet」(靜音)、「Freshness」(潔淨清新)這些文案做無聲的背書——讓使用者在看到文字之前,先感受到「安靜」與「乾淨」。
五、理性佐證:UBP Pure 技術圖解
在大量情感訴求的生活攝影之外,網站特別安排了一個「Unbalanced Plasma Pure Technology (UBP Pure)」的技術圖解區塊,用簡潔的藍色系統圖標示污染物分解的流程。這是刻意平衡感性與理性的設計:生活攝影負責建立情感認同,技術圖解則負責回應「這台機器到底憑什麼有效」的理性提問,兩者缺一不可,尤其對空氣清淨機這種需要專業信任感的品類特別重要。
六、版面節奏:左右交錯式排版
首頁與產品頁都採用「圖左文右、文左圖右」交錯的區塊排列,而非單一方向的堆疊。這種節奏設計一方面讓長頁面在捲動時有視覺呼吸感,一方面也避免多款產品並列展示時顯得像枯燥的目錄清單。
七、極簡工業設計語言延伸到介面本身
產品實體本身的方正機身、斜紋出風口、白/灰/黑的極簡配色,被延伸到網站介面的排版邏輯裡——大量留白、深色系的方形按鈕(View More)、乾淨的無襯線字體、格狀卡片式的產品陳列。網站的視覺語言刻意保持低調,目的是讓產品本身成為畫面焦點,而不是讓介面設計搶戲,這其實也是很典型的「展間式」網站設計思路。
八、全球化定位與跨裝置一致性
導覽列的語言切換、頁尾的「Global」標示、Solution / Product / Innovation / Company 的企業級選單結構,都在傳遞「這是一個跨市場經營的國際品牌」而非單一地區的零售網站。行動版並非單純把桌機版等比例縮小,而是針對手機瀏覽習慣做了調整(例如手機版首頁大圖直接換成產品+生活情境合照,讓使用者第一眼就看到主力機型),但同時保留紫色品牌框架、卡片式內容區塊與按鈕互動邏輯,確保跨裝置體驗一致。
