← The Agile Brand with Greg Kihlström®: Expert Mode Marketing Technology, AI, & CX
The Agile Brand with Greg Kihlström®: Expert Mode Marketing Technology, AI, & CX
#771: Design Systems as a Digital Transformation Catalyst with Nigel Dennis, The Office of Experience
00:28:46
Loading summary
Transcript45 lines
- [00:01]
A
The agile brand.
- [00:10]
B
Welcome to Season seven of the Agile Brand where we discuss the trends and topics marketing leaders need to know. Stay curious, stay agile and join the top enterprise brands and martech platforms as we explore marketing technology, AI, e commerce, and whatever's next for the Omnichannel customer experience.
- [00:28]
A
Together we'll discover what it takes to.
- [00:30]
B
Create an agile brand built for today and tomorrow and built for customers, employees and continued business growth. I'm your host Greg Kilstrom, advising Fortune 1000 brands on martech, AI and marketing operations.
- [00:43]
C
To make sure you always get the latest episodes, please hit subscribe on the.
- [00:46]
B
App you listen to podcasts on and.
- [00:48]
C
Leave us a rating so others can.
- [00:50]
B
Find us as well. Now onto the show. What if the very system you invested in to create brand consistency and efficiency is now the biggest thing, slowing down your digital transformation and costing you innovation? Innovation agility requires more than just speed. It demands a shared language and a foundational framework that allows teams to build, test and innovate without being crushed by the weight of their own complexity. This episode is brought to you by the Office of Experience, a design driven digital first vertically integrated and collaborative agency that believes in the power of ideas and the strength of people. Today we're going to talk about design systems, but probably not in the way you're used to thinking about them. We're moving past the idea of a design system as just a rulebook or a library of components and exploring how it can become a true catalyst for digital transformation, a tool that breaks down silos, accelerates business outcomes, and fundamentally changes how teams work together. To help me discuss this topic, I'd like to welcome Nigel Dennis, Executive Creative Director at the Office of Experience. Nigel, welcome to the show.
- [01:55]
A
Hey Greg, thanks for having me.
- [01:56]
B
Yeah, looking forward to talking about this with you. Before we dive in though, why don't you give a little background on yourself and your role at the Office of Experience?
- [02:04]
A
Yeah, so I've been with the Office of Experience now for about two and a half years. Came in to help shape a lot of the digital practice as far as creative goes and really strengthen this muscle of the team. You know, I come from a very rich background. I've got 20 plus years in the overall creative industry. Started off as an illustrator, working with a lot of advertising agencies, you know, working with art buyers back in the mid 2000s and things like that, and have sort of very traditional background in that sense, and pivoted to digital in the early 2000 and tens and started to explore what's possible there. And I Think that a lot of the kind of resourcefulness that I had to execute against or use at my disposal as a freelancer and as an illustrator has really kind of sharpened my mind in thinking about what's possible from a design system standpoint and really exercising muscles that are kind of under the surface and just require a bit more strategic thinking than maybe I applied in my career in the past and maybe that some designers are applying right now. Yeah, yeah.
- [03:07]
B
And, you know, we've had several guests from the Office of Experience over the. Over the past few years, but for those that might not have caught one of those episodes, why don't we talk a little bit about the Office of Experience and, you know, what specific problems do you solve for clients and who are the typical organizations that you're working with?
- [03:26]
A
Yeah, so we do a lot in the B2B space, a lot of manufacturing, distribution, industries like that. But what I love about our team and what our real capability is being adaptable and being versatile. There's no one problem with one solution for one business or the other. There's nuance that deserves exploration and understanding, and I think our team is well adept at doing that and sort of digging beneath the surface and ultimately uncovering what is necessary, not just for these businesses, but for their customers and making sure that we. We really understand their intent and what drives them. You know, I think intent and understanding. Intent is kind of the name of the game for. For all things today's episode, honestly. And. And, you know, I think that the Office of Experience is really a special group of people that is willing to go above and beyond. You know, there's so many industries and so many agencies ultimately that kind of look at challenges and balk at them or step away and say, that's not in our wheelhouse or that's not in our expertise.
- [04:29]
B
We.
- [04:29]
A
We have a team that is willing to create specialty amongst itself and, And. And people are willing to stand up, be adaptable, understand that opportunity, and really capitalize and create new expertise. So we're really growing with industry. We're growing with what, you know, what comes to us. And instead of saying no, we are building the skill set and we are building expertise over time. Yeah, love it.
- [04:52]
B
Well, yeah, let's dive in then. And, you know, I want to start from the. The strategic standpoint here and go back to something that I said in the intro is, you know, just kind of rethinking and redefining what design systems really are. And so you've argued that most design systems are built on a Flawed premise. What is that fundamental misunderstanding and what are the hidden costs for businesses that are getting it wrong?
- [05:18]
A
Yeah, I mean, I think that foundation is the thing. And starting from a strong foundation, often, you know, we kind of look at a design system as an extraction or kind of a, an expansion on existing brand guidelines. The irony is that sometimes in most brand guidelines, the digital guidelines or digital digital parts of those brand guidelines are the, are an afterthought. And sometimes we kind of accept that afterthought and kind of paint by numbers and make sure that we're at least, we're accounting for fonts, we're finding, accounting for colors, for logos. And we've got a foundation kind of at its, at its basic sort of definition. But we add other layers of logic. We account for growth and scale. You know, there's, there's a lot of clients we work with. There's the utopia of, of having a system that can support them for five years, 10 years, those things are possible, but we've got to think about them a little bit differently and be flexible and really build those foundations out to be more meaningful than they really are right now. So going beyond the sort of superficial and what we can see in front of us and preparing for that scale over time is ultimately the goal.
- [06:27]
B
Yeah, yeah. And so to do that, you've talked about three mental shifts that need to happen. So moving from constraint to enablement. Can you walk us through those shifts and why they're so critical for unlocking the real potential of a design system?
- [06:45]
A
Yeah, for constraint enablement. You know, the, the idea there is, is we, we often look at a set of rules and say, no, we can't do that, or, or no, the system doesn't allow for that. There are more than enough tools at our disposal to say anything is possible. I think enabling our teams to have greater understanding of intent for the designs for our teams to. I'm going to touch on this a little bit later, but for creative teams to think like engineers, really understanding what feasibility looks like and challenging the norm or the expectation for what that feasibility can get us in its current state, and really creating an environment where people can thrive and build out systems that are sustainable and strong. Ultimately my goal as a leader is to create pathways for people to succeed instead of trying to work through them and encouraging resourcefulness, encouraging teams to explore what's possible, thinking about the rigor that needs to go into a system. You know, you kind of peel the onion or pull the thread, whichever analogy you want to use, and a bunch more show up, but it's really being unafraid of that and enabling an environment and creating an environment where people can explore and challenge those norms and come to a shared understanding and a shared vision a bit more appropriately.
- [08:01]
B
Yeah, and you mentioned getting designers to think more like engineers and maybe vice versa. Even in your experience, what's the biggest barrier to doing that? You know, to creating kind of this, this cross functional fluency and you know, how might someone start down that path?
- [08:19]
A
Yeah, I think it's ultimately, it's going to sound really reductive and really simple, but I think it's vision and shared vision. You know, at the end of the day, our name is going on everything and controlling the things that we can control and creating a pathway for us to be successful together. I think, you know, an engineer to understand the intent, the UX intent of a component or a module or a feature on a site, getting or an app, whatever the digital solution might be, or getting a designer to think around engineering constraints. You know, we live in an era where vive coding makes almost anything possible, at least at a prototype phase, but really forcing our designers to kind of get in the shoes of an engineer and really be empathetic to what they're up against or what they might be trying to accomplish on their end. Right. There's constraints that we might not be aware of as designers. You know, I've worked with creatives in the past who had, you know, difficulty kind of sharing a vision on our own side of the fence. And oftentimes the greatest solution is going to get a beer with somebody and understanding what makes them tick. And you know, the vision I think is, again, it sounds incredibly simple, but I think it is a big glaring gap in a lot of teams and internal, at agency level, there is a lack of vision that can really get in the way in that shared vision. Understanding what we're all building, what we're working against and having that shared vision for the work is really the key. Yeah.
- [09:52]
B
You've mentioned a few other concepts of intelligent foundations and token systems for those listening who may not either have run across those terms or may not be in the weeds technically. Can you explain what those mean in simple terms and maybe give an example of how one small change can create a big impact?
- [10:18]
A
Yeah, there's a couple ways that we've been sort of watching these tools like Figma enhance their abilities over time. A lot of what Figma is doing is in reaction to code bases. So it is, it is forcing us as designers to think like engineers and you know, what we've seen over time is we've gone from simple styles that have existed in, you know, Quark and InDesign, right? And kind of repurposing a lot of those same principles for a digital world. Those are really good. And we can kind of again have a digital articulation of those brand guidelines that has some governance built into it, because there's no guessing. We've had those foundations, we've had them at our disposal for years. And the wonderful thing about the pivots that have been made around the technology, a, the fact that it's all cloud based and it's web based and we can work remotely and build these robust systems together as an enhancement. But we've also got the idea of tokenization. So tokenizing our styles and our approaches at a, at a numeric level and a font family level, a color hex level, a mode level, right? So we can build these things intelligently across multiple breakpoints, all of those things. And, you know, when we have the concept and the ability to create primitive tokens in a tool like Figma, that is where our brand exists. That's where our typography exists, our core colors. In the semantic system, you give purpose to all of those colors. So essentially you're creating rules for a primary brand color to exist only in these places. So when you're building that component, you can say, okay, my CTA or button background, I assigned my brand color to that. It will always be that until I create another rule, my brand color changes from red to blue. One day we decide to go with a rebrand, whatever it might be. I'm only changing that in one place. And the second I change that in one place, it cascades everywhere else I've applied it. So it sounds like a very simple concept and it's not a novel one. This is something that exists for a lot of teams right now. But what we've encouraged our team at OX to do is build those intelligent foundations early. We are better designers when we work with the set of rules early. It sounds like a nightmare for a lot of designers, but when we put constraint on creatives, we actually do pretty well. Sometimes a constraint is only a timeline, but when we put real constraint and rules around the elements that we're working with, not the vision, pushing people to think beyond from a design perspective is always paramount, but we've got the constraint and rigor behind the tokenization of our system. We create exponential possibility and making updates over time. So creating those flexible systems I talked about for years to come.
- [13:12]
C
Still jumping between tools just to update your website. Framer unifies design, CMS and publishing on one canvas. No handoff, no hassle, everything you need to design and publish in one place. Framer already built the fastest way to publish beautiful production ready websites and it's now redefining how we design for the web with the recent launch of Design Pages, a free canvas based design tool. Framer is more than a site builder, it's a true all in one design platform. From social assets to campaign visuals to vectors and icons, all the way to a live site, Framer is where ideas go live, start to finish. Framer is a free full feature design tool. Think unlimited projects, unlimited pages, unlimited collaborators and all the essentials ready to design, iterate and publish all in one tool. Start creating for free@framer.com design and use code Agile for a free month of framer pro. That's framer.com design and use promo code agile framer.com design promo code agile Rules and restrictions may apply if you listen to the Agile brand, you're here because you want to lead. You want insights to help you build smarter experiences, stronger brands and customers who keep coming back. That's why you are going to love SimplyCX, a brand new podcast from Microsoft hosted by Nicole McKinley, Microsoft's global customer experience lead, SimplyCX takes you inside the conversations that are shaping the future of customer experience and engagement. Each episode features industry experts and business leaders from companies like CarMax, TD bank and T Mobile exploring the innovations transforming CX. We're talking omnichannel journeys that actually connect AI, that enhances human connection and how culture, collaboration and technology can work together to deliver trust, personalization and scalable growth. If you lead cx, influence CX or simply want to understand how the most admired brands stay ahead, Simply CX belongs in your rotation. Hear real stories, practical lessons, and the innovative strategies that will define the next era of customer centric success. Elevate the way your organization connects with the customers who matter most. Start listening to Simply CX every other Tuesday wherever you get your podcasts, and follow host Nicole McKinley on LinkedIn to keep the conversation going.
- [15:34]
B
So let's talk about how we measure success with this as well. And you know, traditionally success for a design system might be measured by adoption rates, brand consistency, things like that. Are there additional ways of measuring as well, like things related to business impact and if so, you know, what are the right KPIs and just what's the right approach to think about it?
- [15:59]
A
Yeah, ultimately you know the biggest benefit to this is speed to market is, is obviously the biggest, biggest impact point. You know, your, your team coming up with the new feature is no longer hindered or, you know, they're no longer kneecapped by not having the flexibility of a design system to support that. Right. You see it all the time. You see a brand develop a new product feels wildly different than anything else in their sort of portfolio. But you're seeing companies like Coinbase, for example, start from a really strong foundation. So when they build out new versions of their wallets, whatever it might be, it feels cohesive, it feels coherent and it feels connected to one single ecosystem. The other part of it is just sort of legacy understanding of the design system. You build these rules, you build this intelligence into the system. You bring in new designers, you bring in new people on the team. There's no longer weeks of onboarding. Right. The intelligence is built into it. Of course there's understanding that's going to have to happen. But you build that intelligence into the system, there's less guesswork. You're building out that foundation for them to understand. So, you know, there's all measure of efficiency. I think that's the name of the game here, is being able to build a system that can scale over time across multiple products. Whatever it might be, whatever vertical you decide to go in, you're creating a living, breathing digital articulation of what your brand guidelines always should have been in practice. And you're building them with the technology that you've got. Yeah, yeah.
- [17:37]
B
And of course a critical part of this also is, is getting started. Right. And so, you know, as we were prepping for the show, you outlined a four week framework to get started. Obviously we don't have time to go through all the whole thing, but also a reason to contact office of Experience.
- [17:55]
A
Of course, but we're happy to walk you through it.
- [17:58]
B
Right. But why don't you give us a sneak peek of like the Week 1 playbook and you know, who needs to be there and what that include?
- [18:06]
A
Yeah, I mean, you know the. I'm a big believer in self awareness and self sufficiency and resourcefulness when it comes to being a designer. Being a self starter sounds like a no brainer. You hear it, you know, when you interview somebody, oh, they seem like a self starter. But what does that really mean in this context? I think it takes passion and vision as a, as a sort of, you know, leadership skill. Identifying someone on the team who has a passion for this, who has potential, who has the right demeanor, or conviction around this kind of excellence in the work. Identifying someone who already sort of has the inclination to want to see the success of a system like this, empowering them to take lead, empowering them to form the idea and the plan in their own minds for success. They're utilizing the tools, they're an expert, capitalizing on that and really giving them space to take ownership over the success of that system. The other side of that is finding an engineer who has the same shared passion. You're seeing designers who are starting to nerd out and geek out over the organization of their design systems. And it's a beautiful thing to watch. We've got everyone on our design team is doing it, and I am sitting back watching them work through these systems, and it's really satisfying. It is finding someone on the engineering side that has that same shared passion, who has the desire to understand the design intent. I worked with a developer years ago, and this is not to knock engineers, but I worked with a developer years ago who, you know, was arguing for weeks over the color blue we were using on some designs. This is not at Office of Experience, by the way. This is another gig, you know, arguing for weeks over the color blue. And, you know, the real problem is, is kind of an inability to understand the vision and why it matters that we are doing what we are doing. There's accessibility, ramification, ramifications. There's all kinds of things to consider. But I think creating that partnership is part of that initial starting point. Right? Taking a look at sort of identifying the problem that exists for both of you as a designer and as an engineer, say, this is what I'm up against as a designer. This is what I would love to see change and the success I'd love to see. And then the same for the engineer. It's a very empathetic kind of symbiotic relationship where your success is predicated on the other. And that's kind of a great leadership position too, depending on those that you need to, because you have the self awareness that, hey, I need to get this over the finish line. I can't do this on my own. How do I empower that person to have the same shared vision as me? So in the same way we created writer and designer partnerships, you know, back in the day, traditional agency model, we need to be doing the same with engineers and as creatives, kind of reaching across the aisle and making sure that we have that shared vision. But it's identifying. The first step is identifying those people who can be advocates, who can drive the team who can drive the success around these ideas and make them happen. Implementation can come in many forms. It can start very small at a feature level. Right. You take maybe one component of your system and kind of rectify it against these ideas. But it is really about finding. Finding the right team that's. That's passionate about seeing the success of the work. Like this. Yeah, yeah.
- [21:21]
B
And then in addition to that.
- [21:26]
C
Another.
- [21:26]
B
Ultimate measure of success is a sustainable approach and something that is able to handle complexity and growth and change. And so maybe taking a look at a complex area, one that office of experience works in quite a bit. B2B.E commerce, you know, intricate product catalogs, varied user roles, all of the above and more. You know, how does a. How does a modern flexible design system help a brand in a space like that stay competitive and kind of outmaneuver other competitors who are stuck with a more rigid approach?
- [22:06]
A
Yeah, it's a great question. I think the good news and the interesting news about it is it turns out people like using the Internet in a singular way. So, you know, the. The idea of a B2C versus B2B experience, that line is incredibly blurred. You know, anecdotally, we were. We were sharing some work internally a couple weeks ago, and a colleague of mine leaned over and said, this doesn't feel like B2B. And that's because it shouldn't. You know, it should feel like it has the same flexibility and elegance of any other experience you. You encounter day in and day out, whether it be an app or a shopping experience or just brochureware. We live in an era where we know more about the behaviors of every audience, honestly, to say that the best practices have shifted. We've worked with very robust ecosystems and brand and product architecture that seems to be endless. Endless SKUs, endless product numbers, no imagery. You know, there's all kinds of things that show up. How do you take an experience like that and make it beautiful? We do it by creating the sort of smart foundations I'm talking about. And we, we create it in a way that these companies in a B2B environment, they don't want to spend a bunch of money, you know, redesigning their website. Every three, four, five years, a lot of them come to us and say, hey, we have a new website. We paid to get done two years ago, and we hate it. We can't build anything on it. We don't want to create a situation where the designs and the design systems that we create are creating that same hindrance. And so, you know, you work with those complex systems, you work with the complex needs of a growing business, especially they decide to go into a different vertical. Can our design system support any number of variables? And the answer is yes, because we are building them in such an intelligent and robust way. That is honestly one of the more satisfying things is when we work through these design systems, we look at the variables, we look at the challenges and our ability to meet them through, I wouldn't say minimal effort, but a bit more of a streamlined effort. Because our foundations are so strong, we're able to add features pretty seamlessly. Yeah, yeah.
- [24:20]
B
So as we wrap up here, if we were to have this interview one year from today, what would we definitely be talking about?
- [24:28]
A
About? Oh, man. Well, we'd be talking about how we can, as designers, start to take these design systems and actually implement them in a vibe coding environment. There's so many tools now, especially within figma. Figma make our ability to connect a design system we've created against an idea and build something out. I think it's very exciting. It's again, bridging the gap between design and engineering. I think in a year from now you're going to start to see with tools like Framer, tools like figma webflow, you're seeing these. There's sort of a pendulum that they all swing on and different varying degrees of expertise that require you to work with the tool. What you're starting to see is kind of a blending of that and we're creating designers who understand how to build functional websites. And I think that bridging that gap is ultimately powerful. But I think you're going to start to see, you know, get a lot of portfolios in for, for interviews that say that they're a specific type of designer. I think you're going to start to see designer slash engineer show up in, in a lot of these roles, which is my dream, you know, someone who can, who can do both. But I think that's what we're going to start to see is, is the specialist that the sort of specialized designer or the generalist maybe that has their hands in a lot of different things. I think you're going to start to see engineering, or some level of the very least CSS understanding start to show up over time. But I'm very excited about that future personally. Yeah, yeah.
- [25:59]
B
Nice. Well, Nigel, thanks so much for joining today. One last question for you before we wrap up. What do you do to stay agile in your role and how do you find a way to do it consistently?
- [26:09]
A
Yeah, I mean, I think the best way to stay agile is to assume I know nothing. And I think that going in with the, obviously the level of expertise that I've been able to sharpen over the years, it's made me the creative leader that I am now. Bringing that to every problem and bringing that sort of instinct that, you know, there's a gut feeling at a certain point that starts to exist as you get further on in your career. Having led teams of, you know, 100 plus people in, in the past, bringing that, that, that instinct and, and that gut feeling to the problems that I don't know how to solve in the room and waiting for people who are much smarter than me guide me and help me get to that, that result and leaning on my creative instincts to get there. But that's how I stay agile. I stay agile by empowering those around me to be successful. You know, it's often, often the best place to be when you're the last person in the room to talk, you know, and just kind of letting people, letting people drive the conversation and you know, creating leaders of people around you. Yeah. Love it.
- [27:14]
B
Well, again I'd like to thank Nigel Dennis, Executive Creative Director at the Office of Experience for joining the show. You can learn more about Nigel and the Office of Experience by following the links in the show notes. And thanks again to our sponsor, the Office of Experience, a design driven, digital first vertically integrated and collaborative agency that believes in the power of ideas and the strength of people. Thanks again for listening to the Agile brand. If you enjoyed the show, please take a minute to subscribe and leave us a rating so that others can find the show as well. You can access more episodes of the show@theagilebrand.com that's theagile brand.com and contact me if you're interested in consulting or advisory.
- [27:55]
C
Services or are looking for a speaker.
- [27:57]
B
For your next event, go to www.gregkilstrom.com that's G R E G K I H L S t r o m.com the Agile brand is produced by Missing Link, a Latina owned, strategy driven, creatively fueled production co op. From ideation to creation, they craft human connections through intelligent, engaging and informative content. Until next time, stay curious and stay agile.
- [28:29]
A
The Agile Ground.
- [28:34]
D
Before we continue, I wanted to share a key strategic resource that a majority of the Fortune 500.
- [28:40]
B
Are already aware of.
- [28:42]
D
Finding the best technology, business and talent solutions is not easy. With business demands and competitive pressures mounting, you need to be able to design, deploy and optimize your technology to provide leading customer experiences while driving business growth. Those of you that have been listening to this show for a while know that this podcast is brought to you by Tech Systems, a global provider of technology, business and talent solutions for more than 80% of the Fortune 500. TechSystems accelerates business transformation for their customers. Whether you're looking to maximize your technology roi, drive business growth, or elevate customer experiences, Tech Systems enables enterprises to capitalize on change. Learn more@techsystems.com that's T E K systems.com now let's get back to the show.