1
00:00:05,040 --> 00:00:08,820
One.

2
00:00:09,130 --> 00:00:10,240
All right guys.

3
00:00:10,270 --> 00:00:11,650
Welcome back.

4
00:00:11,710 --> 00:00:19,180
What we're going to do now is handle what happens when you click one of these buttons we need to be

5
00:00:19,180 --> 00:00:20,460
as thorough as possible.

6
00:00:20,460 --> 00:00:26,380
Right so what happens when you click on bid on a project and what happens when you click on post a job

7
00:00:26,380 --> 00:00:27,130
for a producer.

8
00:00:27,130 --> 00:00:34,150
So let's go ahead and start with post a job just because we're kind of in that mindset already you got

9
00:00:34,150 --> 00:00:41,380
that track going and what so let's think about this for a second.

10
00:00:41,380 --> 00:00:44,970
So what do we want.

11
00:00:45,100 --> 00:00:46,660
What kind of information do we want.

12
00:00:46,660 --> 00:00:52,000
When someone posts a job well we have a budget.

13
00:00:52,170 --> 00:00:58,750
The first and last name and their genre could probably be grabbed from the profile but maybe the genre

14
00:00:59,050 --> 00:01:00,670
might be different.

15
00:01:00,670 --> 00:01:03,340
So we'll need John-Roger budget

16
00:01:05,620 --> 00:01:14,070
and maybe the bio or something is going to be pulled from the profile.

17
00:01:14,230 --> 00:01:16,750
So that might be all we need.

18
00:01:16,750 --> 00:01:24,260
I'm envisioning this as sort of a segue from the bottom bottom up.

19
00:01:24,300 --> 00:01:27,660
And so the user can just dismiss it if they want to cancel.

20
00:01:27,730 --> 00:01:40,580
So let's go ahead and insert our board Phone 7 and let's bring this down to right by our feed.

21
00:01:41,110 --> 00:01:48,800
And you might be wondering or asking yourself why are we putting all of these side by side.

22
00:01:48,850 --> 00:01:52,680
I thought you said Evan that we should separate these out in the pages.

23
00:01:52,720 --> 00:02:00,790
Well this page is actually housing everything that is going on from the feed view from the feed screen.

24
00:02:00,790 --> 00:02:03,390
So we want to keep all of these together.

25
00:02:03,760 --> 00:02:07,210
If we were going to saved we'd want to have another page for that.

26
00:02:07,210 --> 00:02:14,300
So that's why we're keeping everything on the same page.

27
00:02:14,590 --> 00:02:26,020
So let's go ahead and we will we could insert our our symbol but we don't need this subtitle here so

28
00:02:26,020 --> 00:02:38,010
let's just go ahead and make a shape in sort of shape and we'll drag this over 65 points high is fine.

29
00:02:38,020 --> 00:02:38,770
Change that

30
00:02:41,440 --> 00:02:47,740
and let's get rid of the border and throw in our awesome orange color.

31
00:02:47,740 --> 00:02:50,710
And I also want to add in the

32
00:02:53,380 --> 00:03:02,440
status bar so white 100 percent because we always have a full charge to make sure everything is lined

33
00:03:02,440 --> 00:03:02,770
up.

34
00:03:02,770 --> 00:03:09,770
Now let's go ahead and give this a title so we're going to insert text.

35
00:03:09,810 --> 00:03:16,410
It's going to say post a job because that's exactly what we're doing.

36
00:03:16,960 --> 00:03:19,900
And I want to snap this to the center.

37
00:03:19,900 --> 00:03:22,610
This actually looks really good.

38
00:03:22,990 --> 00:03:26,780
The top of this is aligned to the center of the rectangle.

39
00:03:26,860 --> 00:03:32,870
And let's go ahead and grab all of these elements and command you to group them.

40
00:03:32,980 --> 00:03:36,340
Call it navigation bar.

41
00:03:38,350 --> 00:03:38,710
Awesome.

42
00:03:38,720 --> 00:03:45,750
Now there's one more thing we need to add and that is maybe like the dismiss or cancel.

