John Dodd Tea 時尚茶品牌官方網站設計

2015
John Dodd Tea 時尚茶品牌官方網站設計

John Dodd Tea 是六方採國際的茶品牌,2015 年的官方網站與線上商店設計製作,涵蓋系列介紹、商品頁、最新消息與購物須知。

品牌結合傳統與現代美學,以魔術方塊的六色系為概念,把繽紛活潑的氣息融進產品,也發揮創意研製專屬的好茶。網站因此把視覺做得繽紛、有設計感,吸引目光,也讓人對品牌留下更好的印象。

茶品依顏色分系列,選單一色一行:紅色是經典原味紅茶,橘色是特調紅茶,黃色是天然花草茶,另有綠、藍、白、黑四色。每個系列一張俯拍的情境照,照片裡就放那個顏色的茶盒:黃盒配檸檬片、洋甘菊與一碗南非國寶茶,紅盒配覆盆子與草莓,橘盒配金盞花與一杯紅色的茶湯。

內頁是壓著暗紋的深黑底,橘色線條與標誌從中跳出。商品頁左側寫中英品名,例如 Irish Cream 愛爾蘭之戀、English Earl Grey 英式藍花伯爵茶,中間是商品照,右側是同系列的列表;下方以小圖示逐列標出產地、成分、沖泡方式、重量與保存方式,可以選盒裝或罐裝加入購物袋。另有最新消息的時間軸、購物須知與聯絡表單,整站提供中英文兩種語言。

John Dodd Tea 時尚茶品牌官方網站設計 作品圖 1
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 3
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 5
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 7
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 2
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 4
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 6
John Dodd Tea 時尚茶品牌官方網站設計 作品圖 8