Hotbuy

物流集運網站

Hotbuy是本地一家具規模的物流集運公司,主要提供中國內地和美國地區的集運服務,擁有自家車隊,遍布全港超過200+個自提點供客人取貨。
香港物流集運網站

成立於2015年,持續推動環球貿易及互聯網消費

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

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

集運網站

客戶背景:本地物流集運網站

Hotbuy集運,為客戶解決中國內地和美國集運物流問題,收取相宜的運費,並在本港不同各處有超過二百個自取點。

客戶需求及網站規劃

客戶的舊有網站仍然是使用舊式flash的架站方法,因為希望與時並進,而尋求本公司協助改造新網站。舊有網站功能受限,客戶預期在新網站上可擺放自家公司集運教學自提點資料等重要資訊。

風格確認及前期mock up

透過跟客戶前期的溝通,知道客戶希望網站形象鮮明、吸引眼球。設計團隊平衡視覺體驗後,雖然取材客戶Logo的紅色作為主要顏色,但在使用的頻率上有自身的考思。紅色固然鮮艷奪目,但太大篇幅的紅色色塊會造成視覺疲勞,難以繼續瀏覽網站。

因此,設計團隊控制了紅色出現的部分,例如: UI圖標的一部分、標題強調效果,並用同樣搶眼的藍色作為網站橫幅提供初稿設計。不過,跟客戶溝通後,客戶希望設定多個banner位置可以提供不同資訊,因而改為米白色背景以搭配上方複雜的banner設計。

Final Output

最後定稿

經過mockup階段跟客戶反覆商討,最終以以下風格架設整個網站。以不同的UI插圖作為輔助,令網站訪客更容易消化客戶公司的資訊。

Features

網站特色功能

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

頁面banner設計

設計師為客戶設定了跟每頁內容呼應的banner橫幅,作為標題引導網站用戶查看下方的資訊。簡潔的插圖令整體視覺更加符合現代審美,訊息傳達更加清晰。

服務指南設計

設計人員整理了客戶原有的集運流程教學,然後以簡潔線條設計重新繪製流程教學,令用家可以圖文並茂地了解比較繁複的集運設置流程,同時重點部分跟從整體視覺設計,以紅色作為點綴,主次內容一目明瞭。
Website color

網站色調處理

由客戶Hotbuy logo的顏色延伸出更深的紅色作為網站主色。然後深灰色作為輔助色調。配合不同灰白色度的背景,主次更加分明。而天藍色在網站出現的部分不多,主要作為特色內容展示,利用天藍色跟主色做對比,感覺更突出。

網頁界面設計

簡潔的線條設計,網站寬度設定為較窄居中的寬度,整體以反差較大的黑體區分標題內文,視覺設計跟現今潮流符合,不會眼花繚亂。

懸浮whatsapp聯絡按鈕

方便用戶直接聯絡客戶公司進行查詢,我們為客戶設定了懸浮whatsapp按鈕,點擊後會直接打開聯絡視窗,方便直接。

Tab切換效果

因為客戶按地區有不同的服務計劃,設計團隊架設了Tab組塊,用戶可輕鬆切換瀏覽,亦加強了用戶體驗。

怎樣才是成功的網站?

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

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

Back