43
00:03:45,990 --> 00:03:54,640
I either like to put an X up here or on this side or sometimes cancel a lot of people are really particular

44
00:03:54,640 --> 00:04:05,310
about putting a Cancel on the left side and done or complete on the right side.

45
00:04:05,320 --> 00:04:06,820
I honestly don't think it matters.

46
00:04:06,820 --> 00:04:13,510
I think the consumers nowadays are used to just looking up at the top left or right to see what their

47
00:04:13,510 --> 00:04:20,320
options are and how to close things so I like I'm going to put an X right here so let's go over to the

48
00:04:20,320 --> 00:04:22,640
Noun Project.

49
00:04:22,720 --> 00:04:28,000
These are my head shots from over here.

50
00:04:28,010 --> 00:04:42,400
So let's find a close and you guys can go ahead and find one that fits your personality your personality

51
00:04:43,270 --> 00:04:47,110
one that you think works best.

52
00:04:47,110 --> 00:04:52,880
I'm going to grab this simple little X right here and say it's huge.

53
00:04:52,900 --> 00:04:54,170
It's screw.

54
00:04:54,190 --> 00:05:02,890
Bring this guy up and scale them down a little bit and we're going to double click to add it and we're

55
00:05:02,890 --> 00:05:11,350
just going to go ahead and delete this.

56
00:05:11,710 --> 00:05:19,620
And I think that is getting close to what we want as far as size goes maybe 23 20 is good.

57
00:05:19,990 --> 00:05:22,480
Let's just drag this over here.

58
00:05:22,480 --> 00:05:27,560
I'm going to toggle the grid on just so I can get a sense of where this is.

59
00:05:27,580 --> 00:05:32,680
I like to line this with that so that works well and then

60
00:05:36,130 --> 00:05:40,510
I want this aligned with our posted job.

61
00:05:40,510 --> 00:05:46,210
So let's go ahead and throw this icon into our navigation bar folder that we made.

62
00:05:46,230 --> 00:05:48,660
Now we should be able to kind of line this thing up.

63
00:05:48,670 --> 00:05:50,550
There we go.

64
00:05:51,940 --> 00:05:53,050
All right.

65
00:05:53,200 --> 00:05:54,460
We're going to make this quite

66
00:05:57,880 --> 00:06:03,400
book and see it as a little bag actually I mean just bring this down 18

67
00:06:07,970 --> 00:06:10,320
right.

68
00:06:10,370 --> 00:06:12,110
That looks good.

69
00:06:12,980 --> 00:06:22,370
And since we started with a iOS UI template Let's go ahead and go to our symbol and we're going to go

70
00:06:22,370 --> 00:06:27,790
to keyboard and let's grab.

71
00:06:27,830 --> 00:06:29,950
Well let's think about this for a second.

72
00:06:33,260 --> 00:06:37,000
Let's go ahead and grab the light keyboard.

73
00:06:37,970 --> 00:06:39,780
Someone's going to be typing right.

74
00:06:42,220 --> 00:06:46,360
And I'm just going to align this and snap it to the bottom.

75
00:06:49,250 --> 00:06:49,470
Right.

76
00:06:49,460 --> 00:06:49,960
This is good.

77
00:06:49,960 --> 00:06:56,920
So here's a great opportunity for us to say give the user instructions through a placeholder tech So

78
00:06:56,920 --> 00:07:02,840
instead of us explicitly writing you know tell us what you need.

79
00:07:03,010 --> 00:07:04,210
We could use that.

80
00:07:04,330 --> 00:07:07,450
We could do that through the placeholder text.

81
00:07:07,450 --> 00:07:12,760
Another thing to be mindful of as we're as we're doing this is

82
00:07:15,670 --> 00:07:21,960
there's a couple of fields that we need and we could always always do it in some sort of form style

83
00:07:21,970 --> 00:07:22,270
right.

84
00:07:22,270 --> 00:07:27,280
So have cells stacked upon cells and hey this is my name.

85
00:07:27,300 --> 00:07:28,840
This is the genre.

86
00:07:28,850 --> 00:07:31,240
And here's my budget.

