--- title: "John Dodd Tea 時尚茶品牌官方網站設計" description: "John Dodd Tea結合傳統與現代美學， 以魔術方塊的六色系為概念發想，將繽紛活潑的氣息融入產品中， 同時發揮創意研製出專屬好茶， 所以將視覺展現出繽紛的設計感，更吸引目光，對品牌感受更好。" image: "https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2016/07/14/a62c74a3cf455d166821b9acd2e0a75a.jpg" url: "https://www.finpo.com.tw/work/John-Dodd-Tea-%E6%99%82%E5%B0%9A%E8%8C%B6%E5%93%81%E7%89%8C%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88" --- # John Dodd Tea 時尚茶品牌官方網站設計 - 完成年份：2015 - 分類：網站設計製作、網路開店服務 - 網頁版：https://www.finpo.com.tw/work/John-Dodd-Tea-%E6%99%82%E5%B0%9A%E8%8C%B6%E5%93%81%E7%89%8C%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88 - 設計：FINPO 菲舶設計 John Dodd Tea 是六方採國際的茶品牌，2015 年的官方網站與線上商店設計製作，涵蓋系列介紹、商品頁、最新消息與購物須知。 品牌結合傳統與現代美學，以魔術方塊的六色系為概念，把繽紛活潑的氣息融進產品，也發揮創意研製專屬的好茶。網站因此把視覺做得繽紛、有設計感，吸引目光，也讓人對品牌留下更好的印象。 茶品依顏色分系列，選單一色一行：紅色是經典原味紅茶，橘色是特調紅茶，黃色是天然花草茶，另有綠、藍、白、黑四色。每個系列一張俯拍的情境照，照片裡就放那個顏色的茶盒：黃盒配檸檬片、洋甘菊與一碗南非國寶茶，紅盒配覆盆子與草莓，橘盒配金盞花與一杯紅色的茶湯。 內頁是壓著暗紋的深黑底，橘色線條與標誌從中跳出。商品頁左側寫中英品名，例如 Irish Cream 愛爾蘭之戀、English Earl Grey 英式藍花伯爵茶，中間是商品照，右側是同系列的列表；下方以小圖示逐列標出產地、成分、沖泡方式、重量與保存方式，可以選盒裝或罐裝加入購物袋。另有最新消息的時間軸、購物須知與聯絡表單，整站提供中英文兩種語言。 ## 圖片 - John Dodd Tea 時尚茶品牌官方網站設計：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/8e186f1b45cf6ad1ab02fc9eb8ac0be9.jpg - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 1：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/795b7709a9ec3c9fd4c151c3e9f22be4.png - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 2：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/5c6569d282b823b0dc555e7f950782b9.png - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 3：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/ee7ba83994d05cde0386ebf9189603f8.png - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 4：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/5b5d0211104731f201a69392025874c9.jpg - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 5：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/1755d9798633e7640d8a04aadf9584cc.jpg - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 6：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/195cac3168d4a2b922726babd2fc48a0.jpg - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 7：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/cbfa092ab5817fdf3b38c8b70257231a.jpg - John Dodd Tea 時尚茶品牌官方網站設計 作品圖 8：https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2015/12/01/85cb0a640efd3b64c4a1225d9223faa2.jpg ## 結構化資料 ```json { "@context": "https://schema.org", "@graph": [ { "@type": [ "Organization", "LocalBusiness" ], "@id": "https://www.finpo.com.tw/#organization", "name": "FINPO 菲舶設計", "legalName": "菲舶數位科技有限公司", "alternateName": [ "FINPO", "菲舶設計", "FINPO Creative Design", "FINPO, Inc.", "菲舶數位設計" ], "foundingDate": "2008-12-02", "taxID": "24311187", "knowsAbout": [ "視覺企業形象設計", "商業標誌設計", "禮盒與包裝設計", "網站設計製作", "網路開店服務", "廣告文宣設計" ], "award": [ "iF Design Award 2025 — Packaging Design：「雨都上河圖」濾掛咖啡禮盒", "Red Dot Award 2025 — Brands & Communication Design：江義隆伴手禮盒系列", "MUSE Design Awards 2025 Gold — Packaging Design - Non-Alcoholic Beverages：「雨都上河圖」濾掛咖啡禮盒" ], "url": "https://www.finpo.com.tw/", "logo": { "@type": "ImageObject", "@id": "https://www.finpo.com.tw/#logo", "url": "https://www.finpo.com.tw/web-app-manifest-512x512.png", "contentUrl": "https://www.finpo.com.tw/web-app-manifest-512x512.png", "width": 512, "height": 512, "caption": "FINPO Creative Design 菲舶設計" }, "image": { "@id": "https://www.finpo.com.tw/#logo" }, "sameAs": [ "https://www.facebook.com/finpo", "https://www.google.com/maps?ftid=0x3442a90b13b2e59d:0x68748f980e1cf2fd" ], "telephone": "+886-2-2313-1323", "areaServed": { "@type": "Country", "name": "台灣" }, "geo": { "@type": "GeoCoordinates", "latitude": 25.0425567, "longitude": 121.5121094 }, "hasMap": "https://www.google.com/maps?ftid=0x3442a90b13b2e59d:0x68748f980e1cf2fd", "hasOfferCatalog": { "@type": "OfferCatalog", "@id": "https://www.finpo.com.tw/#services", "name": "服務項目", "itemListElement": [ { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-visual", "name": "視覺企業形象設計", "url": "https://www.finpo.com.tw/services#service-visual" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-logo", "name": "商業標誌設計", "url": "https://www.finpo.com.tw/services#service-logo" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-package", "name": "禮盒與包裝設計", "url": "https://www.finpo.com.tw/services#service-package" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-website", "name": "網站設計製作", "url": "https://www.finpo.com.tw/services#service-website" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-internet", "name": "網路開店服務", "url": "https://www.finpo.com.tw/services#service-internet" } }, { "@type": "Offer", "itemOffered": { "@type": "Service", "@id": "https://www.finpo.com.tw/services#service-advertising", "name": "廣告文宣設計", "url": "https://www.finpo.com.tw/services#service-advertising" } } ] }, "email": "cora@finpo.com.tw", "address": { "@type": "PostalAddress", "streetAddress": "衡陽路51號8樓之3(西側)", "addressLocality": "中正區", "addressRegion": "台北市", "postalCode": "100", "addressCountry": "TW" }, "contactPoint": [ { "@type": "ContactPoint", "telephone": "+886-2-2313-1323", "contactType": "customer service", "areaServed": "TW", "availableLanguage": [ "zh-Hant", "en" ] } ] }, { "@type": "WebSite", "@id": "https://www.finpo.com.tw/#website", "url": "https://www.finpo.com.tw/", "name": "FINPO 菲舶設計", "description": "菲舶數位設計（FINPO Creative Design）專精企業品牌識別、LOGO設計、包裝設計與網站設計，協助企業打造專業形象，吸引消費者目光。提供台北網頁設計、活動網站與電商平台規劃，一站整合品牌與數位設計需求，歡迎來電(02)23131323洽詢。", "publisher": { "@id": "https://www.finpo.com.tw/#organization" }, "inLanguage": "zh-Hant-TW", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://www.finpo.com.tw/search?keyword={search_term_string}" }, "query-input": "required name=search_term_string" } }, { "@type": "WebPage", "@id": "https://www.finpo.com.tw/work/John-Dodd-Tea-%E6%99%82%E5%B0%9A%E8%8C%B6%E5%93%81%E7%89%8C%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88#webpage", "url": "https://www.finpo.com.tw/work/John-Dodd-Tea-%E6%99%82%E5%B0%9A%E8%8C%B6%E5%93%81%E7%89%8C%E5%AE%98%E6%96%B9%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88", "name": "John Dodd Tea 時尚茶品牌官方網站設計", "description": "John Dodd Tea結合傳統與現代美學， 以魔術方塊的六色系為概念發想，將繽紛活潑的氣息融入產品中， 同時發揮創意研製出專屬好茶， 所以將視覺展現出繽紛的設計感，更吸引目光，對品牌感受更好。", "isPartOf": { "@id": "https://www.finpo.com.tw/#website" }, "about": { "@id": "https://www.finpo.com.tw/#organization" }, "primaryImageOfPage": { "@type": "ImageObject", "url": "https://storage.upage.cool/55a489ca4cfb0e11005f8f9d/2016/07/14/a62c74a3cf455d166821b9acd2e0a75a.jpg" }, "inLanguage": "zh-Hant-TW" } ] } ```