 this lesson we're going to recreate the header of the Apple website. Now the header is a bar which is normally used for navigation. I have it set to the top on mobile. Sometimes it's the three little line icon that you see in the top left and you click it and it slides out. So it could take over the full screen, it could slide out from the right, right or left. But in our case we're going to do it at the top. Now it's pretty simple to make and I'm going to show you, we can link it up a little bit later on, but I'm just going to show you how to make it and every website has a header. It's something standard across the web so it's something you're going to have to do for each one of your projects. So to recreate this, it's actually quite simple. You know there's a logo in the top left hand corner. The logo of pretty much every website will take you back to the homepage. It's normally a link. That's how it works. Then each one of these titles is a different section on the website. Then we've got a search icon and we've got a shopping bag icon. It's all pretty standard and something that you can easily recreate. So on the left hand side we have these panels and sorry, they're like tools we can use. It's actually very, very simple. You notice square, circle, triangle, line, pen tool which is where you can draw shapes. Then there's some of the tools which we'll get into a bit later. But all we need to do now is just draw this rectangle. So we'll draw this rectangle out and we want it to be around the same size as the Apple one. So there we go, 48 pixels. Then I'm just going to click and drag in. You can drag in and normally snaps into place which is a really good feature of XE. Then on the right hand side we have this appearance and the appearance is all the details really. Corners, boxes, anything to do with the actual. So on the left hand side is the actual physical shape. On the right hand side is all the styling really of the shape. So I'm going to go down to fill and you can see there's an all eyedropper tool here on the right hand side. If I just hit the eyedropper I can just go into the Apple one and I can just steal the colour right from there. I can also remove the border. I don't really like borders on a lot of things. A lot of people joke in my videos because I say I don't like borders all the time. But I just, to my eye, it's just something that's not really modern in terms of web design. But you know what? It might come back. So there we go. We've got the border or our background. The next thing we need to do is make this Apple icon. So for the Apple icon, I've copied and pasted it from the web. It's quite hard to find the white PNG. So I'll leave the link in the description of where you can copy and paste this icon like I've done now. Just move it over and just make it smaller. There's two ways to do it. One you can choose the corners or another one is you can actually do it by numbers here. So I can just make it 25 pixels. As long as you've got this little lock icon on, then you know what? You should be fine in what you're doing. So we've got the Apple icon. Let's just move it over here in a minute. Then next we're going to, we'll sort out spacing in a sec. And there's one easy way to do that. But the next thing I want to do is let's make some of these titles. So just press T to get your text tool. Then just, then just space out and just type in Mac. So Apple normally use Helvetica for their text. I mean, there's a couple of different fonts that Apple use. One is Helvetica. I'm not really sure to say that. I think it's Helvetica New. Helvetica Noia. It just means Helvetica New. And Helvetica is a really nice Sansera font. Sansera fonts are ones without little kinks on them. And you know what? They're very, very readable. And the modern, they come from a Swiss movement in design. And Apple really led the charge in Helvetica when it came out. Or when they, you know, it's been their font for years, really. But type in Mac, then here on the right hand side where it says Helvetica, there's a little box, which if you hover over it, it says point text. If you just hit that, you'll see the actual box will go in size properly around the word. Then you can click and drag the word up. And again, where it says fill, hit the eyedropper. And then we're going to steal the gray from the Apple. It's actually very, very hard to do. Like, you might have to, you know what? You might have to zoom in and then steal it from there. Because my hand's not that steady. So there we go. I've got the word Mac. Now you can see as I drag around, you can see I hold Shift a lot and Shift normally locks it into place, or it locks it into the nearest guide. So you can see I hit Shift on the guide and it just, you know, all these little pink icons or these pink lines appear with numbers. And that's a really good feature of actually, it's actually quite simple to get your things spaced out properly. So once you've done that, hold Option, Shift and drag out from Mac and it'll just duplicate the layer. That's something I use all the time. And then just type in the rest of the titles. And then as you do each one, make sure you hit that little button to point text, just so the box goes around there. And then once you do it once, and you're spacing is good. Really. It's something we've got iPhone, then we've got Watch TV. So I'm just going to copy this across a few times. So let's call this Watch. Oops. Caps. So we've got Watch TV Music and Support. Be careful how you spell things because I get torn apart a lot of the time in work for my spelling. I'm pretty sure I'm dyslexic. Let's have a go. Music. And then Support. Right, so there we have all our titles. And then let me just show you how you can. So I think I ungroup these. Let's just take a look. So let me just show you how you can select. So if you Shift, select all of your titles, then up here in the top right, you can see how you're spacing. If you just click, oh, it's hard to guess which one it is. I think it might be this one. There you go. That evenly distributes them. It's quite hard to tell sometimes from the icons what does what. Like the drawback alignment and how you can align boxes. But that, even doing the logo and just hitting that. So the next thing I'm going to do is I'm going to show you where you can get icons from. So this is an amazing website for anyone. And it basically got me through a lot of my jobs. So first of all, check it out. It's the doneownproject.com. T-H-E-N-O-U-N project.com. And it's a place where you can go and get royalty free images. So if I just type in search what this will do is it's kind of like, it's basically a store where a lot of designers put their work on there. So I can go in and I can see, oh, this looks nice. So I'm looking for a search icon. I mean, you can type, look, there's 31,000 results. I mean, that's pretty cool. So you can pretty much get an icon for whatever you want. So I mean, type it in. I mean, a lot of these things take a long time to make, a long time to make. So this definitely saves your time. So if you click get this icon, then you know, you can either pay for it and get the royalty free version or a lot of the time I just get the basic version. And I normally copy and paste this text here. So this is a tributation text and always download the SVG. So it is PNG and SVG. SVG stands for scalable graphic, whereas PNG is pixel based. And I'll show you why scalable graphics are so good now. So I already pasted these in earlier. So look, this is the difference between scalable. See when you zoom in and see how perfect lines are and you make it bigger and it's still perfect. It's because it's not actually an image. It's making it out of, it's called scalable vector. So it's doing it mathematically and it's something, it's something that's like, it's not new. I mean, InDesign's been using scalable graphics for years, but it's just something that you should always get whenever you're doing illustrations or icons. Always try and make it an SVG. So you saw what the deads moved it across. They all come with this text on it. So I just deleted it and then I just changed the, you know, just changed the fill, clicked on it, changed it to white. Now I'm just going to resize that. Now let's take a look. It looks actually that it's like a gray. So I'll copy my gray. So this is called the hex code. I'll go in here. I'll click on the fill and then I'll paste the hex code in, press enter. So there's my search. So just put that around there and then the same for the shopping bag. So these are tributation text. So I pasted these in earlier and I just copied and pasted them and put them at the bottom. I normally add them into the footer and people have put a lot of effort into these. So it's, it's worth doing unless you wanted to pay for the, the rosy free version. But one thing, so I've just made that, I'm going to click on the fill, change that to white. Then I'm going to make that smaller and drag it. It's quite hard to grab this because you've kind of got to grab the line. I'm going to drop it, grab it into here. Then I'm going to resize it. I'm always clicking on the corners and I'm always holding shift as a drag to proportionally constrain it. And then one thing, let's look at this. Now I'm just going to shift that across a few times. I'm going to select them both and then these need to be a little bit more separate. I mean, they're not perfect because they're not the exact Apple icons, but it's not, it's not a bad job. So I was to select loads to go in and select this. What? I've just clicked into it. What I think I want to do is, I think it's too thin. So I'm going to check this button. Once I've clicked it next to border, I'm going to change the border color to white and I'm going to keep it at one. So you can see how it's made a little bit fatter. It's about this. And I'm going to go in here and I'm going to copy the hex code for this and paste it in on here as a presenter. So there you go. They're the same color now. Actually they're not the same color. I need to go and change the border color. So yeah, there we go. That's looking a lot better now. So it looks like they're all evenly spaced out actually. So I'm going to just click and drag this across and then you see it gives me that pink line. So that's my spacing and this should do the same. Then I'm going to shift select all of them. I'm going to press command G or you can right click in group. Then I'm going to shift select. So the group in the background layer and then I'm going to do my spacing here. So I'm going to, when you select two groups or two layers, what it does is when it's all in a group it moves the whole group at the same time rather than individual objects. So I'm going to press that one to put it in the center and then that one to do it vertically and horizontally line. So it's straight in and then zoom out. You know what? We're not looking that bad. So there's our version of the header. The one thing I'd probably notice looking at that size is I'd probably say our text is a little bit too big. So I'm just going to select all the text. Then I'm going to change the font size. I'm going to make it 18. Then I'm going to zoom out again. I'm just giving myself a look from above. I still think it's too big. Then I'm going to actually grab all of these. I'm going to try and make that 16 instead. So I'm doing this on the fly. This is normally how I like to create. I always zoom out and then take a look and then see if it's any fun I can notice. The one thing we're missing is the circle, but that's because I added something to my basket. That's pretty easy to do, just draw a circle. Then what we'll do just to finish this office, we'll just create this little bottom bar. All we do is go to a rectangle up here. We'll then draw a rectangle across. We'll try and make it the same height. So just drag that across. You can't see it because it's on white, but if I zoom in then I can just click and drag the corner and make it roughly the same. I'll remove the border. So there we go, looking good. And then this is Shop Online for fast contact list delivery. You know it's probably easiest to do this. If I head on over to the actual Apple website and then I can copy and paste the text. So I'll just go in and copy and paste that text. Then I'll come here and then I'll just click T to give me my text tool. Click and drag paste. Now the color of this, I'm going to click on the fill and I'm going to make it black just for now. Then I'm going to press this button thing again here to get the text container to wrap around my text. Then I'm just going to click and drag just so it's roughly in this area. Then I'm going to shift click both of them and do my center align, center align vertically. Let's put that in there. I'm going to zoom out just so I can have a look at text size again. That's again too big. So I'm going to probably put that at 14. Then just make sure they're aligned. Take a look. That's looking good and then you can see the way this support is in a blue. I'm just going to click on support here. Now I'm going to click on this fill. Click on fill and then I'm going to just change that to a you can just mess around with it and just change it to a nice blue. There we go. Actually looks more like a little bit of purple actually. I'm going to make my blue. There we go. That's not looking too bad at all. I hope that concludes that lesson. In the next lesson we're going to build this hero and then we're going to work our way down the page. So at least now probably the best thing to do is select them all, give them a group and then you can then if you use this panel down the bottom left click on this second one and this gives us our layers. This is where we keep things nice and tidy. So we call this header and then that's our header done and within the header you can go in here and you can see all the layers. So keep things nice and I'll see you in the next lesson. What's up guys in this lesson we're going to create, this is what I call a promo. So you'll be able to break this down and whenever you see a website you'll see an image. It's got a title, subtitle and these are called call to actions with your buttons and you know almost every website that I make now majority is just promos especially on home pages. Home pages are where you use promos at different sizes. This is called a hero which means large promo and it's normally the top thing on the top of a page and this is where you're going to send people. This is you know the iPhone SE is the big thing at the moment. This is where they're pushing everyone and this is really simple to make actually. So I've attached some files to this lesson and one of them is just click and drag across the MacBook Pro image, sorry not MacBook Pro, what am I doing? The iPhone image, you can tell this I'm doing this live because I'm not cutting the video but just click and drag it across and then just resize it by dragging the corner and doing it to the shape of the canvas. So I went in there and I got rid of the text because a lot of the time these are just really simple to make. So now we've got our full screen image I'm going to show you how to make the text and the text standard across most promos so we can reuse it. So press T to get your text up then click and drag it across and we'll just do the title first. So type in iPhone SE then give it a fill of looks like pure white then well you know we need to bang the size up on this let's give it 42, see the size of that nope too small let's give it 50 and then you can see how this is a lot thinner than this one so this is the weight and the weight we want to make it bold and it's still too small let's give that 60. So a lot of the time and then we'll do the corner thing, I don't even know what this is called but I just made the box to the corner I hate it when it's bigger and then I always need to go back to your direct action tool sometimes it's just this top one in the corner and then shift click and then you know center it a line there and then zoom out and let's have a look at that so it looks like actually I'm going to change the fill and I'm going to use this tool it looks like it's just a slightly oops don't want to make it black use that and then just make it that color because it's not actually the same and I'm going to make that I think it's still too small let's make it 70. So I can tell that that's not exactly the same font I'm just going to try and let's go about the annoy on it. No I can tell that's slightly different so if you just look at them see how our one's a bit wider there's a way we can kind of fake this to get it a bit smaller and normally you mess around with character styles and character styles see this AV this is the space in between so if I change that to minus 10 it'll like condense it a little bit so if I do minus 50 you'll see what I mean it kind of pulls everything in and I mean that bold looks a bit too bold actually let's just try it in medium and let's just pull it into minus 70 it's not perfect but it's a lot better than what it was so we'll go with that actually I think that you know now look at it it looks just a bit too crushed so even though it's not perfect I'm going to go with minus 50 I'd rather the text look good than a copy so let's just do that then we have iPhone SE and then we just need to put some text in again and then that said lots of love bear with me I can't remember what it said lots to love less to spend so let me just go back to the website I can't even copy and paste the text that means I need to type it in lots sorry I should have all this I should have all this copy and paste but I guess you've got to do it again if you're doing it with me it's quite good I really think copying websites is a good place to start it's certainly where I started a lot of my stuff because you just get used to building websites and then you'll get used to building promos and then you'll be able to reuse a few things change the fonts have a new looking website and you know a lot of designers do this and then work from there and there's nothing to be embarrassed about by referencing already good websites and then making them I'm just just learning your trade like that so let's just put that to regular it's probably bit too big let's make that 32 that's not looking that bad now let's move the box in now let's centralise it and then what you'll notice is see this is this got left aligned when this is all shifted over to the left now we want it we want it center align this the first time we've done this so in your text if you just hit this button there this is your character styles this is where your central liner and then that puts it all there so now you can shift drag across and see the guides are really helpful see the way it snaps into place and then this is a little tip that I learned when I was designing Wired Magazine so I'll show you how to space stuff so this is called the X height of a character see this the little the little letters not the capital ones if you do this and then you shift and press down twice one two that puts a 20 pixel gap and I really like my stuff to be mathematical but I always go from the X height underneath it I just think because that's the main line that your eyes see and these ascenders and descenders they're called things that go above and below they're not on the main line so it just creates a nicer gap for your eye really so I'll probably give that 30 it looks like a bit more space you know what we're not looking bad so far so next we're going to do this lesser one so from 10 why does it keep putting why does it keep putting the hash thing in the UK keyboard 1099 per month dot or 279 with trade in there we go this looks we'll use the eye dropper tool again you know like do a certain thing something just doing over and over again and you know you learn them once you learn them a hundred times you're just going to have a really steady hand I think I got it there yeah and then I'll make this about 60 and maybe no I'm well off 21 and you'll learn the font sizes as well like it seems to be you know 16s a common one 21 you're like 16 is what we do for body copy which is normal text then you know 32 is like headlines and you'll just learn this over time and especially when you recreate a website you'll notice that they all use similar font sizes so you know what we're not looking that we're not looking that bad at all the reason it's bigger is because you can I mean you can make this bigger if you want you can shift shift drag it up make it the same sizes on the website it's only because of the way I screenshot the image so there you go it doesn't matter if you've got things see this this is overhanging and this won't show up when you prototype so that's fine to have so I mean look look how close this is what the designers do in Apple they just design it like this so then let's do learn more and we'll do it in this nice blue I can't you know I need to zoom in and you know what I'm not even the best of these tools I've just designed websites for long enough to know that the tools don't really matter it's more about the theory which is what we'll learn later but I mean they're good to know I mean but the thing is the tools change all the time like over the last 10 years I've used maybe six different tools or something like that and then you want to just make one of these arrows on your keyboard for now it's fine if you wanted to you can go and this looks like it's an icon so in the now project you can go in and you know get an arrow icon if you wanted to make a pear effect and then make it blue but for this I'm not going to bother to go in there because it'll just take some time up and it's something that if you want to add you can do it so just do learn more and then we'll just shift drag it across and call it bye I mean you can go into a lot of detail in these if you want to spend hours on it then go ahead it's a great thing to do and we'll get them and we'll just move them across so it looks good to the eye I'll group them and then I normally click the headline and then I'll do my center align it just so it's perfectly center aligned and you know what there you go now let me just show you something cool so in the top right hand corner there's this play icon so this is the first I'm going to show you the prototyping in this if I hit play this is like an imaginary browser and this is what this is our prototype this is where we're doing everything this is what we've created so far and it's quite cool that you've created your first top of your website you got your header you got your bar you got your promo here and there's so much more we can do so in the next lesson we're going to go down and we're going to just duplicate this make a couple more promos and then we're just going to go down the page and finish everything off in the next few lessons so I'll see you there. What's up guys in this lesson we're just going to duplicate this hero and make these two promo boxes here so we'll call them promo because you only normally have one hero on a page and that's normally the top thing but you know they're exactly the same so call them whatever you want terminology doesn't really matter here but in the file in the images so just drop across one that's called iPhone 11 and we'll just do this one first so on this image just resize it until you know it's on I think there's some black bars on my jpeg so you know just knock them off the side on the image and that's not looking that bad so far and then all we really need to do is because it looks like the text looks like this iPhone 11 looks like text is slightly smaller so we'll just we'll group all this and then all you do is just hold option on a Mac I don't know what that is on a PC but option drag it down and then you've noticed it's put it behind this layer so just click this layer and I normally right click and say center back and then that's normally when stuff disappears it's because there's a layer system involved in these and it's normally just behind the other layers but on these it looks like these two so we'll just click the fill and we'll just make them you know what instead of black we'll just make them very very dark right and we'll do it like that and then we'll just change the text on here to iPhone 11 and we'll just change the text so you know what just exactly what it says so it says just the right amount of I love mine iPhone 11 I've had it for nearly a year now such a great firm so let's just double click on this and then change this text it looks like it's a bit smaller let's go for 50 yeah 50 is fine we'll center line that and then looks like that's a little bit smaller as well so we'll take that down to more like a 26 and I'm just guessing on these sizes you know it looks like I think that's a 21 let's just take that down to 18 and then because we just want the right hierarchy so we want this the biggest then this the second biggest then this the third biggest it just normally makes everything make good and then we'll just make sure the century aligned and then you know we've got the same buttons again bring them up there and you know what I think the only difference is this space here doesn't look right so we'll make that 20 just because it's a bit smaller and then we'll bring them up and we'll make them the same spacing at the bottom here so bring them up then 120 and then we'll just check that this is in the right space in the image like they've got and then just press play and just have a look see what this is like so we've got this iPhone SE wow move down iPhone 11 that looks I'm just checking whether everything sits nice and sits right so that's right then I'm just going to click on this and just make it a little bigger my actual screen move these down and then in the folder there's another image and it's called iPhone 11 Pro so just click on that drag that across and you can actually see something that they've done which I haven't done actually is I'm just going to give them a 10 pixel border or maybe 20 actually in between the um no it's 10 in between the two lines so if I just drag this up and then I press shift down on one and it goes in increments of 10 so and then I'll just make that the right size and then I'll just do it again shift drag down and then there we go and then all I need to do is then I'll drag all this down send this again to the back and then it looks like these two are in white again and then change my filter white change this to iPhone 11 I mean you can see how quick things get you know once you start once you've built one thing and then this says I really like the green in this you know it's an expensive phone but it's a nice green isn't it anyone who's got this phone let me know in the comments what you think of it is it a is it a decent phone or no is it worth the extra is it worth the extra money so that looks like it's $32.99 or wow $7.99 with trading that's expensive and then did I get the right one for this I didn't I'll just change that just so it looks a bit I don't want the same thing on each one $22 or $5.59 and then you know what we are looking good let's pay that again so promo iPhone 11 promo iPhone 11 pro promo I mean it's a nice looking website but you can see how technically easy it is to make and you know these are these are the same thing that's that's slightly bigger but it's still the same thing so I class that as three promo boxes but in the next lesson we're just gonna we're gonna make we're gonna make these and we're gonna call these sub-promos but all they are is the same as this but two across so I'll see you there what's up guys welcome back in this lesson we're gonna create some of these promo boxes here and one thing I want to introduce to you is the idea of a layout grid you see the way you know this is we've been doing one column stuff so far so we didn't need a grid but now we want these boxes to be even and the easiest way to do this is select your canvas then here on the right hand side you see this grid just check it and this will create a grid which you can just switch on and off by clicking the little tick icon and you see the way it's got these big blue columns yours are gonna look different than that and the reason is I've already gone in and I've just messed around with the sizes to see what worked so for this lesson I want you to set it to two columns to two column width 945 and gutter width to 10 so gutter width is the center in the middle column width 945 is the pixel dimensions of this width and this is what we're gonna use to you know actually draw some boxes and create our create our layout so for this one I just want to draw a box and I'm gonna draw it to about that size and just give it a fill of gray so we can see it then I'm gonna get rid of the border and then what what I want to do is in the file that I've given you we're gonna have a look at some of the promos that I've made so the first promo is for the watch so watch promo if you click and drag that in click and drag it into the box that you've just created it will then paste it into that box so if I switch off the to see the grid you need to select your artboard actually and then just knock it off see the way to paste it into that square so for this just duplicate it again and then just double click in and this is where you get to move things around this is stuff within it and then for the next one you'll see macbook pro I can then click and paste that within the box again you know it's going in the box so the box goes blue and then see how that's done that within the box and then all I need to do is duplicate these to move them down give them a shift 10 to make this oops to make this basin of 10 between them do it again and then there we've got our promo boxes and then all you need to do is go into the file which I've made and just move across the stuff so there's one called ipad pro I'll drag that into there then there's apple tv drag that one into there and then there's arcade and today apple so arcade goes into there and then today apple goes into into that final one and you know if you want to double click in them you can move them about you can resize them that's how you get access to the image but for now at least we've created the boxes and then all we need to do is go in and add the text and it's really that simple but I want to select all of these first and then just move them up here shift 10 so at least our spacing is right so we've got 10 in the middle 10 up here 10 up here this is how things you know if you press play now and have a look this is how things look visually nice to the eye so you see all these consistent spacing I need to go in and change that so always check your preview and you'll notice things so that to me is unacceptable whenever we have little lines somewhere so I'm a bit OCD so I'll go in now make that bigger and then I'll click play again and you know you'll notice how unprofessional it looks sometimes when you see like a key line or something this is something I learned in Wired magazine and we'd spend hours making sure every line is pixel perfect because you could just you know you ignore all the good designing you notice something that stands out basically which is what happens and then 4D is all we need to do is copy and paste this and we'll go over here and we'll paste it in and we'll just it looks about the same size in fact I can guarantee you it's the same size so we'll call this one so this is watch with a capital and you know we could go in and we could change the text but I'm just going to give that a couple of spaces up because we need to go in and we need to just add a little bit more text which says series 5 and they've got it in this red so I'm just going to click on film that's going to give it a red and it looks like it's quite thin so I'm going to give it a light and then I'm going to look quite spaced out so I'm at least going to put that back to zero and then the size right down to 22 then use this this is my favourite tool on this to make the box put it there underneath it you know I look still smaller than that so maybe 18 and then I definitely got it wrong it's definitely a regular so there we go Apple watch series 5 and then you can just I'm just going to put it I'm just going to do one line of text now with the always on retina display look even Apple's telling me I've spelled it wrong although I'm spelling it like oh maybe I did spell it wrong I'm not very good at this then I'll get rid of that and then I'll just these lean more and buy these run everything and there you go we've got a good space in there actually that's taken a weird space and so I'm just going to do that excite thing again up to up to here one two three 30 down so then we've got that in there and you know what you can go in and you can add the logo you go and find an Apple logo in black from the internet but to save time I'm just going to I'm just going to move this across now central line now make these two make them white I mean you might find it annoying that the grids the grids always on but for me when I'm designing it's really nice and it's really nice and simple so I'm going to make this Mac book pro and then this text says power dash moves and so central line and it looks like there's no subhead on this so I'm just going to move all this stuff up and we'll do that again one two three from there and just make sure these two are aligned but for example say I made this one down here and I shift these two groups and see this top one here with the line at the top that will align it to the very top one or it could have aligned to the bottom by hitting the bottom one there moving it all down and the reason all that didn't move is because that wasn't grouped with the series five and you know what I've just left it in the image for the last three just so you don't need to go and do it and I just want to show you something quickly so just quickly do the iPad pro and it looks like the same series five text is actually moved above it and it says called new and all I did is shift click that there and then I'll move these down again one two three and just quickly change this text to your next, oops, next computer is not a, I love my iPad you know what I like an Apple fanboy in this but I mean it's my favourite thing around the house it's quite a fun thing to use you know what I mean but you could use it for work or could and then you know what I've left these in because they're quite hard because you know the custom text and I couldn't get that off the image there and then there we go you know the promos are looking good so we just got our top promo, got this, got this, got this, got this congratulations for completing the course so you're probably wondering what the next steps are you've got you know your little feet wet in design and you're excited to go ahead and do some more things so this is my sales pitch effectively for my full course which is UXUI design certification I'm very very proud of this so I've put you know hundreds of hours really into the creation of this so I don't mind letting you know what's inside there so in this course you'll get a certificate at the end you can put your CV to show prospective employers but more than just a certificate it's the knowledge that I'm going to share with you so there's 25 hours in here now and you know what I'm working on this pretty much every day so it's going to grow a lot you'll do more tutorials like we've done we'll design some more stuff but more importantly to me I'm going to teach you the theory of how to design websites and how to think about websites there's lots of examples where I'll go through current websites which are the best in the world and I'll show you why they do certain things when we'll talk about them I'll even make a website with you in Squarespace so we can get one live on the internet and I'll show you how some of these new tools are being used we'll look at Adobe XD, we'll look at Figma, we'll look at different things but you'll just understand how to think like a designer I've got an entire section at the end which is what my passion is is to help you get into the industry so for the last 15 years I've worked some of the world's biggest companies inside so that includes the BBC, Barclays, Vogue Magazine Wired Magazine, Cisco and loads of others and so I know what it's like to be on both sides of the interview table and I know what it's like to actually talk to recruiters who are going to get you a job it's not available for that long each person has a limited time to sign up because I'm really trying to keep the numbers down on students and focus on quality so take a look see if it's right for you if not you know what there's plenty of free stuff available on YouTube you might want to go and check that out but this is all unique content from me just because I've got experience working in these places so I want to share with you my passion my knowledge and really some insight tips on how to get a job we'll talk about what's good in a portfolio and hopefully by the end of this you'll have a portfolio you can start adding projects in there and you'll know what to look for when designing websites you'll know what to say in interviews we'll go through loads of interview questions and you'll just feel a bit more confident in design and if this is the career you're going to want to go into hopefully by the end of the course you know what you'll know if this is the right thing for you and I certainly think it's a great career to go into you know it's the fastest growing one in digital there's plenty of jobs on the market that's where a lot of my tips are coming I'm going to show you how to get in the back door how we're going to use LinkedIn to approach people to use some hustle and actually get our first work experience placement that's how I got in so please check it out I'll leave the link in the description and hopefully I'll see you on the inside take care