87
00:07:31,240 --> 00:07:38,380
Those tend to get a little boring and it almost feels like you're feeling a format at the DMV or you're

88
00:07:38,380 --> 00:07:41,310
registering for a license or something.

89
00:07:41,380 --> 00:07:53,980
And my suggestion is if you if your personality is anywhere close to modern or for a younger group of

90
00:07:53,980 --> 00:08:02,800
people people who want more of an experience I would say stick to one at most two elements on a form

91
00:08:02,800 --> 00:08:07,160
this could be a sign up post a job like we're doing right now.

92
00:08:07,780 --> 00:08:11,320
These will really really help.

93
00:08:11,320 --> 00:08:23,870
So let's go ahead and let's think of the first thing that we are going to need so we could probably

94
00:08:25,640 --> 00:08:27,410
we could probably get away

95
00:08:32,930 --> 00:08:34,150
with doing something like this

96
00:08:38,640 --> 00:08:46,090
Proxima Nova we'll do a lot italic.

97
00:08:46,440 --> 00:08:53,030
Well actually we'll just do regular and I want to make this a letter grade and it could say something

98
00:08:53,030 --> 00:08:53,390
like

99
00:08:57,610 --> 00:09:04,190
choose a type of genre.

100
00:09:08,800 --> 00:09:09,050
Right.

101
00:09:09,060 --> 00:09:18,540
And then we can also on the bottom we can either have a huge button or just a small little Next can

102
00:09:19,000 --> 00:09:21,540
be right here.

103
00:09:22,220 --> 00:09:31,760
You can go ahead and make this our green color and let's bump the size up a little bit and make it bold.

104
00:09:35,930 --> 00:09:37,000
I think that looks really cool.

105
00:09:37,000 --> 00:09:42,670
I'm going to talk with the grid on just so I have a little bit of

106
00:09:48,820 --> 00:09:52,420
so we can go ahead and do that.

107
00:09:52,450 --> 00:09:57,520
We can also you know how I'm going to bump this up a little bit more the the benefits of doing this

108
00:09:57,520 --> 00:10:06,610
is since there's not a lot of elements on the screen the user is going to see everything and that way

109
00:10:06,610 --> 00:10:07,700
we don't have to.

110
00:10:07,720 --> 00:10:09,280
We're not fighting for attention.

111
00:10:09,280 --> 00:10:12,000
We don't need to put this in a large huge button.

112
00:10:12,250 --> 00:10:13,260
We can.

113
00:10:13,480 --> 00:10:20,070
But this I think looks really clean so type of genre.

114
00:10:20,140 --> 00:10:25,340
Let's go ahead and put this.

115
00:10:25,460 --> 00:10:26,630
Let's rename this first.

116
00:10:26,630 --> 00:10:33,680
This was our close button.

117
00:10:35,060 --> 00:10:38,500
And what I'm going to do now is I'm just going to rename this first.

118
00:10:38,600 --> 00:10:44,320
So it's going to be post the job one.

119
00:10:44,600 --> 00:10:50,210
And now I'm going to auction drag this to duplicate it.

120
00:10:50,210 --> 00:10:54,500
And the reason why is most of these are not going to change.

121
00:10:54,620 --> 00:10:56,630
It's just basically going to be.

122
00:10:56,720 --> 00:11:00,330
Now it's going to be a wussy type of description.

123
00:11:02,930 --> 00:11:06,770
Description next.

124
00:11:07,460 --> 00:11:10,680
And this one this last one.

125
00:11:12,820 --> 00:11:17,580
It's going to be tight or you know give us a budget.

126
00:11:17,930 --> 00:11:21,090
Sit tight your budget.

127
00:11:22,330 --> 00:11:26,390
And for this we're going to get rid of our keyboard because it's going to be a numeric keypad.

128
00:11:32,400 --> 00:11:34,840
I was going to slap this rant on here

129
00:11:38,990 --> 00:11:48,700
and let's just make sure that is in the center and snap to the bottom that looks great.

130
00:11:49,490 --> 00:11:53,330
Karen heard of see what's going on.

131
00:11:53,470 --> 00:11:54,500
Oh that's why.

