主要銷售各式高速、精密製模/切削等工具的匯聚貿易,非日常消費產業,也有別於我們過去所接觸過的客戶類型。2009年,匯聚因參加相關產業展覽,需要更能彰顯其企業專業度、充分展示代理產品的官方網站,而找上名象為其提供網頁設計服務。在我們對工業器具不甚熟悉、客戶對網站概念也不夠清楚的狀況下,雙方的溝通、相互交流,就變得更為重要;經過一個多月所完成的這項網站作品,也確實融合了客戶的需求/該業界的慣性,和視覺美感/程式設計上的雙方專業。
匯聚貿易官方網站首頁
由於匯聚的代理、銷售含括了國內外上下游廠商,故其網頁會有不同語言之需求。針對這個部分,我們最初建議採取「進入首頁前,先以歡迎頁區隔出不同語言版本的網頁」,如此,語言版本的架構能較為清晰;不過,匯聚參考了同業網站,希望不必藉由歡迎頁,而能直接進入首頁秀出主打訊息,並且整個網站無須全都做成四種語言版本。溝通過後,針對客戶以上需求,我們便修改設計,依照網頁區塊功能性及訊息的重要性,做語言分隔。
希望使用者能立即掌握的重要訊息,都從分頁中特別拉出來放在首頁,如:產品資訊(產品項目表)、新品和最新訊息。
其中左方的產品資訊區塊,提供了正體中文、簡體中文、日文、英文四種語言版本。讓有興趣的使用者,立即能在首頁,以自己的慣用語言做直接搜尋。
進入「企業簡介」內頁,則以右上方紅圈處的功能鍵,提供英文版本的選擇。
左方則固定為產品資訊區塊,使不論點選到哪個頁面的使用者,都能隨時查詢想要的產品。
內頁「最新消息」、「聯絡我們」,則採取中英文併陳的模式。
而在網站最上方,我們設計了動態主視覺:以色彩變換帶出四大企業精神,增添網站活力。其中色彩的選擇,除了使用藍色(匯聚的CIS)和黃色(匯聚參展場佈的慣用色系)外,並加入淺棕、紫色做串連,同時也兼顧到四種色塊和下方資訊區塊的融合度,避免產生視覺上的不和諧感受。
網頁上方的動態主視覺。以流動的百葉窗形式變化四種色系帶出四大企業精神;色塊下方,並壓上匯聚的工作環境、參展花絮…等圖片,若隱若現的呈現方式,不致複雜整體視覺,卻也能增加設計的細緻度。
設計這個網站的另一項挑戰即在後台的建置—匯聚代理產品之豐富、分類之複雜,著實增加了許多難度。為了方便客戶日後自行管理、更新網頁,我們以資料夾的形式為龐雜的產品做層層分類,客戶並能直接以拖曳的方式,決定產品排序、選擇主打項目,用最簡單、方便、易懂的設計,讓產品歸位、利於客戶使用。
縱然是工業產業看似很硬的網站內容,我們卻期望能透過對使用者的貼心,注入人的溫度;更重要的是,過程中和匯聚的合作,為彼此開啟了不同的視野:我們得以一窺這個產業的習性與溝通語言,同時匯聚也瞭解到網路世界能發展出各種可能,為其開創更大的商機:官方網站,不只是企業的門面,更是視野、格局的大門。