THK

左顯記醬料食品網站

成立於1938年的香港知名醬料品牌。從一個本地家族生意,現今已發展成企業化管理,銷售點遍布全球各主要市場。
醬料食品網站

致力把香港風格的食品帶到世界各地。

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

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

香港醬料食品網站

客戶背景:香港製造醬料食品網站

左顯記已超過八十年歷史。為了保持傳統風味,真材實料的高質產品,至今本公司的產品均是100%香港製造。左顯記自設廠房,擁有完善的生產設備,生產過程經過嚴格監控,並已獲取SGS HACCP及ISO22000國際食物安全管理系統認證。

客戶需求及網站規劃

客戶希望透過重製網站,將產品以及品牌歷史更清楚以及以一種符合現今審美的方式展示在本地以及海外市場。但同時保留品牌傳統及源遠流長的感覺。

風格確認及前期mock up

以米白色配合淺棕色的顏色配搭,設計師希望創造年代感。加入重覆的圖形以及香港景色的元素,令整體感覺更加符合客戶香港傳統品牌的背景。而因為網站功能運作上符合現今用戶體驗的預期,從而做到「新應用、舊視覺」的感覺。

Final Output

最後定稿

客戶滿意設計人員在主頁內頁中的懷舊設計感覺,整體網站都會按此設計風格進行。製作人員在收到客戶提供的物料、產品資料後,快速完成整站架設,做到客戶的需求。

Features

網站特色功能

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

多幣種系統設置

正如上述所講,客戶品牌慢慢走入國際市場。因此,多語言系統及多幣種系統可以符合客戶品牌的策略,簡單就可以轉換到不同語言及幣值,方便不同客戶瀏覽。

網上商店 & 社交媒體懸浮圖標

製作人員為客戶網站設置了一個網上商店的全部功能,由產品頁到商店頁、購物車功能、折扣功能、支付方式都包含在內。另外,製作人員亦為客戶設定了Fb、Ig的懸浮圖標,以符合現今社交媒體為主的潮流。
Website color

網站色調處理

不同深淺的棕色配合搶眼的黃色,如上述所說,設計師營造了懷舊感。而內文文字都以黑色為主,在米白色的背景下,內容資訊十分清晰。

網頁界面設計

網頁沒有額外過多的UI元素,主要以客戶圖片為主。在主流的瀏覽器( Google Chrome) 展示下,字體會自動變成Noto sans HK黑體,令網頁加載速度不會被字體設定所影響。而且黑體配合懷舊視覺,亦有一種耳目一新的感覺。

網站博客功能

透過客戶的醬料產品,創作出美味食譜,並分享在網站之上,可以增加網頁更新頻率,增加網頁SEO權重。而且在搜索引擎的角度亦十分符合網頁主題。

Youtube影片嵌入

除了文字食譜,客戶亦有一些以往電視廣告令人回味。透過youtube的嵌入功能,不用學習編程都可以輕鬆將影片加入Wordpress系統。
怎樣才是成功的網站?

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

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

Back