132
00:11:54,730 --> 00:12:03,790
Let's go to our boards and let's make our background that EF 3 3 or 3 color just in just enough Y and

133
00:12:03,940 --> 00:12:08,490
you know what it doesn't look too great let's just leave the light and that's good.

134
00:12:11,780 --> 00:12:14,970
So yeah that's great.

135
00:12:14,970 --> 00:12:20,390
This for the budget one this is kind of a huge deal.

136
00:12:20,520 --> 00:12:29,140
And the numbers is only going to be so big whereas the description could be pretty lengthy.

137
00:12:29,370 --> 00:12:32,520
We could even do this to the genre if we wanted to too.

138
00:12:32,610 --> 00:12:42,060
But what I'm going to do is I'm going to make this smack dab in the center on a boost up to the font

139
00:12:42,800 --> 00:12:43,970
just a little bit.

140
00:12:47,710 --> 00:12:51,640
And I'm going to go ahead and insert a line right here.

141
00:12:56,270 --> 00:13:01,460
And I'm going to make this our orange color because I think that'll be really cool.

142
00:13:01,460 --> 00:13:12,160
And let's also make sure it's center aligned vertically and what we could do.

143
00:13:13,080 --> 00:13:16,470
Let's go ahead and do something like this.

144
00:13:16,470 --> 00:13:17,490
Let's see what this looks like.

145
00:13:17,500 --> 00:13:22,080
Haven't done this yet before but I want to try this.

146
00:13:22,260 --> 00:13:24,680
No shame in trying stuff right.

147
00:13:37,430 --> 00:13:44,360
So we could also do something like this where I'm sorry my discraft out of memory and so stop the recording.

148
00:13:44,360 --> 00:13:49,850
I guess I should listen to those little pop ups that were showing up but we can also do something like

149
00:13:49,850 --> 00:13:56,000
this where we really really showcase what they're supposed to do what these are supposed to do here.

150
00:13:56,420 --> 00:14:03,740
And and then we can just have this small instruction right here type your budget or you know we can

151
00:14:03,740 --> 00:14:15,260
get real personal Let us know your budget and what I really like about this is it gives you a chance.

152
00:14:15,500 --> 00:14:23,990
You as the creator of the app a chance to make it feel like a conversation instead of a human interacting

153
00:14:23,990 --> 00:14:24,920
with technology.

154
00:14:24,920 --> 00:14:30,440
It feels like a humans interacting with a human and it just so happens that the medium is technology

155
00:14:31,040 --> 00:14:32,090
which is really really great.

156
00:14:32,090 --> 00:14:36,800
So I think this looks

157
00:14:39,590 --> 00:14:41,980
awesome it's fantastic.

158
00:14:41,980 --> 00:14:45,930
Let's go ahead and make that orange as well.

159
00:14:46,010 --> 00:14:56,840
And I'm going to make this light light just looks better when it's huge huge number so we could we could

160
00:14:57,110 --> 00:14:59,230
definitely do that for the genre.

161
00:14:59,480 --> 00:15:00,880
Except for the genre.

162
00:15:00,890 --> 00:15:08,090
If we have Texas big it might fall off the screen if it's some some indie name or some subject where

163
00:15:08,090 --> 00:15:16,910
no one's ever heard of it's like rock psychedelic ETM trance something ride's going to be super long

164
00:15:16,910 --> 00:15:18,290
so let's keep that.

165
00:15:18,860 --> 00:15:25,620
And then the last thing we need to do is for next instead of next it's going to be finish.

166
00:15:25,730 --> 00:15:30,460
So let's make sure we're right aligned and say done

167
00:15:34,780 --> 00:15:35,990
that is awesome.

168
00:15:36,010 --> 00:15:40,260
And the last the last last thing I want to do is rename these boards.

169
00:15:40,270 --> 00:15:53,200
I'm going to call this post a job too and this is going to be post a job 3.

170
00:15:53,230 --> 00:15:53,870
All right.

171
00:15:53,880 --> 00:16:02,320
So another thing to note here is if there's one two or maybe even three steps to something

