NOTE This file was generated by Descript 1 00:00:00,000 --> 00:00:01,410 Hi guys and welcome back. 2 00:00:01,439 --> 00:00:05,790 In this video, let's take a look at the wireframe that I would design if I were 3 00:00:05,790 --> 00:00:07,170 starting this project from scratch. 4 00:00:07,170 --> 00:00:11,090 So as you know, we've got a few cards on our Trello board describing a few 5 00:00:11,090 --> 00:00:12,230 of the things that we want to do. 6 00:00:12,230 --> 00:00:16,490 When I'm starting a project from the very beginning, I do like to have a bit of a 7 00:00:16,490 --> 00:00:20,870 wireframe and a bit of a design that maybe goes a little bit further than just the 8 00:00:20,870 --> 00:00:22,840 cards that we're tackling in this sprint. 9 00:00:22,870 --> 00:00:26,620 The reason for that is because sometimes the amount of work you can do in one 10 00:00:26,620 --> 00:00:30,640 sprint is not really enough to give you a good idea and give you enough 11 00:00:30,640 --> 00:00:34,000 inspiration in your head, as to what you might be able to achieve in the future. 12 00:00:34,210 --> 00:00:37,300 So I do like to go a bit deeper in the design, a bit further in the 13 00:00:37,300 --> 00:00:41,860 design, then normally you would, when your project is a bit more advanced. 14 00:00:41,930 --> 00:00:45,890 For that reason , we've gone and designed the full application and just to save 15 00:00:45,890 --> 00:00:49,610 you time, but as your project gets more advanced and you would start doing 16 00:00:49,610 --> 00:00:51,340 these designs a bit more incrementally. 17 00:00:51,850 --> 00:00:55,150 So, what we've got here is the wireframe and in the wireframe, I've just written, 18 00:00:55,370 --> 00:00:59,210 what the header is, what the footer is and what sort of elements we're going to have. 19 00:00:59,210 --> 00:01:02,720 So you can see we've got the form in there with a button to add a new entry. 20 00:01:02,990 --> 00:01:07,020 We've got the past entries in there, but there's no real design showing: 21 00:01:07,050 --> 00:01:09,900 what things are going to look like, what fonts we're going to use, or what 22 00:01:09,900 --> 00:01:11,500 colors we're going to use, et cetera. 23 00:01:11,790 --> 00:01:15,990 You can do this wire frame by hand and I normally make these wire frames by hand 24 00:01:16,340 --> 00:01:19,380 but obviously, it's not such a good way to do that if I want to show it to you guys. 25 00:01:19,685 --> 00:01:21,205 That's why I'm doing it in Figma. 26 00:01:21,683 --> 00:01:25,423 By the way, if you've never used Figma before, because this is not any 27 00:01:25,443 --> 00:01:30,093 design course, I might recommend that you watch a quick introduction to how 28 00:01:30,093 --> 00:01:32,073 Figma works and some of the controls. 29 00:01:32,233 --> 00:01:34,893 I'm going to leave a link in the resources section of this video. 30 00:01:35,053 --> 00:01:38,053 It's another video made by a guy called Jesse Showalter who is a really 31 00:01:38,053 --> 00:01:41,420 good designer and he's a YouTuber so he makes pretty good tutorials. 32 00:01:41,690 --> 00:01:45,080 You can check that out and then you'll know how to use Figma a little bit better. 33 00:01:45,590 --> 00:01:49,790 In the next video we're going to delve deeper into Figma so I may recommend you 34 00:01:49,790 --> 00:01:53,720 watch that first before you go into the next video where we're actually going to 35 00:01:53,720 --> 00:01:57,590 design the microblog and I show you why I'm making the decisions that I'm making 36 00:01:57,590 --> 00:02:00,290 and how I'm working with Figma on that. 37 00:02:00,800 --> 00:02:02,840 So thank you for joining me for this video. 38 00:02:02,930 --> 00:02:05,990 I hope this wireframe makes sense and I'll see you in the next one.