

{"id":11924,"date":"2021-12-28T12:10:35","date_gmt":"2021-12-28T12:10:35","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=11924"},"modified":"2025-10-24T11:28:05","modified_gmt":"2025-10-24T11:28:05","slug":"identity-website-design-tea-brand","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/","title":{"rendered":"Case Study: Bennett. Identity and Website Design for Tea Brand"},"content":{"rendered":"<p>According to Lao Tzu, tea is the elixir of life, so let us offer you a sip of tea elegance packed in design. While most of our case studies tell you the design stories based on business ideas, but this time we will tell you about the business idea originating from the simple creative spark inspired by daily moments. Welcome to check the design story about the identity and e-commerce website creation for Bennett Tea.<\/p>\n<h2>Project<\/h2>\n<p><a href=\"https:\/\/bennett-tea.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Bennett<\/a> is a modern brand offering users high-quality tea for different tastes. It produces various worldwide popular beverages, such as black tea, herbal tea, green tea, decaffeinated tea, iced tea, and seasonal tea. The brand is positioned on the crossroads of hot trends and classic traditions and transfers the idea of elite, exclusive products which are about the lifestyle and mood rather than just a drink.<\/p>\n<p>The creative team of tubik designers for this project included Ernest Asanov, Alexey Dubrov, Vlad Taran, and Kirill Erokhin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11936\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign.jpg\" alt=\"bennett_tea_tubik webdesign\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-webdesign-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2>Identity Design<\/h2>\n<p>Logo design for Bennett is based on the symbol which presents a combination of shapes sharing the visual metaphors of a teal leaf, an eye, and a teacup seen from above. The sign is harmonically combined with a typographic part that features the brand name presented in an elegant and minimalist manner.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8324\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/bennet-tea-logo-design-1.png\" alt=\"bennet tea logo design\" width=\"1024\" height=\"686\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/bennet-tea-logo-design-1.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/bennet-tea-logo-design-1-300x201.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/bennet-tea-logo-design-1-768x515.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/01\/bennet-tea-logo-design-1-150x100.png 150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>The <a href=\"https:\/\/blog.tubikstudio.com\/branding-design-process\/\">brand identity<\/a> that had to stretch to the e-commerce website design is rooted in the creative spark that is sometimes hidden in the simplest things. It started when designer Ernest Asanov got inspired by the photo of neatly collected tea leaves and started developing the idea. In identity design, it got transformed into the graphic pattern and later the set of patterns applied to packaging and branded items. In website design, the idea to feature realistic images of tea leaves turned into a video used on the product page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11951\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design.jpg\" alt=\"bennett tea pattern design\" width=\"1916\" height=\"1072\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design.jpg 1916w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design-300x168.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design-768x430.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design-1024x573.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-pattern-design-150x84.jpg 150w\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11929\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog.jpg\" alt=\"bennett tea graphic design patterns tubik blog\" width=\"1400\" height=\"1087\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog-300x233.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog-768x596.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog-1024x795.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-graphic-design-patterns-tubik-blog-150x116.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p>Here&#8217;s how the graphic patterns became the basis for packaging design and stylish paper cups.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7885 size-full\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik.png\" alt=\"tea brand packaging design tubik\" width=\"2000\" height=\"1497\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik.png 2000w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik-768x575.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik-1024x766.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/12\/tea_brand_packaging_design_tubik-150x112.png 150w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11934\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design.jpg\" alt=\"bennett tea brand cups design\" width=\"1400\" height=\"1367\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design-300x293.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design-768x750.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design-1024x1000.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-brand-cups-design-150x146.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p>From the packaging perspective, one more important design task was creating an informative label that corresponds with the general stylistic concept and keeps consistency across a variety of packaging options. The label design carefully arranges a lot of text content about the particular tea blend to make it readable and straightforward; it looks original and trendy due to typeface choice and enhances perception with neat and clear line icons. The front label contains only key information and focuses buyers&#8217; attention on it without distracting or overloading them with too many details, while the back label presents much more detail.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11933\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik.jpg\" alt=\"bennett tea packaging design case study tubik\" width=\"1400\" height=\"1421\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik-296x300.jpg 296w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik-768x780.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik-1009x1024.jpg 1009w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-packaging-design-case-study-tubik-148x150.jpg 148w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11932\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik.jpg\" alt=\"packaging design case study bennett tea tubik\" width=\"1400\" height=\"1137\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik-300x244.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik-768x624.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik-1024x832.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/packaging-design-case-study-bennett-tea-tubik-150x122.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p>As a part of identity design and brand communication, special branded envelopes and business cards were also developed to echo the style.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11930\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog.jpg\" alt=\"bennett tea branding design tubik blog\" width=\"1400\" height=\"1328\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog-300x285.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog-768x729.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog-1024x971.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-design-tubik-blog-150x142.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<h2>Web Design<\/h2>\n<p>The website design approach starts from the home page which uses typography as its primary and only tool for informing and impressing visitors. No photos, no illustrations, only the elegantly wrapped text content setting the mood and call-to-action button seen at once and inviting the visitor to check the range of the offered products. Product pages instantly connect to the tea theme and set the emotional and aesthetic appeal due to the video of tea leaves scattered from the top of the screen.<\/p>\n<p><iframe loading=\"lazy\" title=\"Bennet tea website design tubik\" src=\"https:\/\/player.vimeo.com\/video\/659938406?h=adf2f89d60&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>Here&#8217;s a closer look at the interaction with product cards in the tea store. The layout is built on bright and bold color combinations for the backgrounds, effectively highlighting various products in different packaging colors. Split screen, sophisticated geometry, smooth animation, and original typography \u2013 that\u2019s what the designer chose for this case of web layout. The text information is organized in boxes, forming a sort of asymmetric grid.<\/p>\n<p>To keep up with the external consistency and recognizable mental patterns of commerce website users, the website uses a stylish and minimalist sticky header, with the brand element in the center, links to core navigation in the left part, and a shopping bag button in the right corner. The latter uses the visual marker accented by color to let visitors quickly see if they already have something in their shopping bag.<\/p>\n<p><iframe loading=\"lazy\" title=\"bennett tea website interactions tubik design\" src=\"https:\/\/player.vimeo.com\/video\/659907397?h=3a5c059c0a&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>The live <a href=\"https:\/\/bennett-tea.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Bennett Tea website<\/a> was fully <a href=\"https:\/\/blog.tubikstudio.com\/tag\/webflow\/\">implemented on Webflow<\/a>: for our team, it was a great chance to try how it works for non-standard design aimed at e-commerce objectives.<\/p>\n<p>To make the website look good and work effectively on the various devices, the designers worked out the mobile version of the website.<\/p>\n<p><iframe loading=\"lazy\" title=\"bennett tea tubik mobile website interactions\" src=\"https:\/\/player.vimeo.com\/video\/659907381?h=3e38b956e7&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11935\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design.jpg\" alt=\"bennett_tea_tubik mobile design\" width=\"1600\" height=\"1200\" data-wp-editing=\"1\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett_tea_tubik-mobile-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>The website got positive feedback from the global design community, having got three awards on <a href=\"https:\/\/www.awwwards.com\/sites\/bennett-tea\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Awwwards<\/a>: Site of the Day, Mobile Excellence, and Developer Award, proving once again that Webflow allows for effective implementation of projects of different complexity and non-standard design solutions.<\/p>\n<p>Stay tuned; new case studies are coming soon!<\/p>\n<h2>More Design Case Studies<\/h2>\n<p>Here\u2019s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/web-design-dataops-platform\/\">Synthesized. Web Design for DataOps Platform<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ecommerce-website-toys-for-adults\/\">ToyJoy. Ecommerce Website of Toys for Adults<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/website-design-marketing-marketplace\/\">Mayple. Website Design for Marketing Marketplace<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service\/\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/annual-awwwards-website-design\/\">Annual Awwwards Website Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-design-health-app\/\">Uplyfe. Identity Design for Health App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-webdesign-shipping-service\/\">ShipDaddy. Identity and Web Design for Shipping Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/credentially-webdesign-webflow-development\/\">Credentially. Website Creation with Webflow<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-lumen-museum-website\/\">Lumen. Website for Museum of Mountain Photography<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-gno-ecommerce-branding-webdesign\/\">GNO Blankets. Branding and Web Design for Ecommerce<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enjoy the taste of elegance: check the design story about the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation.<\/p>\n","protected":false},"author":3,"featured_media":12332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,588,4,9],"tags":[239,533,241,534,44,256,585,47,266,596,50,299,608,57,440,611,100,447,123,463,127,466,138,468,147,485,172,487,174,491,175,502,176,504,212,515],"coauthors":[],"class_list":["post-11924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-business","category-case_study","category-ui_ux","tag-identity-design","tag-web-design","tag-identity-design-case-study","tag-web-design-article","tag-brand-identity","tag-interaction-design","tag-webflow","tag-branding","tag-interfaces-for-business","tag-packaging-design","tag-business","tag-logo-design","tag-packaging","tag-case-study","tag-tubik","tag-marketing-design","tag-design","tag-tubik-studio","tag-design-for-business","tag-ui-design-article","tag-design-for-marketing","tag-ui-design-inspiration","tag-design-process","tag-ui-design-process","tag-design-studio","tag-user-experience-design","tag-e-commerce","tag-user-experience-design-process","tag-ecommerce","tag-user-interface","tag-ecommerce-design","tag-ux","tag-ecommerce-website","tag-ux-design-article","tag-graphic-design","tag-uxui"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Bennett. Identity and Website Design for Tea Brand<\/title>\n<meta name=\"description\" content=\"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Bennett. Identity and Website Design for Tea Brand\" \/>\n<meta property=\"og:description\" content=\"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-28T12:10:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:28:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/\",\"name\":\"Case Study: Bennett. Identity and Website Design for Tea Brand\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg\",\"datePublished\":\"2021-12-28T12:10:35+00:00\",\"dateModified\":\"2025-10-24T11:28:05+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"bennett tea branding web design tubik case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Bennett. Identity and Website Design for Tea Brand\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Bennett. Identity and Website Design for Tea Brand","description":"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Bennett. Identity and Website Design for Tea Brand","og_description":"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.","og_url":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2021-12-28T12:10:35+00:00","article_modified_time":"2025-10-24T11:28:05+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/","url":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/","name":"Case Study: Bennett. Identity and Website Design for Tea Brand","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg","datePublished":"2021-12-28T12:10:35+00:00","dateModified":"2025-10-24T11:28:05+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"Graphic design and web design case study: the identity and e-commerce website creation for Bennett Tea, from the early idea to implementation on Webflow.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2021\/12\/bennett-tea-branding-web-design-tubik-case-study.jpg","width":1600,"height":1200,"caption":"bennett tea branding web design tubik case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/identity-website-design-tea-brand\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Bennett. Identity and Website Design for Tea Brand"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/11924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=11924"}],"version-history":[{"count":15,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/11924\/revisions"}],"predecessor-version":[{"id":14335,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/11924\/revisions\/14335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12332"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=11924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=11924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=11924"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=11924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}