172
00:16:06,270 --> 00:16:10,940
it is generally OK to not have some sort of progress indicator.

173
00:16:11,050 --> 00:16:16,120
If you go past three I mean I would I might even put one here just like three little dots and every

174
00:16:16,120 --> 00:16:20,920
time you click next it goes onto the next stop so the user knows hey you know what we're on number two.

175
00:16:20,920 --> 00:16:22,840
There's only one more left.

176
00:16:23,110 --> 00:16:28,540
But if there was like four or five or six and I'm going under five and there's no indication of when

177
00:16:28,540 --> 00:16:35,730
this thing is going and I might just opt out of it altogether and I just kind of creates a bad experience.

178
00:16:35,730 --> 00:16:46,360
So one last thing to note for the post a job for the producer as a developer is you're going to need

179
00:16:46,360 --> 00:16:53,020
to handle what's going to happen if you click on any of these screens so probably something like If

180
00:16:53,020 --> 00:17:02,800
you click on here and nothing is typed it would just say or it would just dismiss if you absolutely

181
00:17:02,800 --> 00:17:07,480
typed in any of these and you dismiss it all say Hey are you sure you want to dismiss.

182
00:17:07,480 --> 00:17:14,380
You got some stuff in here you've already typed out and that is probably something you'll need to think

183
00:17:14,380 --> 00:17:20,410
about if you're handing this up to a developer or another team member or if you're making of yourself.

184
00:17:20,430 --> 00:17:20,720
All right.

185
00:17:20,740 --> 00:17:30,640
So once the user hits done we'll probably want some sort of micro interaction to let the user know that

186
00:17:31,750 --> 00:17:32,800
it's been completed.

187
00:17:32,800 --> 00:17:40,000
So what we can do is let's go ahead and answer on our board

188
00:17:44,240 --> 00:17:46,460
and drag this down.

189
00:17:51,690 --> 00:17:57,790
And what we can do for this for this feed is I'm going to turn this into a symbol.

190
00:17:57,800 --> 00:18:01,630
So this entire our board into a symbol.

191
00:18:02,300 --> 00:18:10,970
And now I just can just throw this right on top of here and I going to make sure the X and Y positions

192
00:18:10,970 --> 00:18:12,860
are zero.

193
00:18:13,100 --> 00:18:22,030
And just like we did with the other app I'm going to insert a rectangle over this entire thing I'm going

194
00:18:22,030 --> 00:18:30,750
to get rid of the borders and to make this pitch black and let's decrease the opacity.

195
00:18:30,950 --> 00:18:36,200
Bring it to like 20 or 25 usually gives a nice clean look.

196
00:18:37,850 --> 00:18:40,010
And let's go up to insert

197
00:18:42,760 --> 00:18:49,930
and we'll do well do a rounded rectangle since there are buttons around it as well and we'll create

198
00:18:49,960 --> 00:18:57,070
almost the same interaction we did with our top 10 so I'm going to make this completely white and I'm

199
00:18:57,070 --> 00:19:00,050
going to center it vertically and horizontally.

200
00:19:00,550 --> 00:19:07,630
If you don't have anything selected it's going to center it vertically and horizontally in the airport

201
00:19:07,630 --> 00:19:08,950
itself.

202
00:19:08,980 --> 00:19:15,130
So I'm going to go ahead and give it a shadow and just decrease it just a little bit.

203
00:19:16,330 --> 00:19:18,820
And we should probably write something like

204
00:19:23,170 --> 00:19:31,150
Job posted you know give these are some confirmation that the job was posted and then maybe what you

205
00:19:31,150 --> 00:19:37,960
can do is find a checkmark that you like you could use the same one from the top 10 as well.

206
00:19:38,110 --> 00:19:42,730
That is going to know that the job was posted.

207
00:19:43,090 --> 00:19:49,510
And we can have this probably appear for one or two seconds and then disappear just a little micro interaction

208
00:19:49,510 --> 00:19:55,390
to let the user know what they did went through because without it we would just send them back here

209
00:19:55,390 --> 00:20:01,010
and they'd be like did anything that I do register.

210
00:20:01,030 --> 00:20:04,570
So try and find a checkmark

