1 00:00:00,000 --> 00:00:09,594 [MUSIC] 2 00:00:09,594 --> 00:00:13,800 Hello everyone, my name is Daniel, I'm a content producer here at treehouse. 3 00:00:13,800 --> 00:00:15,823 In this video I wanna take you along for 4 00:00:15,823 --> 00:00:20,490 my design process using generative AI to help complete a web design project. 5 00:00:20,490 --> 00:00:23,532 This video is a follow-up to AI Tools for Designers, 6 00:00:23,532 --> 00:00:27,331 a video where I introduce the tools you'll see me leverage today. 7 00:00:27,331 --> 00:00:30,867 That video will be linked in the teacher's notes below if you would like to 8 00:00:30,867 --> 00:00:34,137 check it out, but with that said, let's go ahead and get started. 9 00:00:34,137 --> 00:00:36,893 We're gonna begin this project in ChatGPT. 10 00:00:36,893 --> 00:00:40,597 I wanna start off by saying I haven't pre-work any of this beforehand, 11 00:00:40,597 --> 00:00:43,580 everything I'll be doing is in the moment as we go. 12 00:00:43,580 --> 00:00:47,373 So we could get some wacky or off responses from these AI tools, but 13 00:00:47,373 --> 00:00:49,556 that's just all part of the process. 14 00:00:49,556 --> 00:00:51,408 But together and with a few iterations, 15 00:00:51,408 --> 00:00:54,034 we're gonna come up with this entire project together. 16 00:00:54,034 --> 00:00:58,261 So to get started, not only will I have ChatGPT help us come up with our design 17 00:00:58,261 --> 00:01:01,914 direction, but I'll also use it to plan our project in general. 18 00:01:01,914 --> 00:01:06,644 So in ChatGPT we'll start with our first prompt. 19 00:01:06,644 --> 00:01:11,064 So let's us create a project brief, I will be building a website designed for 20 00:01:11,064 --> 00:01:12,628 a client who owns a bakery. 21 00:01:12,628 --> 00:01:16,943 I will be designing the homepage, I would like to brief to include a name for 22 00:01:16,943 --> 00:01:19,145 the client and their business brand. 23 00:01:19,145 --> 00:01:24,066 A goal that the business has in mind, a short user persona for their customer, 24 00:01:24,066 --> 00:01:26,537 and a short user persona on the client. 25 00:01:26,537 --> 00:01:29,387 Let's submit that and see what ChatGPT comes up with. 26 00:01:36,333 --> 00:01:38,976 Okay, while it's generating everything we ask for, 27 00:01:38,976 --> 00:01:42,088 let's start off by reviewing the business goal for our client. 28 00:01:42,088 --> 00:01:45,999 So our client's goal is to establish an online presence that showcases 29 00:01:45,999 --> 00:01:50,252 Bella's Artisan Bakes unique offering of handcrafted pastries and bread. 30 00:01:50,252 --> 00:01:53,578 Thereby driving foot traffic to the physical store and 31 00:01:53,578 --> 00:01:58,639 increasing online orders by 20% in the next six months, this is a solid start for 32 00:01:58,639 --> 00:02:02,346 sure, but let's check out the rest of our generated brief. 33 00:02:02,346 --> 00:02:05,708 Here we have a user persona for a customer at our client's business. 34 00:02:05,708 --> 00:02:10,109 The persona is for Sarah Jenkins, a 28 year old marketing executive. 35 00:02:10,109 --> 00:02:13,520 Sarah is a food enthusiast who values quality ingredients and 36 00:02:13,520 --> 00:02:15,297 the authentic homemade taste. 37 00:02:15,297 --> 00:02:19,725 While she is tech savvy and prefers to research eateries online before visiting, 38 00:02:19,725 --> 00:02:22,817 she appreciates the traditional feel of a local bakery. 39 00:02:22,817 --> 00:02:25,626 She often entertains friends and family at her home and 40 00:02:25,626 --> 00:02:29,119 is constantly in search of the best pastries to serve to her guests. 41 00:02:29,119 --> 00:02:34,144 And Sarah's goals are, find a reliable bakery that offers unique and 42 00:02:34,144 --> 00:02:38,243 delicious items, easily browse through a menu online. 43 00:02:38,243 --> 00:02:41,300 Understand the story or uniqueness of the bakery. 44 00:02:41,300 --> 00:02:45,650 Next, we have the user persona for our client, Isabella Thompson, 45 00:02:45,650 --> 00:02:49,862 who is 45 and the owner and head baker at Bella's Artisan Bakes. 46 00:02:49,862 --> 00:02:52,611 Isabella is passionate about the art of baking and 47 00:02:52,611 --> 00:02:55,566 has been perfecting her skills for over two decades. 48 00:02:55,566 --> 00:02:59,623 Having established her bakery five years ago, she's proud of her loyal customer 49 00:02:59,623 --> 00:03:04,400 base, but recognizes the need for an online presence to reach a wider audience. 50 00:03:04,400 --> 00:03:06,004 Though not overly tech savvy, 51 00:03:06,004 --> 00:03:09,964 she believes in the importance of adapting to modern business strategies. 52 00:03:09,964 --> 00:03:12,952 And the goals she has for this project are as follows, 53 00:03:12,952 --> 00:03:16,740 showcase her bakery specialties and entice potential customers, 54 00:03:16,740 --> 00:03:19,941 share the story of how Bella's Artisan Bakes came to be. 55 00:03:19,941 --> 00:03:24,600 Make the website easy to navigate for her customers, ensuring they can quickly find 56 00:03:24,600 --> 00:03:29,142 essential information like the menu, store location, and hours of operation. 57 00:03:29,142 --> 00:03:34,112 Okay, excellent, this is a great start to better understanding our project. 58 00:03:34,112 --> 00:03:36,954 I feel like we got a really useful persona for our client, but 59 00:03:36,954 --> 00:03:40,360 we could create something better for our client's customer. 60 00:03:40,360 --> 00:03:43,993 So let's regenerate that persona again using this prompt. 61 00:03:43,993 --> 00:03:47,580 Rewrite the user persona for our client's customer. 62 00:03:47,580 --> 00:03:51,304 Include a need or reason to purchase from a bakery, upcoming wedding, birthday, 63 00:03:51,304 --> 00:03:53,810 or other personal event of significance. 64 00:03:53,810 --> 00:03:57,373 Include reasons why they want to find an artisan baker as opposed to getting 65 00:03:57,373 --> 00:03:59,307 something quick from a chain retailer. 66 00:03:59,307 --> 00:04:03,541 Remember to include their needs/wants, frustrations, beliefs, etc. 67 00:04:16,861 --> 00:04:21,475 Okay, perfect, ChatGPT is working hard to create a new version of the user 68 00:04:21,475 --> 00:04:23,242 persona for Sarah Jenkins. 69 00:04:23,242 --> 00:04:28,079 The description says Sarah is a discerning food enthusiast who values quality, 70 00:04:28,079 --> 00:04:30,292 authenticity, and presentation. 71 00:04:30,292 --> 00:04:33,740 She is in the midst of planning her mother's 50th birthday party and 72 00:04:33,740 --> 00:04:35,677 wants it to be a truly memorable event. 73 00:04:35,677 --> 00:04:40,101 For Sarah, the little details matter, and this includes the choice of pastries and 74 00:04:40,101 --> 00:04:41,606 bread for the celebration. 75 00:04:41,606 --> 00:04:44,869 Having been disappointed by chain retailers in the past due to 76 00:04:44,869 --> 00:04:47,693 their lack of uniqueness and mass-produced taste, 77 00:04:47,693 --> 00:04:51,598 she's on the hunt for an artisan bakery that can meet her high standards. 78 00:04:51,598 --> 00:04:55,398 Her goals include discover a bakery that can deliver custom and 79 00:04:55,398 --> 00:05:00,645 high-quality baked goods tailored for her mother's 50th birthday celebration. 80 00:05:00,645 --> 00:05:04,720 Find a bakery with a genuine story and passion behind their offerings. 81 00:05:04,720 --> 00:05:09,913 Have a clear understanding of the menu potential for customization and pricing. 82 00:05:09,913 --> 00:05:11,943 We also have some of her frustrations, 83 00:05:11,943 --> 00:05:15,888 such as chain retailers often lack the unique touch and flavor she desires. 84 00:05:15,888 --> 00:05:18,966 And beliefs, like authentic hand-crafted food items, 85 00:05:18,966 --> 00:05:20,738 add a special touch to any event. 86 00:05:25,833 --> 00:05:29,506 Now that we have generated a small brief to provide insights for our project, 87 00:05:29,506 --> 00:05:32,854 I will head over to Google Docs to paste all of this information there. 88 00:05:32,854 --> 00:05:36,809 This step isn't necessary, however, it helps me keep all of our insights in one 89 00:05:36,809 --> 00:05:41,050 central location, making them easier to find and reference later. 90 00:05:41,050 --> 00:05:45,773 Furthermore, you can paste your insights from ChatGPT in a Word doc, 91 00:05:45,773 --> 00:05:48,744 Google Doc, or even a notion, or Coda Doc. 92 00:05:48,744 --> 00:05:51,929 Anything works here and it's best not to get too hung up on this part. 93 00:05:57,407 --> 00:06:02,319 Next, I'm gonna add some of my own simple textiles to create more hierarchy within 94 00:06:02,319 --> 00:06:03,240 our document. 95 00:06:03,240 --> 00:06:08,049 Again, this isn't required, it just helps me stay more organized. 96 00:06:08,049 --> 00:06:11,993 With that said, I'm gonna take a quick moment to get everything pasted into my 97 00:06:11,993 --> 00:06:13,387 doc and style to my liking. 98 00:06:13,387 --> 00:06:17,835 I'll be right back with my finished results, perfect. 99 00:06:17,835 --> 00:06:20,656 My document is well organized and easy to reference now. 100 00:06:20,656 --> 00:06:24,386 It includes the user persona for our client and their target customer, 101 00:06:24,386 --> 00:06:27,448 as well as the business's goals regarding this project. 102 00:06:27,448 --> 00:06:31,752 I think we're ready to jump into Relume's AI site builder to generate our site maps 103 00:06:31,752 --> 00:06:33,790 for our project, I'll see you there.