i-CONTROL

視聽設備產品網站

於2001年在香港成立的AUDIO VISUAL公司,2019年轉為香港主版上市,服務遍佈內地及新加坡等亞洲地區。

香港視聽設備產品網站

i-CONTROL 是 InfoComm 國際組織的白金會員。

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

視聽設備網站

客戶背景:香港視聽設備公司網站

i-CONTROL成立於2001年,致力提供智能ITAudio Visual解決方案,擁有強大而專注的服務團隊,提供全面的維護和支援服務。超過86%的客戶和業務合作夥伴是500強公司及跨國公司。

客戶需求及網站規劃

客戶的舊有網站在現時網絡發展已經顯得不合時宜。因此希望建立一個合乎現今審美、可持續應用更新以及資訊更豐富的網站系統。

風格確認及前期mock up

網站用色利用了深淺藍色作為主色,

Final Output

最後定稿

經過與客戶在主頁內頁設計的討論後,整個網站都按相應的用色繼續製作,以圖片配合適當的UI設計架構每一頁面同時系統功能上做到客戶需求。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

特色UI圖標設計

因為客戶公司提供Audio Visual產品解決方案,對應不同產品,設計師設計了相關的圖標,並加入不同品牌的輪播系統,每個品牌會導出到產品頁,令網站訪客輕鬆挑選到合適的產品。圖標設計比直接的產品圖片更加簡潔清晰,整體畫面不會過於冗長。

圖片庫篩選功能

客戶公司發展多年,累積了不少的項目作品,以往網站功能未必可以得到很好的展示。而新網站上,製作人員為客戶設置了圖片庫的篩選功能,按不同類別區分客戶的不同項目。點擊後會跳轉到相關的圖片庫,查看到更多的精美圖片,讓客戶的作品得到更清晰又完整的展現。
Website color

網站色調處理

深淺藍色的應用,為網站帶來穩重的感覺,而黃綠色則可以做到點綴效果。而且整體給予人科技感。白色的背景除了有間場效果外,亦可以配合網站複雜的元素及圖片,令訪客不會眼花瞭亂。

網頁界面設計

標題部分選用了Varela Round圓體英文字體,而內文則是黑體Roboto。設計師用不同的字體設計作為區分,Roboto作為黑體的易讀性較適合在內文中呈現。而必要時,亦會調整字體的粗幼作為強調之用。

網站側欄表單設計

另一個為客戶架設的特別功能是收藏在側欄的查詢表單。訪客需要按icon或者enquiry字樣,表單才會從右方彈出。因為icon是懸停在網站每一頁面,方便用戶看到感興趣的項目時可以直接點擊查詢。

圖片懸停效果

具有圖片懸停效果的圖片資訊卡,可以豐富頁面內容,為圖片標題提供詳細描述,但又不用直接將內文展示出來。令頁面有更多彈性設計,不會過於統一而變得沉悶。
怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Back