211
00:20:10,940 --> 00:20:11,810
and it's

212
00:20:18,090 --> 00:20:24,360
this was the one I use last time and I liked the way I like the way it looked look nice.

213
00:20:24,930 --> 00:20:26,400
So throw it on our board

214
00:20:29,160 --> 00:20:30,780
and let's name this checkmark

215
00:20:33,360 --> 00:20:35,310
and let's decrease the size.

216
00:20:35,310 --> 00:20:41,230
They always give it to you at like 10000 by 10000 points.

217
00:20:41,340 --> 00:20:44,010
I want to delete the the text.

218
00:20:44,730 --> 00:20:46,590
Let's bring this in a little more.

219
00:20:51,060 --> 00:20:56,150
Throw this right here and I'm going to make this that same green light that green.

220
00:20:56,150 --> 00:20:57,670
It's a cool color.

221
00:21:00,010 --> 00:21:01,170
All right.

222
00:21:01,270 --> 00:21:03,500
So I'm going to go ahead and group these two together.

223
00:21:04,130 --> 00:21:14,560
And they call this job posted assets and then I'm going to click the rectangle and center it vertically

224
00:21:14,560 --> 00:21:15,620
and horizontally.

225
00:21:15,670 --> 00:21:17,830
Make sure it's smack dab in the middle.

226
00:21:18,190 --> 00:21:23,530
I command you to group and then posted pop over

227
00:21:27,140 --> 00:21:36,470
awesome so that is the full interaction from here all the way to to our complete a job posting.

228
00:21:36,470 --> 00:21:38,550
Let's go ahead and rename this as well.

229
00:21:38,550 --> 00:21:41,750
Post a job finished

230
00:21:44,700 --> 00:21:45,150
great

231
00:21:47,940 --> 00:21:53,010
this is looking really really good guys.

232
00:21:53,030 --> 00:22:00,050
All right so now let's go ahead and work on the producer side of things so we're going to bid on a project.

233
00:22:00,090 --> 00:22:05,180
Luckily this is going to be pretty similar to the flow here.

234
00:22:05,760 --> 00:22:11,970
We could actually probably even copy and paste one of these art boards because I think the only thing

235
00:22:11,970 --> 00:22:19,050
that would probably need and if we're looking at it from an artist perspective if I posted a job and

236
00:22:19,140 --> 00:22:27,030
someone is bidding on my project all we would really need to see is how much they're willing to do or

237
00:22:27,240 --> 00:22:31,350
how much they are willing to work for and maybe like a small description.

238
00:22:31,350 --> 00:22:38,270
Obviously when the user gets it it's going to be in the box to be able to link back to their profile

239
00:22:38,280 --> 00:22:41,680
and you know take a deep dive further into the producer.

240
00:22:42,240 --> 00:22:49,740
But for the actual work flow of producers bidding on projects I think this will be fantastic.

241
00:22:49,740 --> 00:22:56,340
So what I'm going to do is since this is pretty much already set up I'm going to grab one of these boards

242
00:22:56,340 --> 00:23:00,830
right here and I'm going to option dragons click all the way up here

243
00:23:03,780 --> 00:23:11,940
and we're going to change a couple of things right into the title and do bid on project and I'm going

244
00:23:11,980 --> 00:23:14,590
to center aligned this.

245
00:23:14,610 --> 00:23:16,850
I didn't do it.

246
00:23:17,140 --> 00:23:17,970
I'm still here

247
00:23:21,450 --> 00:23:28,420
and will instruct them to write a note and say Write

248
00:23:33,570 --> 00:23:34,120
a note

249
00:23:37,500 --> 00:23:38,400
about this project

250
00:23:41,160 --> 00:23:44,070
and then lastly we can do is

251
00:23:47,820 --> 00:23:50,700
going to copy this one over here.

252
00:23:51,070 --> 00:23:58,350
And same thing we're going to change the title.

253
00:23:58,610 --> 00:23:59,170
You know what.

254
00:23:59,170 --> 00:24:01,180
Let me do this before forget.

