{"id":172,"date":"2024-11-26T18:14:15","date_gmt":"2024-11-26T18:14:15","guid":{"rendered":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/?page_id=172"},"modified":"2025-04-04T12:48:42","modified_gmt":"2025-04-04T12:48:42","slug":"portfolio-tizan-website","status":"publish","type":"page","link":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/portfolio-tizan-website\/","title":{"rendered":"1. Tizan"},"content":{"rendered":"\n<h1 class=\"wp-block-heading has-text-align-center\">TIZAN<\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Tea Brand Identity<\/h2>\n\n\n<div class=\"foogallery foogallery-container foogallery-thumbnail foogallery-single-thumbnail foogallery-lightbox-none fg-center fg-thumbnail fg-ready fg-light fg-loading-default\" id=\"foogallery-gallery-454\" data-foogallery=\"{&quot;item&quot;:{&quot;showCaptionTitle&quot;:false,&quot;showCaptionDescription&quot;:false},&quot;lazy&quot;:true}\" style=\"--fg-title-line-clamp: 0; --fg-description-line-clamp: 0;\" >\n    <div class=\"fg-item fg-type-image fg-idle\"><figure class=\"fg-item-inner\"><a href=\"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/wp-content\/uploads\/2024\/12\/tizan-store.jpg\" data-attachment-id=\"671\" rel=\"lightbox[454]\" data-type=\"image\" class=\"fg-thumb\"><span class=\"fg-image-wrap\"><img fetchpriority=\"high\" decoding=\"async\" alt=\"Tizan logo\" width=\"849\" height=\"552\" class=\"skip-lazy fg-image\" data-src-fg=\"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/wp-content\/uploads\/cache\/2024\/12\/tizan-store\/1662995257.jpg\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22849%22%20height%3D%22552%22%20viewBox%3D%220%200%20849%20552%22%3E%3C%2Fsvg%3E\" loading=\"eager\"><\/span><span class=\"fg-image-overlay\"><\/span><\/a><\/figure><div class=\"fg-loader\"><\/div><\/div>        <div class=\"fg-st-hidden\">\n            <\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:150%\"><h2 class=\"fonts-plugin-block \" style=\"font-size: 20px;text-align: left\">Tizan is a tea company that I co-founded with my&nbsp;colleague Ngoc-Ni Quach during our second year at Fair Trade. Tizan is a tea company that focuses on robust, fun, and high-quality tea blends, as well as teas in bottles available for purchase in stores and\/or vending machines. The website&#8217;s goal is to highlight this bold tea brand&#8217;s entertaining and unique characteristics in order to attract its target clients, who are youthful and energetic 13-25 year old students. It should also provide the audience with a comprehensive overview of the brand&#8217;s product offerings, packaging, physical community service events such as the Trade Fair, and hilarious stories behind its developments.<\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:150%\"><h2 class=\"fonts-plugin-block \" style=\"font-size: 20px\">I&#8217;ve had a lot of trouble deciding on an overall theme for the website that should convey a sense of humour while remaining professional enough to display the entire corporate identity. Not only should the website&#8217;s look and feel emphasize the brand&#8217;s appearance, such as its colour palette, logo, typefaces, graphics, and so on, but the layout and content should also be informative while being short and approachable.<\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:150%\"><h2 class=\"fonts-plugin-block \" style=\"font-size: 20px\">By using a comic book design with blocks around its elements, we were able to create a welcoming and enjoyable design while also maintaining a consistent feel across the website&#8217;s sections. Because we are fully aware of our young audience&#8217;s impatience, we work hard to simplify the language and focus on the usefulness of images that are structured and repeated throughout the pages to make it easier for them navigate the website.<\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:150%\"><h2 class=\"fonts-plugin-block \" style=\"font-size: 20px\">In the course of creating this website for Tizan with my target audience in mind, I was able to maximize their browsing experiences as well as my own. This responsive website for Tizan has increased my confidence in developing customized websites for nearly any business with a defined brand identity and strategy in mind to bring it as close to the audience as possible.<\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:150%\"><h2 class=\"fonts-plugin-block \" style=\"font-size: 20px\"><a href=\"http:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/web-design\/trade-fair\/\" data-type=\"link\" data-id=\"thi-thuy-tien-nguyen.graphicandwebdesign.ca\/web-design\/trade-fair\/\" target=\"_blank\" rel=\"noreferrer noopener\">tizan.co<\/a><\/h2><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n<\/div>\n\n\n<span class='mb-center maxbutton-1-center'><span class='maxbutton-1-container mb-container'><a class=\"maxbutton-1 maxbutton maxbutton-home\" href=\"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/portfolio\/\"><span class='mb-text'>BACK TO HOMEPAGE<\/span><\/a><\/span><\/span>\n","protected":false},"excerpt":{"rendered":"<p>TIZAN Tea Brand Identity<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-172","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":5,"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/172\/revisions"}],"predecessor-version":[{"id":675,"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/pages\/172\/revisions\/675"}],"wp:attachment":[{"href":"https:\/\/thi-thuy-tien-nguyen.graphicandwebdesign.ca\/index.php\/wp-json\/wp\/v2\/media?parent=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}