{"id":1334,"date":"2019-02-11T10:31:56","date_gmt":"2019-02-11T09:31:56","guid":{"rendered":"https:\/\/zestmeup.com\/?post_type=blog&#038;p=1334"},"modified":"2025-12-12T18:11:30","modified_gmt":"2025-12-12T17:11:30","slug":"vibrant-fresh-and-modern-meet-the-newly-branded-zest","status":"publish","type":"blog","link":"https:\/\/zestmeup.com\/en\/blog\/vibrant-fresh-and-modern-meet-the-newly-branded-zest\/","title":{"rendered":"Vibrant, Fresh and Modern \u2013 Meet the Newly Branded Zest"},"content":{"rendered":"\r\n<div class=\"wp-block-group alignfull blog-2025-header\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h1 class=\"wp-block-heading\">Vibrant, Fresh and Modern \u2013 Meet the Newly Branded Zest<\/h1>\r\n\r\n\r\n<h2>TAGLIST BLOCK<\/h2>\t\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n<h2>Automatic H2 List Table of Content<\/h2>\r\n\r\n<h2>Author Metadata<\/h2>\r\n\r\n\r\n<p><\/p>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n\r\n\r\n<div class=\"wp-block-group recap-wrapper\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\r\n<p><strong>Le r\u00e9cap de l&#8217;article<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Since the beginning, Zest has changed dramatically, but our visual identity has stayed the same. Discover the journey behind the rebranding of Zest and its reflection onto our new website and solution interface.<\/p>\r\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><\/div>\r\n\r\n<p class=\"big-green-p\">Over three short years, Zest has entered, influenced and triumphed in the employee engagement market. We\u2019re a forward-thinking, progressive company with a mission to deliver our customers an innovative, integrated solution to team engagement. Since the beginning, we\u2019ve seen huge growth and evolution, but our visual identity has stayed the same.<\/p>\r\n\t\t\t\t\t<div class=\"gap12\">\r\n\t\t\t\t\t\t<div class=\"croissant\">\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>In mid-2018 we embarked on a six-month project to rebrand Zest. In such a rapidly developing market, we needed a more modern, fresh and impactful identity to stand out. Our product, messaging and market poisoning had evolved, but our brand was stuck in the past.\r\n\r\nStarting with an evolution of the logo, font and color palette, and finishing up with a new website, solution interface, sales collateral and all external communications, Zest is proud to have achieved seamless brand consistency across every touch point.\r\n\r\nOfficially launched last December, here we are to explain the journey behind Zest\u2019s new visual identity.\r\n<h3><strong>Internal talent for the win<\/strong><\/h3>\r\nHere at Zest, we practise what we preach. With our strong focus on career development and skill acquisition, we turned to the best people to do the job of rebranding Zest: our internal design team.\r\n\r\nUsually geared towards creativity on the product front, our team of design experts led the charge in the initial rebranding stages. With unrivalled knowledge of our solution, our customers and our mission, they were the top choice for the challenge.\r\n<h3><strong>One pre-requisite: evolution<\/strong><\/h3>\r\nSince day 1 of this project, we had one pre-requisite: the rebrand had to be an evolution of Zest\u2019s previous identity. We have a strong customer base and dominant position in the market, therefore the success of Zest 2.0 needed to be built upon these inherent strengths. That meant keeping the name (we\u2019ll always be Zest!), similar colors (a vibrant green paired with a deep dark hue), and our renowned smile built into the logo.\r\n\r\nThe team began devising a design strategy that would stay true to the core meaning of Zest.\r\n<h3><strong>Say cheese<\/strong><\/h3>\r\nZest\u2019s first logo was created when the company launched in 2015. From the beginning, the identity was designed to be playful and fun. This is primarily illustrated through the smile in the logo, reflecting happiness at work and the promise of fulfilled employees.\r\n\r\n<img decoding=\"async\" class=\"wp-image-1684 size-full aligncenter\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype.jpg\" alt=\"\" width=\"880\" height=\"240\" srcset=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype.jpg 880w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-300x82.jpg 300w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-768x209.jpg 768w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-360x98.jpg 360w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-200x55.jpg 200w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-560x153.jpg 560w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-144x39.jpg 144w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-648x177.jpg 648w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/1.-Zest-Old-Logo-Isotype-720x196.jpg 720w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/>\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\">Historic Zest logo and Isotype.<\/p>\r\n\r\n<\/div>\r\nHence, the smile became an essential part of our identity. However, there was a problem; many people didn\u2019t associate the upward arc under the letter \u2018e\u2019 as a smile. It was confused with many things: the curve of a lemon, the flick of a pen, a piece of citrus peel\u2026 among other things. We realised we had a problem if our most important visual element was unclear.\r\n\r\nA second problem was the design of the old identity \u2013 the logo felt outdated and the choice of color palette was hard to apply effectively. Overall the branding was difficult to standardize and not powerful enough for the highly competitive (and saturated!) employee engagement market.Recognising these two issues, we identified it as the way to start our journey towards Zest\u2019s rebrand.\r\n<h3><strong>Setting the fundamentals<\/strong><\/h3>\r\nIt was important that the new logo was a clear evolution of the previous, hence we would stay within some boundaries: the smile under the \u2018e\u2019, the dark text and green smile accent, the curve of the \u2018t\u2019\u2026\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\"><span style=\"color: #ff6600;\"><em><img decoding=\"async\" class=\"aligncenter wp-image-2138 size-full\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps.jpg\" alt=\"\" width=\"880\" height=\"480\" srcset=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps.jpg 880w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-300x164.jpg 300w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-768x419.jpg 768w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-293x160.jpg 293w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-110x60.jpg 110w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-458x250.jpg 458w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-144x80.jpg 144w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-648x353.jpg 648w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/2.-Zest-New-Logo-MockUps-720x393.jpg 720w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/em><span style=\"color: #555555;\">Design ideas and progression towards new Zest logo.<\/span><\/span><\/p>\r\n\r\n<\/div>\r\nEarly on we choose Averta as Zest\u2019s new font and based the new logo around this typeface. The letters \u2018z e s t\u2019 are customized from Averta; the subtle changes to the font can be observed in the rounded corners and smoothness of the letters.\r\n\r\nAfter many iterations, we\u2019re proud to introduce Zest\u2019s new logo:\r\n\r\n<img decoding=\"async\" class=\"aligncenter wp-image-2142 size-full\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/Old-to-new-merge-for-website-blog.gif\" alt=\"\" width=\"880\" height=\"440\" \/>\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\"><span style=\"color: #555555;\">Zest&#8217;s new logo, a clear evolution from the old one.<\/span><\/p>\r\n\r\n<\/div>\r\nWith our new font reflected in the logo, we\u2019d achieved the first tick on the consistency check list. We decided to use Avera everywhere as the single font across all mediums. The choice to use just one font came down to two things: consistency and simplicity. With these two adjectives at the heart of the rebrand, it made sense to source one clean, modern font. The freshness of a Grotesque font, including the roundness of the letters, boasts an organic and friendly shape, aligning with Zest\u2019s own approach.\r\n<h3><strong>Decoding the colour palette<\/strong><\/h3>\r\nTo stay on the evolution path, we thought it important to keep green as our primary colour. Associated with vibrancy, freshness and, of course, citrus, green is the perfect reflection of the spirit of Zest. Our original green, whilst more citrussy, was highly tinged with yellow, making it a difficult color to use in large quantities (important for marketing purposes) and not very calming to the eye. By adding a touch blue, we created a dynamic vibrant green which still contained the energy of the original.\r\n\r\nThe same was done for the rest of the palette; the dark purple morphed to a deep, slick navy blue, a great contrast to the green and used in most text instances. The other colors, primarily for use in the solution interface, were chosen to compliment the green and navy. We derived a palette of colors that would blend together in varying instances to allow for multiple applications and thus achieving a secondary palette of striking gradients.\r\n<h3><strong>The impact of an isotype<\/strong><\/h3>\r\nTheisotype, which is often used as a standalone identifier, is comprised of a stylised square with rounded corners in the new Zest green colour, and sitting inside it is the smile form, a reflection of the shape making up the bottom of the letter \u2018e\u2019.\r\n\r\n<img decoding=\"async\" class=\"aligncenter wp-image-2172 size-full\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1.jpg\" alt=\"\" width=\"880\" height=\"480\" srcset=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1.jpg 880w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-300x164.jpg 300w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-768x419.jpg 768w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-293x160.jpg 293w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-110x60.jpg 110w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-458x250.jpg 458w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-144x80.jpg 144w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-648x353.jpg 648w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/4.-Isotype-1-720x393.jpg 720w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/>\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\"><span style=\"color: #555555;\">On the left; Zest&#8217;s new isotope. On the right, secondary meanings.\r\nTop: Conversations bubble, feedback focused. Bottom: Lemon achieved with a 45<\/span>\u00b0 counter-clockwise rotation.<\/p>\r\n\r\n<\/div>\r\nThe new isotype is an obvious evolution of the previous, however we have built upon the outer abstract shape to give it more meaning. It strives to reflect a message bubble (emphasising our focus on communication), a feedback icon (a core feature of Zest), and as a bonus, when rotated 45\u00ba counter-clockwise, it takes the form of a lemon; a subtle mention to our origins.\r\n<h3><strong>A superior website \u2013 CosaVostra style!<\/strong><\/h3>\r\nOnce the core brand elements were defined, we needed to roll out the new branding to our most important marketing element: our website.\r\n\r\nSharing more than just a lunchroom, we choose to outsource the design of Zest new website to office neighbors and creative design agency, <a href=\"https:\/\/www.cosavostra.com\" target=\"_blank\" rel=\"noopener\">CosaVostra<\/a>. From Day 1 there was strong alignment between the teams; Zest\u2019s clear vision complimented CosaVostra\u2019s creative approach. This, coupled with the teams\u2019 physical proximity, made it an obvious and smart decision to work together.\r\n\r\nExperts in UI and UX, CosaVostra designed a state-of-the-art website, targeted towards the B2B SaaS market. The new Zest website showcases a fresh look, with custom-made illustrations, a responsive and easy-to-navigate design, and a strong focus on thought leadership. A dedicated Content Hub is updated regularly with industry news, articles and educational resources.\r\n\r\n&nbsp;\r\n\r\n<a href=\"https:\/\/zestmeup.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2153\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG.jpg\" alt=\"\" width=\"880\" height=\"480\" srcset=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG.jpg 880w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-300x164.jpg 300w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-768x419.jpg 768w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-293x160.jpg 293w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-110x60.jpg 110w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-458x250.jpg 458w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-144x80.jpg 144w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-648x353.jpg 648w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/5.-Website-ENG-720x393.jpg 720w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/a>\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\">Zest&#8217;s newly branding website homepage.<\/p>\r\n\r\n<\/div>\r\nAnd to perfectly round up the partnership, CosaVostra are experiencing Zest\u2019s solution first hand; boosting engagement within our own team since trialing the product in December.\r\n<h3><strong>The cherry on the branding cake<\/strong><\/h3>\r\nFinally, Zest\u2019s new identity is in the process of being reflected into our solution itself. Over the new few months, a roll-out of the new branding, across both web and mobile, will provide users with a complete new interface, improving user experience and creating seamless brand consistency.\r\n\r\nStay tuned for updates on our product strategy, centred around an optimised design system.\r\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-2177 size-full\" src=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image.jpg\" alt=\"\" width=\"880\" height=\"480\" srcset=\"https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image.jpg 880w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-300x164.jpg 300w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-768x419.jpg 768w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-293x160.jpg 293w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-110x60.jpg 110w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-458x250.jpg 458w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-144x80.jpg 144w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-648x353.jpg 648w, https:\/\/zestmeup.com\/web\/wp-content\/uploads\/2019\/02\/6.-Product-Image-720x393.jpg 720w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/p>\r\n\r\n<div class=\"img-caption\">\r\n<p style=\"text-align: center;\">Zest&#8217;s new branding reflected into solution interface.<\/p>\r\n\r\n<\/div>\r\n<h3><strong>Zest \u2013 your playground for team success<\/strong><\/h3>\r\nLogo, font, color, collateral, content\u2026 we\u2019re entering 2019 as a completely updated version of Zest, clearly an evolution and maintaining our core essence. Consistent across every touch point, Zest is now more aligned than ever before, creating a seamless experience for the users. Modernized for the B2B SaaS environment, we\u2019re confident Zest\u2019s new identity will propels us ahead of the competition and cements us as a leader in the employee engagement market.","protected":false},"excerpt":{"rendered":"<p>Since the beginning, Zest has changed dramatically, but our visual identity has stayed the same. Discover the journey behind the rebranding of Zest and its reflection onto our new website and solution interface.<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"template":"","blogcategory":[],"class_list":["post-1334","blog","type-blog","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zestmeup.com\/en\/wp-json\/wp\/v2\/blog\/1334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zestmeup.com\/en\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/zestmeup.com\/en\/wp-json\/wp\/v2\/types\/blog"}],"wp:attachment":[{"href":"https:\/\/zestmeup.com\/en\/wp-json\/wp\/v2\/media?parent=1334"}],"wp:term":[{"taxonomy":"blogcategory","embeddable":true,"href":"https:\/\/zestmeup.com\/en\/wp-json\/wp\/v2\/blogcategory?post=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}