255
00:24:01,200 --> 00:24:05,540
Bid on project and I'm actually going to go and change this.

256
00:24:05,540 --> 00:24:14,270
I didn't realize I didn't in all caps go over here and bid on project

257
00:24:19,410 --> 00:24:27,940
and here we can just say let us know your bid center that and then hit done.

258
00:24:27,950 --> 00:24:31,280
Let's also rename these our board so we don't get confused.

259
00:24:31,400 --> 00:24:38,870
It's going to be bid on Project 1 and they don't project to

260
00:24:44,570 --> 00:24:54,320
so we'll probably also need to have a micro interaction or confirmation to show that your bid went through

261
00:24:55,500 --> 00:25:01,280
in the same way that we did the poster job so let's go ahead and insert an art board.

262
00:25:01,550 --> 00:25:04,270
And I found seven.

263
00:25:05,120 --> 00:25:10,570
And what we'll do is we'll turn this into a symbol as well.

264
00:25:10,580 --> 00:25:13,630
I think I already did it see.

265
00:25:13,640 --> 00:25:18,130
Go ahead and turn the feed producer into a symbol.

266
00:25:19,170 --> 00:25:26,810
And once you're done go ahead and insert that symbol right in the art board that you just created.

267
00:25:29,670 --> 00:25:39,680
Make sure that everything lines up and all we can even do is grab our job posted pop over and the rectangle

268
00:25:39,710 --> 00:25:43,960
the partially dark rectangle and let's go ahead just copy it

269
00:25:47,020 --> 00:25:49,660
and paste it right into our new cardboard.

270
00:25:49,690 --> 00:25:56,610
So a lot of free flowing functionality now that we have all these pieces started to come together.

271
00:25:56,620 --> 00:26:07,850
Let's go ahead and do bid on project finished and now it's always got to do is change here to

272
00:26:13,690 --> 00:26:15,820
get sent.

273
00:26:17,000 --> 00:26:30,320
And we can go ahead and line that main line that vertically in the in the box.

274
00:26:30,320 --> 00:26:32,560
And this is an amazing guy.

275
00:26:32,570 --> 00:26:40,070
So sit back and just kind of take a look at what you guys what you guys did.

276
00:26:40,070 --> 00:26:45,610
So we've created one screen out of this one screen.

277
00:26:45,620 --> 00:26:53,360
We split the functionality into different modes and fully fleshed out what every single screen should

278
00:26:53,360 --> 00:26:55,790
look like.

279
00:26:55,880 --> 00:26:58,850
This is super super super important.

280
00:26:58,850 --> 00:27:02,360
I can't stress this enough to actually go through this.

281
00:27:02,360 --> 00:27:06,320
I know it's kind of a pain and you might think you know what I have it in my head.

282
00:27:06,320 --> 00:27:08,020
I do not need to design this.

283
00:27:08,150 --> 00:27:11,620
I'm just going to hit X code hot and heavy.

284
00:27:12,140 --> 00:27:15,790
But this is such a crucial process.

285
00:27:15,800 --> 00:27:17,720
I can't stress it enough.

286
00:27:17,990 --> 00:27:21,560
And along the way you know we've decided to change some things on the fly.

287
00:27:21,590 --> 00:27:30,060
Once we saw how it looked and it also allowed us to think about the functionality before we even were

288
00:27:30,240 --> 00:27:36,450
you know dove into code for example our xplain you know what happens if there is text in here versus

289
00:27:36,470 --> 00:27:37,790
no text.

290
00:27:37,880 --> 00:27:45,020
And if you're you know somewhere in the process that isn't step 1 Do you want to have a pop up that

291
00:27:45,020 --> 00:27:50,990
says Do you want to leave or you know you have some information already you want to cancel or discard

292
00:27:50,990 --> 00:27:51,260
it.

293
00:27:51,260 --> 00:27:59,870
So this is great this is how you should definitely be approaching your products as you're designing

294
00:27:59,870 --> 00:28:00,730
them out.

295
00:28:01,240 --> 00:28:03,550
And yeah this is awesome.

296
00:28:03,550 --> 00:28:05,170
I'll see you guys in the next video.