{"id":27831,"date":"2021-11-26T11:00:06","date_gmt":"2021-11-26T11:00:06","guid":{"rendered":"https:\/\/www.thepicpedia.com\/blog\/adobe\/scaling-fantastic-user-experiences-over-drinks\/"},"modified":"2021-11-26T11:00:07","modified_gmt":"2021-11-26T11:00:07","slug":"scaling-fantastic-user-experiences-over-drinks","status":"publish","type":"post","link":"https:\/\/www.thepicpedia.com\/blog\/adobe\/scaling-fantastic-user-experiences-over-drinks\/","title":{"rendered":"Scaling fantastic user experiences, over drinks"},"content":{"rendered":"
\n

Omnichannel at ZX Venture\u2019s design system utilizes Adobe XD and Adobe Creative Cloud to maintain quality of user experience across brands, continents, languages, and cultures.<\/p>\n<\/p>\n

There\u2019s always been a universal, enjoyable aspect to getting together with your friends and family over beverages. People talk, build relationships, and enjoy the company of others. It\u2019s one of the most time-honored ways of bringing people together.<\/p>\n

As the global head of design, omnichannel at ZX Ventures, DTC Group inside AB-InBev, I rely on design and user experiences to translate this camaraderie to our digital experiences. Our venture consists of startups that sell beer straight to customers \u2014 for example subscription websites, traditional e-commerce websites, or courier apps. It\u2019s an exciting world to be a part of.<\/p>\n

As part of the omnichannel team, my role encompasses product and marketing design, product and marketing, overseeing the numerous ventures and their design teams. I support and advise our portfolio companies from design operations as well as personally designing for them. Supporting our businesses and bringing designs to life would be impossible without a great framework and toolset in place.<\/p>\n

For us, the framework is a design system and templated approach to using it, and the toolset is Adobe XD and Adobe Creative Cloud. With this approach, we\u2019ve been able to effectively scale our work and maintain quality and consistency of experience across dozens of different brands \u2014 working across continents, languages, and cultures.<\/p>\n

Using design systems to manage dozens of brands<\/h3>\n

When overseeing a portfolio of early stage businesses, it is important to prioritize more than 20 brands \u2014 we\u2019re essentially popping in and out of our various businesses at any given time and solving problems and helping however we can. Our job is to ensure that each brand stays true to its vision and what makes it special, while also staying consistent with the overall branding and quality standards of ZX Ventures and Anheuser-Busch.<\/p>\n

We have a master ZX Ventures design system, which we use as a template for each brand we invest in \u2014 this template provides us with a brand foundation when building digital experiences, a way to avoid any redundancies (why build a new button when you have a great one already?). Additionally, having this template and sharing it with each brand gives them and us a chance to build on top of our central vision to create something truly unique. We achieve this personalization in two key ways.<\/p>\n

First, we use data from existing ventures to inform how our design system visually communicates the value proposition of a specific brand; this will then be constant in each single application for that brand, going forward. We then identify any variables \u2014 like colors, logos, and copy \u2014 that we curate for a specific culture market or business type. For instance, while copy changes from language to language, the tone and general layout remains the same; while the logo template is constant across different businesses, the brand name will differ.<\/p>\n

Second, we rely on iterative testing to make sure we get it right. Every time we bring a product or design system to market, we rely on A\/B testing to determine what\u2019s working and what\u2019s not. We map out our certainties, doubts, and assumptions \u2014 then, we establish which design decisions we made on data and which ones we made on assumptions. For example, we recently tested lifestyle or product imagery to see what content performs better and how that can inform other design decisions made on assumptions. You could say we are slightly obsessed with testing.<\/p>\n

We\u2019re also addressing the inevitable challenges in language created by working with so many diverse teams. At the moment, we design in English and then get either a product manager or local designer to translate into the local language, which takes time and requires a lot of testing after the fact. Since having more designers who speak Spanish or Portuguese is vital, we\u2019re hiring more designers in Mexico and other Latin American countries.<\/p>\n

Simultaneously, we\u2019re establishing standards for linguistics. For instance, we want to enshrine our tone of voice for UX and the consistency of copy for calls to action.<\/p>\n

A UX designer, for other UX designers<\/h3>\n

Our work with our various ventures and their individual designers takes a very bottom-up approach \u2014 we are here to be the problem solvers and support. Designers and founders come to us with their biggest challenges, and we solve them collaboratively. Together, we identify patterns in their problems and then find a solution for those problems.<\/p>\n

To do this, we follow a three-step process:<\/p>\n

Evaluate the symptoms
\nIdentify the root cause of the problem
\nBuild out a program to address the design problem<\/p>\n

For example, in one case, we determined that one of our brand\u2019s designers was spending too much time manually choosing their primary colors and fonts since nothing was standardized. This is a case where the solution was to use our templated design system, creating a custom design system for this brand, to maximize efficiency. For another brand, however, we created simple UI kits for already existing experiences, allowing us to update some of the user interfaces on their websites.<\/p>\n

Overall, our design systems have led to massive time savings and increased productivity for our individual designers. For example, one designer was able to reduce her design time by 50 percent and onboard her intern in just one hour.<\/p>\n

Leaning on Adobe XD to do the heavy lifting<\/h3>\n

Working with many different designers, scattered in teams across different countries (many of whom are now working from home), we need a solid tool we can count on that would help us realize our vision of a central design team, ensuring brand consistency while also empowering individual brands to be unique. For us, that is Adobe XD.<\/p>\n

For our team, the biggest benefit is the many collaboration capabilities in XD. Since we\u2019re dealing with different time zones and different parts of teams, it\u2019s crucial for us to clearly and quickly see what we\u2019re all working on. To that end, using Creative Cloud Libraries has been a huge help, too \u2014 we\u2019re always going from Illustrator to Photoshop to XD in our workflows.<\/p>\n

For example, on the Creative Cloud library panel, when I need to copy our master design system and create a new one, I can do that in just one click. In my new design system, I can then change things like colors for the links. By changing these colors in the assets panel, XD applies the change to each instance of it in the design document, saving us massive amounts of time.<\/p>\n

Uniting people through great digital experiences<\/h3>\n

With our work at ZX Ventures, I believe we are bringing people together and helping our designers do great work, wherever in the world they are or whichever ventures they\u2019re working at. The cool thing about my role is I get to support other designers \u2014 as they improve their skill set, it helps our businesses grow as well. I find this super empowering.<\/p>\n

Ultimately, I believe this results in better digital experiences for our customers, too \u2014 like great drinks at a party, great digital experiences go a long way in connecting people, especially when we can\u2019t all be together in person.<\/p>\n

\"Photograph<\/p>\n

ZX Ventures & Z\u00e9 Delivery Designers in S\u00e3o Paulo, Brazil. Left to Right: Diego Carrion, Fernanda Magalhaes, and Ot\u00e1vio Sueitt.<\/p>\n<\/div>\n

Source : Adobe<\/p>\n","protected":false},"excerpt":{"rendered":"

Omnichannel at ZX Venture\u2019s design system utilizes Adobe XD and Adobe Creative Cloud to maintain quality of user experience across brands, continents, languages, and cultures. There\u2019s always been a universal, enjoyable aspect to getting together with your friends and family over beverages. People talk, build relationships, and enjoy the company of others. It\u2019s one of …<\/p>\n","protected":false},"author":1,"featured_media":27834,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/27831"}],"collection":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/comments?post=27831"}],"version-history":[{"count":1,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/27831\/revisions"}],"predecessor-version":[{"id":27835,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/posts\/27831\/revisions\/27835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/media\/27834"}],"wp:attachment":[{"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/media?parent=27831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/categories?post=27831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thepicpedia.com\/wp-json\/wp\/v2\/tags?post=27831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}