-
【Wellous唯樂】
Wellous唯樂 秉持著「向世界各地推廣美容及功能性食品」的信念,Wellous唯樂以消費者為中心,專門生產個性化功能性食品。
唯樂生物科技創立於馬來西亞,本案例為企業拓點成立至台灣的官方網站,因此網站視覺規劃與設計方面,需與馬來西亞總公司之網站形象有高度的相關與識別度,在與總公司之網站有相似的設計之下,還要考量將台灣地區的網站設計做出一定的差異化與獨特性。
整體網站色彩使用企業的識別色綠色做為主要應用,網站傳達自然、清新且健康的感受,以符合Wellous唯樂之產品概念與意涵。而在全站Banner處,則加入了波浪動態效果,讓畫面更加和諧且平易近人,也讓整體網站更有自然的感受。
▲入口動畫
一開始進入網站首頁時,會出現Wellous唯樂的吉祥物動畫,吉祥物退到Logo處就會變成Logo的樣子,帶領使用者一起進入Wellous唯樂的網站,畫面可愛又有趣。
-
【企業責任】
本頁面除了基本的資訊與說明介紹之外,下方的產品責任、人才培訓、社會關懷與綠色環保之說明介紹處,當滑鼠游標移動到該處時,後方的背景會變成示意圖片,並且字體從黑色變成白色,讓資訊更加清楚且扣人心弦。(示意為圖中 "社會關懷" 處)
-
【優質產品】
優質產品單元有許多的產品系列,使用者可點選某項系列進入瀏覽產品列表,選擇某個有興趣的產品即可進入查看詳細資訊,若想要再查看其他系列也可於上方點選。
-
【產品資訊】
產品資訊內容的頁面,有首張示意圖及下方可切換的輪播圖、嵌入的YouTube影片,還有各種產品的規格與詳細介紹,這些網站管理者都可於後台自行新增、修改或刪除。由於產品資訊的文字較多,因此這裡使用收合的方式收納這些資訊,當使用者對產品的詳細資訊有興趣時,可自行展開瀏覽詳細內容。
另外,若使用者想要購買該產品時,本站的方式是,客戶要先選取「數量」再點擊「我要詢價」的按鈕進行詢價,或是選擇「聯絡我們」直接聯繫企業。
-
【詢價車】
將產品加入詢價車後,進入詢價車即可看到剛剛選擇的產品,若有選錯可直接在這裡刪掉後再填寫表單、進行詢價。
-
【產品合法驗證】
本頁面是說明產品如何進行驗證,使用者可掃描產品中的QR-Code,將出現的產品認證驗面進行資料的輸入,進行驗證、確認產品的正偽 (每組代碼只能被驗證一次)。
另外,當游標移動到列表時,旁邊會跑出企業吉祥物,非常可愛。