Sterling Group Holdings

美臻集團製衣公司網站

於香港成立並從事高端服裝生產二十多年,2018年美臻成為香港上市公司,繼續服務世界各地客戶。
香港製衣公司網站

Sterling Group 的使命是為每一位客戶製作真正獨特且美麗的服裝

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

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

製衣網站

客戶背景:香港上市製衣公司網站

致力於憑藉熟練的專業知識和工藝,生產設計精美的高端服裝。對每件服裝訂單細節認真關注。2018年10月,成為香港聯交所主板上市公司。

客戶需求及網站規劃

客戶公司上市後希望建設一個網站擺放並定時更新公司證券變動及公告。整體設計以簡潔大方為主。

風格確認及前期mock up

跟客戶前期溝通後,確認網站主色為客戶Logo顏色。設計師利用主色設計了幾款不同風格的主頁mockup參考。例如以客戶公司圖片為主、不同字體配搭等等。最終客戶希望以製衣相關的圖片及元素架設網站。
Final Output

最後定稿

經過與客戶在主頁內頁設計的討論後,以客戶提供的圖片貫穿整個網站,豐富客戶公司的資訊。

Features

網站特色功能

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

交錯layout 設計 & 圖片輪播功能

客戶網站以提供公司背景為主,為了令整體感覺不會過分資訊性而變得沉悶,設計師利用了交錯的版面設計,配合不同大小字體,製作成主次分別的佈局。而圖片輪播功能可以令畫面更加動感而且一次性展示多張圖片,版面更加簡潔。

側欄副導覽列

除了網站的主menu外,製作人員在股權及公司簡介頁面為客戶建立了副導覽列,用戶可以輕鬆切換幾個相關頁面,比起擺放在主menu中應用更加方便。
Website color

網站色調處理

正如上述所講,客戶希望網站主色為Logo深藍色#092f57,設計師將主色應用到網站標題、背景色、連結顏色等等。

網頁界面設計

標題部分選用了Montserrat字體跟內文的幼黑體作配合,然後設計師利用簡單線條分隔不同區塊,整體呈現一個精簡感覺。

收合選單設計

以收合選單收藏公司人員的資料,不用直接在頁面上展現,減少了頁面長度,跟其他相關頁面作配合。

圖片庫設計

客戶網站的其中一個頁面是產品圖片展示。設計師利用了一個分錯式的圖片庫展示,圖片會根據大小自動調節,方便客戶日後再添加圖片。
怎樣才是成功的網站?

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

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

Back