1 00:00:05,070 --> 00:00:13,140 Why are I so let's go ahead and dive into making this MVP. 2 00:00:13,200 --> 00:00:16,290 This one is going to be called Wait mate. 3 00:00:16,390 --> 00:00:19,040 And basically what it does. 4 00:00:19,140 --> 00:00:29,280 We have our three questions here that we set up to answer to help mold and shape the way we want to 5 00:00:29,310 --> 00:00:32,420 build this app out or design this app out. 6 00:00:32,430 --> 00:00:34,370 So first what is the goal of the app. 7 00:00:34,510 --> 00:00:41,640 It allows you to easily find a spotter's at your gym so let's just say you you workout alone at your 8 00:00:41,640 --> 00:00:47,330 bench pressing and you want to try to go for that last Sat or that last rep. 9 00:00:47,340 --> 00:00:49,620 But you know that you might not be able to make it. 10 00:00:49,770 --> 00:00:57,630 Normally you have a spotter which is somebody generally like a friend or a buddy that is going to pull 11 00:00:57,630 --> 00:01:04,890 the make sure that the weight doesn't fall on you pretty much so the goal of the app is you're going 12 00:01:04,890 --> 00:01:08,180 to connect with people who are going to spot you at the gym. 13 00:01:08,640 --> 00:01:17,850 And we are going to describe this app as if it were a person so I put down here reliable strong and 14 00:01:17,850 --> 00:01:23,450 simple something that you can rely on every time you're at the gym. 15 00:01:23,470 --> 00:01:29,070 It's just that you know from that you can lean on for help especially when there's a I don't know 200 16 00:01:29,070 --> 00:01:33,960 pound barbell on you who will be using this app. 17 00:01:33,960 --> 00:01:40,860 So I'm envisioning at least for right now you know people who work out regularly I'm alone that are 18 00:01:40,860 --> 00:01:48,150 ages 20 to 40 and the reason why I put this range is just because a lot of people in this range are 19 00:01:48,150 --> 00:01:53,150 used to technology and the way it works in terms of social networking. 20 00:01:53,160 --> 00:01:56,670 So just a general arranged to get us started. 21 00:01:57,420 --> 00:01:59,770 But I'm also going to add a third one in here. 22 00:01:59,790 --> 00:02:07,910 I mean a fourth question and it's going to be what is your competitive advantage. 23 00:02:07,920 --> 00:02:14,400 And for those for those of you who don't know our competitive advantage is basically what sets you apart 24 00:02:14,430 --> 00:02:16,990 from everything else out there. 25 00:02:17,340 --> 00:02:18,520 Pretty much. 26 00:02:18,960 --> 00:02:24,870 And this is something that you're probably going to want to dig deep on and think about especially if 27 00:02:24,870 --> 00:02:31,020 you're building a new product or a spinoff or you know a product in a crowded space you want to think 28 00:02:31,020 --> 00:02:33,220 about what sets you apart. 29 00:02:34,280 --> 00:02:43,910 And basically how you're going to win and this helps in creating an MVP because it allows you to revolve 30 00:02:43,910 --> 00:02:47,900 your products design around your competitive advantage. 31 00:02:47,900 --> 00:02:52,260 The one thing that's going to grab a toehold on the market right. 32 00:02:52,310 --> 00:02:55,510 For example let's throw a quick example out there. 33 00:02:55,970 --> 00:02:56,770 A. 34 00:02:57,170 --> 00:03:04,040 A question that gets asked a lot in you know seed round meetings or angel investing meetings is what 35 00:03:04,040 --> 00:03:09,240 is stopping Google from implementing this or what is stopping Facebook from implementing this right. 36 00:03:09,260 --> 00:03:14,900 You know you have these behemoth companies that can easily throw a couple of million dollars into a 37 00:03:14,900 --> 00:03:18,470 department and crank something out. 38 00:03:18,470 --> 00:03:20,280 Similar right. 39 00:03:20,380 --> 00:03:23,150 So how do you plan to compete. 40 00:03:23,780 --> 00:03:30,230 And that is really what you want to think about as you hone in your competitive advantage. 41 00:03:30,230 --> 00:03:37,190 So the answer that you would give them and where you would start when building your product is hey you 42 00:03:37,190 --> 00:03:41,380 know what we are not Facebook definitely acknowledge that we are not Google. 43 00:03:41,390 --> 00:03:49,660 We are not you know eBay or Amazon but we plan on grabbing this specific piece of the market. 44 00:03:49,660 --> 00:03:57,610 This specific niche that eBay you know is one of these large companies encompass by doing X and where 45 00:03:57,610 --> 00:04:02,360 you are going to do it better than them by X Y and Z. 46 00:04:02,360 --> 00:04:05,930 And here is how you start to build out your minimum viable product. 47 00:04:06,050 --> 00:04:13,460 So for I mean like a very very quick example of the top of my head could be something like Amazon where 48 00:04:13,460 --> 00:04:15,470 Amazon literally sells everything. 49 00:04:15,470 --> 00:04:16,460 Right. 50 00:04:16,580 --> 00:04:24,890 How if you're starting a sunglasses company how do you plan to compete with Amazon who can find any 51 00:04:24,890 --> 00:04:31,260 sunglass or you know most sunglasses out there for a very competitive cost. 52 00:04:31,370 --> 00:04:40,400 So you would then have to find who you are catering to and why you're better than what Amazon's sunglasses 53 00:04:40,760 --> 00:04:43,220 market is currently at. 54 00:04:43,220 --> 00:04:53,420 Obviously that is not their biggest biggest revenue driver but it allows you an advantage in one specific 55 00:04:53,420 --> 00:04:58,560 area of this behemoth of a company which you can then begin to chip away at. 56 00:04:58,970 --> 00:05:04,560 So sorry for the lengthy analogy and example but it's really important. 57 00:05:04,910 --> 00:05:07,610 And so what is our competitive advantage here. 58 00:05:07,610 --> 00:05:12,540 What separates us from all the gym apps out there. 59 00:05:12,540 --> 00:05:20,060 Well first the one to specifically find spotter's is a very very sparse. 60 00:05:20,250 --> 00:05:20,510 Right. 61 00:05:20,530 --> 00:05:30,350 So one competitive advantage could be lower competition and social aspect. 62 00:05:31,770 --> 00:05:32,580 Right. 63 00:05:33,200 --> 00:05:44,030 And the second one I would say is we are going to eliminate the awkwardness we are going to make it 64 00:05:44,240 --> 00:05:46,000 easy and fun. 65 00:05:46,010 --> 00:05:49,640 So lets say eliminate awkwardness 66 00:05:52,510 --> 00:05:53,880 and make it fun. 67 00:05:54,400 --> 00:06:00,010 OK so you might be asking you know any any body can say that. 68 00:06:00,010 --> 00:06:02,450 How are you exactly going to do that. 69 00:06:02,500 --> 00:06:11,170 Well that is up to us when we design our the MVP so we need to make sure that in a scenario in which 70 00:06:11,170 --> 00:06:18,640 you might ask somebody a stranger to spot you you eliminate that awkwardness and open up for you know 71 00:06:18,730 --> 00:06:23,230 a delightful gym session. 72 00:06:23,230 --> 00:06:30,610 So as you might expect as we're starting to really round this about you can really kind of throw on 73 00:06:30,610 --> 00:06:32,820 features very very easily. 74 00:06:32,830 --> 00:06:38,530 And that is something that a lot of people like I said in the other video end up doing. 75 00:06:38,530 --> 00:06:47,020 And they don't stick to their core features enough and you can easily get carried away. 76 00:06:47,020 --> 00:06:57,640 So one big one feature could be you have a schedule like that you input into the app and some people 77 00:06:57,640 --> 00:07:03,850 can look at it and say you know like I would a mind part of you on this day or you can look and see 78 00:07:03,850 --> 00:07:10,750 like when some people might be spotting you know like people who frequent the app and maybe try to go 79 00:07:10,750 --> 00:07:18,550 on the days that they are scheduled in a scheduling component to the app would be a lot of development 80 00:07:18,580 --> 00:07:19,480 and design work. 81 00:07:19,480 --> 00:07:28,090 So that's another like really cool cool feature that we could probably do another one could be maybe 82 00:07:28,600 --> 00:07:33,050 something where it shows how much you're willing to spot up to. 83 00:07:33,130 --> 00:07:41,970 So you don't have a you know like 12 year old new beginner who's willing to spot you know some some 84 00:07:42,090 --> 00:07:44,470 power left or right there might be some mismatch there. 85 00:07:44,470 --> 00:07:47,240 So that's another one. 86 00:07:47,290 --> 00:07:55,030 You could easily integrate a bunch of social aspects to it or you know like a chat per se. 87 00:07:55,450 --> 00:08:01,690 Maybe something where you start even taking videos of your work out so you can also track your progress 88 00:08:01,690 --> 00:08:03,600 with in the app. 89 00:08:03,640 --> 00:08:12,880 There's so much you can do and but we need to focus in on keeping to our core competitive advantage 90 00:08:13,430 --> 00:08:16,340 and our core functionality to create this MVP. 91 00:08:16,360 --> 00:08:27,910 So the one feature I think we should keep is maybe somehow putting a a weight limit or you know comfortable 92 00:08:27,910 --> 00:08:35,970 with with spotting X amount of weight right. 93 00:08:35,980 --> 00:08:42,310 I think that's that's one thing that's crucial in order for the product to work like like we said with 94 00:08:42,310 --> 00:08:47,770 the understanding and then taking them on a journey they need to finish the journey right. 95 00:08:47,770 --> 00:08:53,980 So if we have all these barriers where these people can't find you know other spotters to help them 96 00:08:53,980 --> 00:09:00,580 because we're we're not you know setting them up to succeed and find one they're not going to complete 97 00:09:00,580 --> 00:09:04,720 the journey ever app and they're not probably not going to use it again. 98 00:09:04,720 --> 00:09:13,960 So we want to add this component in and we want to play to our competitive advantage and we're got to 99 00:09:13,960 --> 00:09:18,690 make our core functionality as streamlined as possible. 100 00:09:19,090 --> 00:09:29,220 So here go ahead and open up a new project sketch new file and I'm just going to name this. 101 00:09:29,440 --> 00:09:30,310 Wait me. 102 00:09:31,960 --> 00:09:33,830 And go ahead and throw in our board. 103 00:09:33,880 --> 00:09:37,720 I already have one in here and we are going to. 104 00:09:37,870 --> 00:09:40,420 I am trying and failing here. 105 00:09:40,420 --> 00:09:40,710 OK. 106 00:09:40,740 --> 00:09:46,120 So I just spaced all these out a little bit. 107 00:09:46,120 --> 00:09:48,040 So this is going to be our home screen. 108 00:09:48,970 --> 00:09:54,570 And let's go ahead and make a navigation bars that are going to insert a rectangle 109 00:09:57,250 --> 00:10:06,620 and a click and drag and we're going to bring this around 65 fine let's get rid of the borders. 110 00:10:06,660 --> 00:10:13,190 And I want a nice bold strong color like our personality suggests. 111 00:10:13,290 --> 00:10:16,530 So I am going to choose maybe like a deeper red. 112 00:10:16,530 --> 00:10:19,420 I think that I'll be like really cool. 113 00:10:20,240 --> 00:10:24,460 Was like a bold bold aggressive strong deep red. 114 00:10:25,050 --> 00:10:29,610 Let's go ahead and insert some text and we'll type. 115 00:10:29,610 --> 00:10:32,200 Wait me. 116 00:10:32,280 --> 00:10:35,320 Feel free to have fun with this. 117 00:10:35,340 --> 00:10:41,290 Choose a font that reflects reflects the personality as you see fit. 118 00:10:42,220 --> 00:10:51,550 I'm going to go ahead and stick with proximo Nova extra bold and I'm going to make the text white so 119 00:10:51,550 --> 00:10:53,260 it shows up a little better. 120 00:10:54,420 --> 00:10:57,510 And I'm going to make sure that it is centered 121 00:11:01,330 --> 00:11:11,490 and I'm going to snap the top to the center alignment of the navigation so that looks pretty cool. 122 00:11:11,550 --> 00:11:13,800 So there's a couple of ways we can go about this. 123 00:11:13,830 --> 00:11:25,050 The first one would be we could maybe have a huge button a very simple large button that says I need 124 00:11:25,050 --> 00:11:31,040 a spot and then everybody else in the gym who has that same app could respond. 125 00:11:31,080 --> 00:11:34,270 If they if they wanted to help out. 126 00:11:34,290 --> 00:11:36,240 Right. 127 00:11:36,840 --> 00:11:43,530 But the more I think about it the more I thought through the user scenario and something that you guys 128 00:11:43,530 --> 00:11:51,020 are probably going to end up doing you know when you create your own apps and products is if I'm a beginner 129 00:11:51,110 --> 00:11:59,150 or you know if I'm an experience left or right do I feel comfortable putting myself out there and making 130 00:11:59,150 --> 00:12:02,540 the first move without any information at all. 131 00:12:02,540 --> 00:12:03,630 Probably not. 132 00:12:03,650 --> 00:12:14,040 And I think the rationale with people is going to be I would rather maybe just try my best then try 133 00:12:14,040 --> 00:12:21,120 something where I have no information on how well it might be received how well my you know I'll send 134 00:12:21,360 --> 00:12:22,950 I need help button might be received. 135 00:12:22,950 --> 00:12:26,640 I don't know these people I don't know who is going to show up and help me. 136 00:12:26,640 --> 00:12:29,340 There's a lot of unknowns. 137 00:12:29,580 --> 00:12:38,070 So the second way we could approach it is maybe have the people who are willing to spot beyond the platform 138 00:12:38,100 --> 00:12:47,790 and somehow check that they're available and when the person that needs a spot signs in they can easily 139 00:12:47,790 --> 00:12:49,200 see who's there. 140 00:12:49,350 --> 00:12:55,220 And like we had discussed before how much they are comfortable with spying. 141 00:12:55,650 --> 00:13:00,360 So I think that is a great way to go about it. 142 00:13:00,360 --> 00:13:05,640 It's simple and it ensures that if a spotter. 143 00:13:06,020 --> 00:13:11,250 If somebody needs a spot there is going to be somebody there who is obviously willing to help them and 144 00:13:11,250 --> 00:13:14,140 if nobody is there nobody will show up in the feed. 145 00:13:14,160 --> 00:13:22,330 So we are we will minimize the amount of dead interactions that would happen. 146 00:13:22,340 --> 00:13:33,200 So what we're going to do is let's go ahead and insert a rectangle right below the navigation be around 147 00:13:33,200 --> 00:13:35,780 60 should be fine. 148 00:13:36,170 --> 00:13:42,020 Let's get rid of the borders and I'm going to make this an off white just like we talked about before 149 00:13:42,020 --> 00:13:48,020 you know kind of separating the screens off with off lights instead of lines looks really really nice. 150 00:13:49,290 --> 00:13:58,110 And I am going to this is going to be like a location box right to ensure the user that you know we're 151 00:13:58,110 --> 00:14:00,510 at the right location at the right gym. 152 00:14:00,660 --> 00:14:01,920 So we'll say something like 153 00:14:06,620 --> 00:14:15,370 well say spotters in at 24 Hour Fitness for example and let's go ahead. 154 00:14:15,390 --> 00:14:19,800 I'm going to make a spotter's at seem like some sort of template text. 155 00:14:20,160 --> 00:14:32,630 I will keep it maybe regular and I can change the color to a dark gray and then for the 24 hour fitness 156 00:14:32,720 --> 00:14:39,470 this is going to be obviously what geolocation will be able to pick up you know where they are and let's 157 00:14:39,470 --> 00:14:41,200 make this the color of our heads. 158 00:14:41,200 --> 00:14:50,210 I'm just going to Control-C to find the next and extra bolt seems a little too bold. 159 00:14:50,220 --> 00:14:51,810 I'll just go ahead and make it bold. 160 00:14:53,830 --> 00:14:55,210 And that looks good. 161 00:14:55,210 --> 00:15:04,310 So I'm going to hold down shift and I'm going to align this horizontally and vertically and let's go 162 00:15:04,310 --> 00:15:04,740 ahead. 163 00:15:04,760 --> 00:15:10,310 I want to find just like a little location icon I think that will look really nice to go ahead and open 164 00:15:10,310 --> 00:15:11,410 up the Noun Project 165 00:15:18,800 --> 00:15:22,340 and just type and location 166 00:15:26,670 --> 00:15:30,410 so you can choose any one of these any one of these will do. 167 00:15:30,410 --> 00:15:35,070 I kind of want to find one that's all. 168 00:15:35,240 --> 00:15:36,370 Oh I like this one. 169 00:15:37,750 --> 00:15:40,530 It's a cool one so go ahead and download it. 170 00:15:43,470 --> 00:15:46,130 And I'm going to drop this right on my project again. 171 00:15:46,130 --> 00:15:57,580 Of course it's 4000 by 4000 pixels or we're going to scale it down and let's double click going to edit 172 00:15:57,580 --> 00:16:04,360 mode get rid of the text and the scale is down even more. 173 00:16:04,570 --> 00:16:11,450 I'm just going to put this right by the location that looks nice. 174 00:16:14,650 --> 00:16:19,480 And maybe we can you can make it whatever whatever color I'm going to kind of experiment here. 175 00:16:21,410 --> 00:16:28,970 I mean it looks kind of cool just like a little subtle subtle taste to it. 176 00:16:29,010 --> 00:16:31,340 So I want to go ahead and group these together. 177 00:16:31,610 --> 00:16:32,630 Control. 178 00:16:33,240 --> 00:16:35,300 We call this location 179 00:16:37,730 --> 00:16:45,980 and then select the rectangle the off white rectangle centered horizontally and then like we have been 180 00:16:45,980 --> 00:16:51,800 doing I might just offset it a couple of points to the right. 181 00:16:52,040 --> 00:16:55,110 So that looks really really cool. 182 00:16:55,130 --> 00:17:04,700 Now all we need to do now is make some sort of table or a feed that shows you know who is available 183 00:17:04,750 --> 00:17:05,770 spot. 184 00:17:06,470 --> 00:17:14,210 And this would obviously go right here. 185 00:17:15,350 --> 00:17:16,980 So let's go ahead and do that actually. 186 00:17:17,030 --> 00:17:28,220 We're going to insert a oval or a circle to zoom in and I mean I toggle the grid on with control G and 187 00:17:28,760 --> 00:17:33,830 let's make this 60 by 60 I think that looks nice. 188 00:17:33,860 --> 00:17:40,040 I'm also keeping this 20 points from the left. 189 00:17:40,670 --> 00:17:44,420 So let's go ahead and uncheck the border. 190 00:17:44,650 --> 00:17:53,140 And now we can insert some text and we'll have this say first name our first and last name. 191 00:17:57,080 --> 00:17:59,730 That font size looks good. 192 00:18:00,170 --> 00:18:03,200 And I'm just going to go ahead and hit enter or return. 193 00:18:03,590 --> 00:18:08,840 And let's just type in like Max wait for that one. 194 00:18:08,860 --> 00:18:19,010 You know specifically we want to display and we'll just say £250 we got a decently strong person max 195 00:18:19,010 --> 00:18:28,240 weight and let's also kind of denote that this is an entered value and it's not some template text I'm 196 00:18:28,240 --> 00:18:29,680 going to grab this read again. 197 00:18:30,730 --> 00:18:37,280 And I am going to make this bold. 198 00:18:37,390 --> 00:18:37,730 All right. 199 00:18:37,790 --> 00:18:39,110 Cool so we have this textfield. 200 00:18:39,110 --> 00:18:45,690 I'm going to highlight both of these the Oval and the text I'm going to group them. 201 00:18:45,980 --> 00:18:53,240 Well first let's let's align them and then I'm going to group them. 202 00:18:53,540 --> 00:19:02,330 Say user 1 let's say spot 1. 203 00:19:02,420 --> 00:19:03,050 So that's great. 204 00:19:03,050 --> 00:19:13,030 So maybe there could be a picture so you can you know see who is who is available and then what we could 205 00:19:13,090 --> 00:19:24,570 also do is let us have a little area where like a little button that the person clicked to quickly ask 206 00:19:24,570 --> 00:19:25,470 for a spot. 207 00:19:25,470 --> 00:19:33,900 So these are all people who have somehow in their profile stated that they are willing to spot at this 208 00:19:33,900 --> 00:19:34,700 location. 209 00:19:35,540 --> 00:19:38,740 And they will pop up when they are within their location. 210 00:19:39,080 --> 00:19:47,720 So let's go to the noun project again and let's type in ask and see what shows up. 211 00:19:52,520 --> 00:19:54,560 Or even cooler. 212 00:19:54,780 --> 00:19:55,830 Let's say in a way. 213 00:19:56,050 --> 00:19:57,230 I think there would be a call 214 00:19:59,990 --> 00:20:09,560 cool icon. 215 00:20:09,800 --> 00:20:11,280 You know I don't know. 216 00:20:11,330 --> 00:20:15,280 I you know I want to make one because I'm not seeing one that I really like. 217 00:20:15,280 --> 00:20:21,540 So I'm going to go ahead and grab this dumbbell right on here. 218 00:20:21,900 --> 00:20:25,730 Course it's 30000 by 30000 pixels. 219 00:20:25,740 --> 00:20:27,350 Let's scale this down. 220 00:20:29,440 --> 00:20:32,380 And going to edit mode you guys know the drill. 221 00:20:32,380 --> 00:20:36,230 Get rid of the text. 222 00:20:36,290 --> 00:20:38,140 Scale this down a little more 223 00:20:41,680 --> 00:20:43,240 and so that looks good. 224 00:20:43,240 --> 00:20:49,150 And I want like some sort of ask icon or something to indicate that you're asking for a spot not just 225 00:20:49,150 --> 00:20:54,520 having a huge set of weights Let's type in ask 226 00:20:58,350 --> 00:21:03,390 so find something that you guys like I am 227 00:21:06,340 --> 00:21:11,880 going to choose maybe this guy is cool. 228 00:21:12,230 --> 00:21:13,920 Let's go ahead and download it. 229 00:21:21,030 --> 00:21:31,910 And I'm just going to go ahead and drag this right over the sketch whoa and let's scale this down again. 230 00:21:31,960 --> 00:21:35,230 DoubleClick is going to get rid of the text. 231 00:21:35,580 --> 00:21:37,350 We are looking good. 232 00:21:37,860 --> 00:21:47,560 And I'm just going to put this right by our are Waites. 233 00:21:47,720 --> 00:21:48,710 All right. 234 00:21:48,740 --> 00:21:51,030 Now let's think of a cool color for this. 235 00:21:51,040 --> 00:21:52,040 I'm not too sure. 236 00:21:52,110 --> 00:21:54,330 Just mess around with it. 237 00:21:54,510 --> 00:21:56,560 Think maybe orange Actually that looks. 238 00:21:56,660 --> 00:21:59,390 I was caught right out the gate. 239 00:22:00,230 --> 00:22:00,950 This looks like 240 00:22:05,230 --> 00:22:07,560 you'll be at a gradient. 241 00:22:07,560 --> 00:22:09,370 That doesn't look too bad. 242 00:22:15,340 --> 00:22:15,900 OK. 243 00:22:15,980 --> 00:22:23,000 And I put the question mark right behind it so that's cool. 244 00:22:23,020 --> 00:22:28,550 Kind of like in that I'm going to go ahead and group these the ask for spot 245 00:22:31,960 --> 00:22:36,530 and I want to make sure you have these line up with this right here. 246 00:22:36,670 --> 00:22:42,700 I will go ahead and I'm going to toggle the grid on and make sure it's roughly 20 away. 247 00:22:42,700 --> 00:22:46,820 We want this to be clickable still as well. 248 00:22:46,820 --> 00:22:58,600 Sure looks like it is so let's go ahead and grab the spotter one and I'm going to align it just to be 249 00:22:58,600 --> 00:22:58,980 safe. 250 00:22:59,000 --> 00:23:00,190 Looks like it's all good to go. 251 00:23:00,190 --> 00:23:05,710 And I'm going to group that B cell one. 252 00:23:06,130 --> 00:23:10,970 OK so this is looking really nice. 253 00:23:11,040 --> 00:23:18,960 Lastly what we need to do is just like the other just like audio tangle. 254 00:23:19,120 --> 00:23:22,480 We want to create a line 255 00:23:25,080 --> 00:23:31,660 and maybe even a rectangle behind it just so it's easier to line things up. 256 00:23:31,710 --> 00:23:42,630 So I'm going to go ahead and insert a rectangle and I'm going to make it around hundred in five hundred 257 00:23:42,630 --> 00:23:45,590 and five points. 258 00:23:45,780 --> 00:23:53,740 Hi and I'm going to drag it right behind our cell ones. 259 00:23:53,760 --> 00:24:01,900 Get rid of the borders and I am going to make it white. 260 00:24:01,960 --> 00:24:08,260 So go ahead and with that rectangle highlighted go ahead and sell as well as we're going to center it 261 00:24:08,980 --> 00:24:13,650 vertically align it vertically which looks like it is already. 262 00:24:13,940 --> 00:24:18,550 And now let's go ahead and insert a line 263 00:24:22,050 --> 00:24:27,870 toggle the grid on and we'll start with it all the way over here. 264 00:24:27,870 --> 00:24:31,530 And while I'm holding down shift I'm going to drag it across the board 265 00:24:37,840 --> 00:24:38,380 awesome. 266 00:24:38,410 --> 00:24:43,960 And like we did with auto Tango's Well it's going to make the thickness point five because it looks 267 00:24:43,960 --> 00:24:52,330 a lot cleaner and with the line and the rectangle selected Let's go ahead and align it to the bottom. 268 00:24:55,490 --> 00:25:01,960 And now we can just go ahead and group all of these together so our line our cell and our rectangle 269 00:25:02,560 --> 00:25:02,980 group it 270 00:25:07,190 --> 00:25:15,990 and we have a pretty good looking cells so I'm going to bring it up to the top of the nav bar and I'm 271 00:25:15,990 --> 00:25:17,060 going to rename it. 272 00:25:17,170 --> 00:25:25,650 It's weird to use cell one getting really bat'leth naming these I saw one full maybe let's toggle the 273 00:25:25,650 --> 00:25:28,920 grid off and let's see how it looks. 274 00:25:28,980 --> 00:25:30,150 So it looks nice. 275 00:25:32,810 --> 00:25:33,700 Looks good. 276 00:25:33,710 --> 00:25:43,220 And just for the full effect I'm going to hold down option and drag down make one more so as we're building 277 00:25:43,220 --> 00:25:51,770 this out you can probably learn probably already tell we could even have a list of people and then maybe 278 00:25:51,770 --> 00:25:56,210 if they are unavailable this could be great great out icon. 279 00:25:56,330 --> 00:26:00,940 But you'll notice that everything is super super minimal. 280 00:26:01,010 --> 00:26:03,250 Right we have the call to action. 281 00:26:03,290 --> 00:26:06,260 How do I how do I ask this person for a spot. 282 00:26:06,280 --> 00:26:11,010 Right since already said that they're available their max. 283 00:26:11,030 --> 00:26:13,550 Their first and last name and maybe what they look like. 284 00:26:13,550 --> 00:26:19,770 That is all you would need in order to execute this in full. 285 00:26:19,790 --> 00:26:23,560 And then lastly there's a couple of things we could do. 286 00:26:23,560 --> 00:26:29,770 As far as menus go we could have a tab bar we could have a hamburger menu. 287 00:26:29,810 --> 00:26:31,450 There's so many things. 288 00:26:31,940 --> 00:26:37,780 But since this is an MVP you know we're trying to get this product out maybe in two weeks to test it 289 00:26:37,890 --> 00:26:40,130 at our local gym or whatever. 290 00:26:40,310 --> 00:26:42,570 I think this is fine. 291 00:26:42,710 --> 00:26:51,590 And what I'm even thinking is maybe we just throw a profile icon up here just so we have a segue to 292 00:26:51,590 --> 00:26:57,910 a profile where the user can obviously input their max weight and a picture. 293 00:26:57,910 --> 00:27:07,490 So let's go ahead and find a profile icon. 294 00:27:07,680 --> 00:27:09,920 This looks nice. 295 00:27:10,140 --> 00:27:11,180 Go ahead and download it 296 00:27:14,270 --> 00:27:22,790 and drag it onto the sketch board and let's scale this down. 297 00:27:25,520 --> 00:27:26,810 Get rid of the text 298 00:27:30,890 --> 00:27:32,270 and drag it all the way. 299 00:27:32,270 --> 00:27:33,260 Turn up our 300 00:27:38,410 --> 00:27:43,340 I'm going to make this around 30 31 30. 301 00:27:43,350 --> 00:27:44,900 Doesn't matter. 302 00:27:44,900 --> 00:27:45,870 Looks good either way. 303 00:27:45,880 --> 00:27:56,020 And let's make the Phil White I on and make sure it's aligned with our title. 304 00:27:56,190 --> 00:27:58,530 Yeah actually looks good. 305 00:28:03,030 --> 00:28:03,370 OK. 306 00:28:03,370 --> 00:28:10,420 One thing I did forget to do is group all of these things are icon. 307 00:28:10,440 --> 00:28:12,680 Here is our title. 308 00:28:12,690 --> 00:28:14,610 I want a title and here is the nafs. 309 00:28:14,610 --> 00:28:16,120 Let's go ahead and group this. 310 00:28:16,500 --> 00:28:18,680 We'll call this navigation. 311 00:28:19,620 --> 00:28:21,950 And then this rectangle was in our location. 312 00:28:21,970 --> 00:28:30,780 So I'm going to drag that in there make sure it's at the bottom so the icon and the text is visible. 313 00:28:30,780 --> 00:28:33,210 That is really really sweet. 314 00:28:33,210 --> 00:28:39,560 So just to recap really really clean minimum viable product. 315 00:28:39,870 --> 00:28:46,590 The user is able to do everything that we set out for them to do. 316 00:28:46,650 --> 00:28:50,000 We are honing in on eliminating the awkwardness. 317 00:28:50,070 --> 00:28:51,930 Were making it fun. 318 00:28:51,970 --> 00:28:53,610 This is super super crucial. 319 00:28:53,610 --> 00:28:57,980 You want to think about the ideal use case scenario. 320 00:28:57,990 --> 00:29:05,410 If I'm someone who might need a spot and I open it up and I already see people who are willing to do 321 00:29:06,090 --> 00:29:12,750 that is a huge comfort for me because I already know that they're raising and raising their hand and 322 00:29:12,750 --> 00:29:17,880 they're saying hey I'll help you out if you need it whereas another experience could be I tap a button 323 00:29:17,910 --> 00:29:21,150 and it pings everybody in the gym that that is on this app. 324 00:29:21,150 --> 00:29:21,410 Right. 325 00:29:21,420 --> 00:29:26,760 And that might be a little awkward or uncomfortable for some. 326 00:29:26,760 --> 00:29:31,800 So this is the best experience in my opinion. 327 00:29:31,800 --> 00:29:39,330 That is super sleek and you know bare bones functionality. 328 00:29:39,660 --> 00:29:47,330 And then we have our weight amount that that user is comfortable with spotting. 329 00:29:47,340 --> 00:29:49,080 And then we have a call to action. 330 00:29:49,560 --> 00:29:55,570 So this is a very very ideal MVP. 331 00:29:55,770 --> 00:30:00,800 What I encourage you guys to do is there's a couple of things. 332 00:30:00,810 --> 00:30:05,490 All right what happens when you click the ask spot button. 333 00:30:05,500 --> 00:30:07,090 Is there some sort of confirmation. 334 00:30:07,090 --> 00:30:09,200 Is there a micro interaction. 335 00:30:09,220 --> 00:30:10,410 Go ahead and design that. 336 00:30:10,420 --> 00:30:15,040 I want to see what you guys come up with as well as this profile button. 337 00:30:15,070 --> 00:30:19,450 What does the profile look like. 338 00:30:19,450 --> 00:30:27,700 Is it easy to input all of this information is it let's see reliable does it give off a strong simple 339 00:30:27,700 --> 00:30:28,830 vibe. 340 00:30:28,990 --> 00:30:30,640 So go ahead and do that. 341 00:30:30,760 --> 00:30:32,530 Show me your designs. 342 00:30:32,770 --> 00:30:33,530 Discord. 343 00:30:33,550 --> 00:30:37,980 I'd love to see them and I will see you guys in the next video.