Product Design Crash Course with Drew Bridewell

Drew Bridewell walks through product design from research to launch, using a bakery case study. You'll see how to map your product, set metrics like selling 100 cookies a day, and hand off designs to engineers in Figma.
Questions this video answers
October 5, 2022
Chapters
Personal development. And personal development is kind of like people help like with their wellness, with their happiness. They're trying to plan things, they're trying to grow in certain areas of their life. So I have an app that serves people that want that sort of service. So you can create an app or an experience for any type of service. So as you think through, like, oh, well, if I wanted to be a product designer, I would want to be solving problems like out in the, out in the world, like you said, bring in water delivery, drone service. Like that would be pretty cool. And I can imagine in the future like pizzas being delivered with drones or you know, even delivery services with Amazon could be delivering like things that we ordered and that would come through and get dropped on our front porch. That stuff's possible. Have you guys heard of Tesla? Have you heard of the electric car? So those, for example, have a lot of different types of services. But the Tesla was created to basically solve a problem out in the industry which is like, oh, no more. We want to reduce the amount of gasoline cars that are being created and we want to try to come up with a solution that has an electric solution so there's no more gasoline on the roads. So all those things had started with a product designer or a visionary coming up with an idea. And the first thing, what do you think people do when they first have a big idea? What's the first thing that you would do? If you have a big idea and you want to start learning about it and start wanting to take action on this idea, you think you design it. What do you think, Jude? Research. Okay, the first one is you would need a, a map. And a map also could be like you said, research, but design is not quite there yet because we need to learn about what it is. So if you had an idea or you had an idea about anything that you wanted to create, the first thing that you would want to do is start learning about it through research and what we'd call like mapping, what I would call mapping to learn. So that could literally be an example of that could be, you write out like, like on a post it note, like all the things. And this is what we would do at our company. So I worked at like, if you heard of Facebook. Have you ever Facebook, Jude? Yeah. Yeah. So we worked at Facebook. There's this company called LinkedIn and all these other companies that I work, worked at, we would just basically have like, you know, hundreds of these little like post it notes and we would start thinking about and writing out like what services or what things need to be done. So when we're thinking about mapping, like you wouldn't go out into a, like a forest or like that you've never been in without a map or you get lost, right? You'd be like, where do I go? What do I do? And when you're thinking about anything that you want to build, the first thing you want to do is research and understand. Like, well, what is, what's the map of this thing that I'm gonna build or thing that I'm gonna think about? So if you said like we could go with your water example, we could go with the one that's relevant for your class, which is the baked goods or have you thought of any other things that maybe you'd want to take on? Not really. Okay. Anything else, Jude, besides the water service? No. Okay. Okay. I'm just trying to think of something that is, that's, that's tangible for. Okay. Maybe stew the bacon. So we have. What were the two names of the Livy? Okay, so maybe it's like their brand. Like Livy and Juniper and Juniper. They are the brand of the baked goods. Of what should we name their, their little company. What should we name it? Cuz you're all the designers, so you get to choose. What would, what would be the name of it? Juniper and Livy's Bakery. There you go. Okay, so yeah, so the, so it's their names and then Libby and Junipers. Okay. Baker. Alright, so we have like the big vision. They need a website, they need a place where people can order from around the world and they're gonna be like gazillionaires. They're gonna make so much because everybody's gonna want to come to their store because they make zigzag baked goods and they're amazing. Right? So okay, well now that we know that, well, where do we start? Well, we need to know like what's all going to be included in this. So one of the parts of the map might be the types of things they bake. Right. So type of baked goods, there could be, you know, cookies, there could be. What other types of things? Muffins. Okay. What else? Pie. Okay. Cake. What else could. What else could they. Cupcakes. Okay. Cupcakes. Okay. Bread and. Bread. Okay. Some. Some sourdough or something. Okay. Banana. Okay, great. So we're already coming up with a lot of things that they could probably have in there. And, and then inside of each of these baked goods they're probably going to need an inventory. Ingredients. Right. So there could be a whole. Whole nother section of the map that has like flour, sugar, milk, maybe chocolate. And you can just keep going. Right. All the list of ingredients. So they're going to need to know that they're probably going to also need to have a way of kind of like a. What I call it, just a budget. Like, how much do they. Do they want to have all these things every single day or like, like all these different types of baked goods every day? Or do they only have certain baked goods, like Mondays and Tuesdays or something? You know, like, what's the cooking schedule? Maybe for different meal times they'll have some different things. Yeah, so like their breakfast menu. There you go. Meal time. So they have like maybe a breakfast, and then maybe the breakfast has like a couple things. Lunch, and then. And then maybe they close, you know, so they're going through and thinking about that. Okay. That could be included in their map. What else. What else do you think that could be helpful for them on their. On their storefront? Where to get the items from? Where do they order the. So they're in. This would be like their distribution or distributions, how they would send it, but their inventory and ordering. Oh, good. So. So they would pretty much need to know, okay, where do we buy these things? Where do we buy these ingredients? And then how do they manage that inventory? And they probably want to make sure, you know, they're good quality ingredients. So they want to have a quality check. Awesome. So now that we know they have inventory, they have a schedule of when they're cooking, they have the ingredients, and they have the thing that people are actually going to be wanting to come to the store and actually buy. So these are kind of like, things that they would need to run their business. Now, what about, like, marketing the business? Like, what are things that you would expect to see to market it? Like, you know, there's like social media. Like, maybe they have a TikTok, maybe they have an Instagram where they're showing photos of their goods and they're getting people to get excited about, oh, I want to. I want to go to that store and I want to buy that thing. I want to buy that big. Good. So. So. So they probably have. That would be considered, like, marketing. Yeah. Have you guys heard of marketing? Yeah. Yeah. Okay, so is this all making sense so far? Like, breaking it down? We're essentially building a little, like, map of all the things that are necessary for this company to work. The same thing goes for any type of business. If you had an idea for a Business, you would just, like, start off with your big idea and you could write it down on a piece of paper, and then you would start to deconstruct it and break it out and break it down. And I mean, we're not even doing any visual design or anything yet, but we're just thinking it through because all of these things are going to make this actually be even possible. Because without all this stuff, this idea of this website storefront, it just wouldn't work. Right. Making sense so far. Any questions so far? It's making sense. All right, cool. All right, so we have marketing, which is like, how things. You sell it, like, how you. How you. So that might be on social media. This might also be the website storefront could also be a part because, like, what's the brand? Have you guys heard of the brand branding before? Have you heard of that word branding? Yeah. So, like. Yeah. What's the vibe, the energy, the aesthetic? How does it look? How does it feel? Feel? That would be considered in the marketing side. So there's the social media, there's the voice and tone, which is kind of like how you kind of like in the. In the morning. Like the. The voice and tone of your facilitators this morning were kind of like, you know, in the first one, there was like, no talking. It was kind of being like kind of taking out his brain and kind of messing around a little bit to set the tone for the. Like, you're. All the energy that he's trying to create in the room is different from, like, you know, what you probably experienced somewhere else. You know, they're trying to have, like, more of a certain way that they do things that's like, almost like voice and tone. Like, because when you start a business or when you have a product or service that you're working on, you get to decide how does it feel? Like, is it hard rock, rock and roll or is it kind of like Zen or, you know, R and B is a pop. Is it, like, what's the energy of it? You get to decide that for anything that you design for. And if you're getting paid to design or to do a service for somebody else, you want to know what kind of style they're looking for, if that makes sense. Yeah. Cool. Okay, so marketing there's then. Now that we know how to market the baked goods store, we need to actually now jump into the roles and responsibilities of whoever it is that makes. So somebody's going to be baking, somebody's going to be make like somebody's going to be maybe managing the inventory. Somebody's gonna be, you know, maybe these two people that are doing the managed inventory and buying all the sugar and the milk and the goods, they might not be the one that is doing the daily baking inside there. They just might not love it. They might not like it. So it's good to understand, like, your team and who you have, who's gonna do the work. So that's a really important part as well. So this. I'm just gonna write team and. Yeah, it's just your team. And I think one thing, one important thing to know is like, in product, in product design, like, you're always gonna be working with a team. You're not. You're mostly not gonna just always do something by yourself. If you are doing like a YouTube channel or a YouTube show and you're starting off small like you would. You would do it probably all by yourself. But like, as you get older and you work with people, like, you'll work with full teams and they'll each have, like, little roles and things that they'll do in this, if that makes sense, too set of their teams. And you want to know, like, oh, there's. And I have another chart over there, which I'll walk you both over there. I'm just going to do a time check really quick. Okay. We have about 30 more minutes of what they would do. So the team. And then so you have team roles and responsibilities. And I'm just trying to give you a crash course and like, what this kind of world looks like. So after you have a map and you've kind of written out all these wild things of what could potentially go on this website. You could also start thinking about. Now we think about design. And design is kind of like how something looks, how it feels, what it. Like, you know, like a website, for example, like, if I was to open up an app, like, you know, all these apps on my phone, if I was to go to like, like this, this app, this is, you know, the actual, like, UX or UI design. And everything that happens inside of here is all inside of this bucket. But in order for this whole app to even, like, work, for it to function or for any other app, like, you know, for Instagram or for Facebook or for Audible or Amazon or any of those apps, that how it looks and how it feels is going to be inside of the design. Design bucket, like what it looks like. But before this could even work, you have to have all these other types of things that are going to make it work. And you would work with a team to figure all those things out and to, like, write them out, to document them, because these are the things that are going to actually help you get to this stage. Does that make sense? Yeah. So now that you have the design stage, what do you think the next thing is? Like, after you design all this stuff, you have all these things that you need to do, what do you think you would do next? After you design it, Start making it functionable. Making it function? Yeah. So you have to build it or execute it or engineer it. I think you have coding classes here sometimes, right? So that's like. That's like the actual. That's this stage execute. But I've made it execute instead of, like, coding because you could be working with a full team and it's not just like. You're not just coding things. You could be inside of a design tool and you're moving, like, pixels around, which I'll show you. I'll show you both what that looks like too. But the execution is actually making it and getting it done. So even if we design a beautiful website for them to come and buy baked goods and see what the baked goods look like, we would still need to actually code and build this website and make it work and make it function and look at it and actually build it. Do it, like, to be able to go that website, you know, Libby and juniperbakery.com we would go to the website and then we would, you know, order the goods and then it would get delivered and fulfilled. Like, we would still need to figure all that. That's all happening in the execution phase. So execution makes sense. Yeah. Cool. And then the last thing, after you have a website, you have designs, you have a map of where you go. Now we need to do is we need to evaluate it and measure it. So these are things that, like, how do you know it's good? How do you know you're making money? How do you know it's actually helpful for all the people that like it? Do they like eating the baked goods or is it not so good? You want to have a moment in time where you can evaluate it and. And have some awareness of, like, is it working or is it not working? And that's kind of like when you were doing the circle, the early morning conversation where everybody was like this, this or that. That's like an evaluation, like, happening right in front of you. So if you have a way to evaluate the design, the map and how you execute the project or the work, then you can know how you can make it better. Because if you don't, if you don't ever ask or you don't ever measure it, you're not going to be able to know if you need to improve it. So the last thing here is you also want to be able to know what success looks like. You just want to start a new business. Is success like $1,000 a month? Is it $10,000 a month? Is it$100,000 a month? If we're gonna make $100,000 a month, then we need to bake more. Bake more cookies. You know what I'm saying? So, like, you need to know, like, when you're first starting out in the map, you'd write down, like, what success looks like. Success is we're gonna sell 100 cookies every single day. And that's our goal. Then when you have that goal, then you can actually design your whole experience and work towards your whole experience and execute it so that you can make sure that you're working towards success. The same thing could go for you want to launch a YouTube video or YouTube show. The map would be, what are the 10 things that you're going to talk about in your YouTube channel? You could write out. That would be your map. You could write out the 10 things that you want to talk about channel. You would have a schedule, like, right, we're talking about schedules and the meal times and the things. Same thing could go for your YouTube channel. And then like ingredients. What are the types of things that you talk about or the types of things you demo or show or present? And then who are your team? You could have a video editor. You could have somebody that just does the talking. You could have, like, when you're doing game development, you could have your scripters, your builders, your storyboarders. Like different people to do different roles. And even the odd man. What's that? The YouTuber odd man out or what's his name? Theodd1sout. Theodd1sout? Yeah. So he, at the end of his video shows, all his team that helped him make those videos. You guys know what I'm talking about? Yeah. So he has very clear roles and responsibilities for all the people that help him do that. But he had to have a storyboard of his show. He designed it with his sketching and all this cool graphics. He executed it with his team. And now he's evaluating and he's now getting a YouTube or his show on Netflix. So that's what success was for him. So he went through this entire process. Is this making sense? Yeah. Is this kind of like, helping get the wheels turning? For what product? Okay, cool. Now we have, like, 23 more minutes, so I want to go to this board, and I want to show you this kind of, like, wild thing over here. So you guys come up. All right. So we were talking about the team, right? The team, the people. So in product design. And I know we were talking earlier, earlier about, like, for that website, the baked goods website, we probably aren't gonna need a huge, like, engineering team. But for the teams that I work with every day, we have, like, I have this, like, kind of graphic that I sketch up where we have people, like, which is like, say we have a little team, and we have engineering on that team with products, people that are making product decisions. We have people that are doing advertising. So when we talk about marketing and sales, we have advertisers, we have designers, which I'm talking about crash course and design. Today. We even have a social media team, like, that's doing just social media. We have marketing, and then we have, like, a content team that's doing content. So those are all, like, different people that we work with as a product designer. And then on the other side of this, we have the processes. So just like in your school, like, right now, you have the schedules that you have throughout the day. Boom, boom, boom, boom, boom. This is considered, in my mind, like a process that your zigzag has created so that you have structure when you come in to the days. So these are kind of like plans. So when you are creating a business or service or a design or a YouTube channel or whatever the service is, you want to have plans so that you can build kind of like a crew or a team or like a little army to help you execute those projects. You know, execution was one of the things right? Then throughout that process, you have all these things. I'm going to go through them real quick. But these are all the things that you will do with the team. Every time you start a project, you'll have what I would call just straight communication. Like, how often do you communicate with the people that you. That you come to school with to be able to get something done? Every day. Every day, kind of. If not, this is something that you'll have to do for the rest of your life. You'll communicate. You'll get better at, like, communication, communicating your ideas so that you can bring people along the journey with you to make things. It just is a thing that you do. You'll need plans, like what we have here, plans, like, across you know, morning, afternoon, lunch, you know all the things that you're doing, you have plans. Then throughout the process, you have opportunities to share knowledge. Like, share the things that. While I'm doing this, this week, and your responsibility is to do this, this, and this. So, like, you would. You need to be able to share knowledge with the people that you work with on a regular basis, then collaboration is another huge thing. Have you guys heard of the word collaboration? Collaboration. Have you heard of that? Yeah. So, like, what do you guys think about when you hear the word collaboration? Teamwork. Teamwork. Anything else? You're just a bunch of people, like, working together to do a bigger goal. Bingo. Bingo. So collaboration, when you're working with other people, you need to have communication, you need to know plans, you have ways to transfer knowledge. And then what I have down here is development life cycle. So this is kind of like understanding. Like, to me, this is also kind of like a development life cycle because you know every day what you're doing at certain times and developments. Like when we teach, like when building a website or a product or a service, you have to tell the engineers exactly what to do. So they're not just like developing something random or something that nobody understands. You tell them exactly what needs to be built, and the only way that they can know what they can build is that they have designs. So up on the map, right, we had map execute, which is what we're doing, design. And then we have, or that design stage where we're teaching them exactly what they need to build. And we do that through, like, visual design. And I'm going to show you that real quick. And the whole idea is to create harmony so that everybody's not running around like. Like they're saying in the. In the makerspace that is kind of chaotic sometimes in the makerspace because maybe people don't know there's other things going on. So the goal is to, in product design is to create harmony so that when people are all working together, it's not a hot mess. People are, like, kind of chill and oh, yeah, I know what I'm doing, I know what I'm working on. And that's kind of like the goal of what we try to do when we build products. And this makes, like, this makes, like, feeling more comfy, like this process. Do you have a question? Okay. Oh, yeah. They snuck in here, opened it, and bounced. Yeah. So that's like literally what creates the Apple, The Netflix, the YouTube, all the companies and services that y' all use. Like, these are the things that this framework is exactly what they're using when they're building those products and services. They're doing this. And then this is more about like what we do as individuals. But here I'll open up my laptop and I'll show you examples of this. I'll sit in front of you guys. Connect to the Internet, see if the Internet. Well, maybe the Internet's not here. I just already kind of loaded. It might. All right, now this stuff's probably gonna like blow your. Blow your mind. But like in. So we just built. We just built a product or service called Grand Growth Groups. And Growth Groups is. Have you ever heard of like Google Hangouts or like Zoom? Have you heard of those products? So those bring. Have you heard of Zoom, Jim? Yeah, so yeah, you've taken Zoom classes. So people coming online and having a video chat and just being able to talk to somebody through a video camera. So we built that in entire experience in our app that allows you to have like, do all kinds of other things. So this, this file right here is the web version. So there's a web version and then a mobile version, because the mobile version is phone. And then the desktop version is like what would. What would be seen here? So let me. This. Okay, here we go. Finally connect to the Internet. So. All right, so one of the things that we're working on right now here, here, I'll do the mini player. Okay, so the mini player. So this, this tool right here is called figma. Figma is kind of like the. It's kind of like the. The main design tool right now that like all designers are using. It's F I G M A. So if you wanted to learn more about product design, you could just go to YouTube and type in figma. And figma is free. It doesn't cost money, especially when it costs you. You just use your like Gmail, email or whatever email and you can get in there, you can start doing exactly what we're in doing here. And these, like a designer's role, like opening in like right out of College is a $60,000 a year salary and then it goes up to like $300,000 a year. So just out of school, you could be like after and like you could be making $60,000 a year just designing products and services, just so you know the spectrum of salary and you know what you get paid to do this sort of stuff. So in this experience, we had to design a tool that allowed you, when you're inside of a growth group for this little widget to Follow you around while you're in the website. So we had to have a very basic map of, like, how it worked. And then what we were doing is we designed all these different states of like, oh, we have one person on the video. We have two people joined, three people, four people. Like, what does that look like? And you have to, as a designer, think through all those different cases. And you would do this because this is all pixels. So, like, you know, all these things, I can just move them around and do all, like, whatever I wanted to do with all this things. And we would design out all those different scenarios. And then from a. And this is more like in this. This realm right here, when we hand off, like, these things to engineers to build it, that's this stage that they're executing it. So, like. Like, here's another example. So, like, at the end of a. Of a growth group, like, these little calls that we have, we have a screen that shows up that recommends things afterwards. So all those little states, you design what those things look like, and you set rules and structure for, like, how it should be built. And it's all, like, little. You know, it's just all pixels, like, things that you can move around. And if I was to start, like, a new page, it would just be. Let me just come in here. Like, I would just create a new page, and I'd be starting from scratch. And that's basically, like, that's product design. Any questions? You guys? I guess, worn out. What do you think? What do you think of product design? Yeah, yeah. Right on, right on. So that's. That's like a. Another wild, wild thing. There's also like, these other types of. Like, just in this sense, this looks more like a. More of a map. Like, it doesn't have any, like, visual design, but it's all about, like, telling engineers how something will, like, work if you go from step to step. And then down here is kind of like, oh, well, we got to be able to decide. Like, we have multiple options to choose from. And then basically my job is to decide, like, is it A or is it B? Why is it A or why is it B? You know, when everybody's like this, this, or that, like, you had a facilitator up here telling you, well, why? Or, you know, they're prompting more questions. A product designer also facilitates how something gets decided. That's again, like another example of a product. And then, so that's like a web version of it and then on a mobile version. So, like, all those decisions of, like, oh, there's a video player. There's things you can click on. This is like a course. You know, there's like a plan tool. Like, all these little things are all decided throughout all these apps. So even if I was to go to Amazon, Amazon again, homepage, profile, shopping cart history, all the things that you bought in the past, search. And then they have, like, an inventory. Same thing. Like, when we're talking about ingredients, they just have a ton of ingredients inside of Amazon, but they digitize everything, so it's super easy. This is all product design, so how it all works. And then that would be here. And then put all these things. That's like, essentially the. Yeah, that's essentially 101 product. Hope this was helpful. Yeah, yeah, cool. Sa.










