In this video we're going to be building our store's homepage. Now, if we refer to the welcome manual that I gave you at the beginning of this course, there is a checklist that you can follow so, you know that you've done everything properly for your store. And in this case, we're gonna refer back to the home page layout. What do we need to make a nice homepage? Well first we need to upload our logo and create a menu for our store. So let's go ahead and do that right away. Now, we're in the online store or in the theme section and we're on our Dawn theme. So we're gonna go ahead and click customize. And we're gonna upload our logo. So we click on header. We click on the theme settings and we click on right here and we upload our logo. Now you see that the logo is kind of small so we can go ahead and we can drag that up and make it even bigger. Now. It fills up that whole space and we can upload our favicon which is the square icon that we created earlier and that is gonna put our logo up here in the top left when people visit our website and now we'll click save One thing that's worth noting is that you're going to be working on this store on your computer, but we need to be constantly looking at how does my store look when I look at it on mobile because mobile is where the majority of our traffic is Gonna Come From. So I really want you to optimize your store for mobile design. So for the bulk of this tutorial, we're gonna be sticking on mobile view. As for the colors, we don't need to really change those unless we have a major color scheme that we really want to get off. And for the there for the font. There are many different fonts and you can play around and see which one you like the best. There are some that I really like and I'm gonna just pick that one right now. I really use this font all the time. I use it in my videos. I use it on different websites. It's all over the viral Vault website. So this is a font that looks super clean. You can play around with the actual thickness of it. And this case we're gonna just go ahead and leave it on regular. There's also another one that I like that's very similar called open Sans. It's right here. And once again, you can see that the font is super clean. But typically I will use this font because I think it's one of the cleanest fonts out there and it looks super nice. So that's what we're gonna use for now and we're gonna go ahead and we're gonna click save by the way. This is the font for the headings and this is the font for the body. So you want to make sure and change both of those and if it is a heading sometimes we want to even go as far as changing the weight of it. So for this one we can go ahead and we can put it for light and that other one is gonna be on regular. So now you can see that there is a little bit of a difference between the heading style and the other textile for the layout section. None of this really matters. It is minor minor design stuff for the button. Once again, all these things. These are such Minor Adjustments. If you're really feeling good about like your design skills, you can go through and you can customize some of that stuff but it doesn't really matter next thing we want to work on is our cart section. So right now we have our cart as a pop-up notification. So let's say I click add to cart. It's going to pop up as a notification that works. But what I typically like to do when I'm doing these type of stores is I'll go and I'll go back to my theme settings and I'll go and I'll change the car actually to a page the reason why is because now when I click add to cart Do it again. It takes them off the product page and it brings them to this page and on this page, they can see their cart. They can get upsold other products and it moves them a step further through the funnel. So that's typically what I would like to do on my cart setting so make sure set that up. The next thing we're going to be doing is actually changing our settings for the checkout. So, let me go back to the home. And then let me scroll down to check out. We don't need to change a lot here, but just Minor Details just make sure that this looks clean. This is just one of those little things but it does make a difference. So if we go to theme settings right here, we click this button. We just want to get this logo changed. Give me one second. Click checkout down here and then go ahead and click that and now we've uploaded our checkout logo. So now when people come to the checkout, they see the same logo that they saw when they came to the website in the first place and I like to put it in the center just because some minor detail so now we're starting to we're starting to get something coming together, right? We have a home page with a logo but we're missing the base of the product. I mean of the website we're missing everything else. So let's go back to the sections Tab and let's look at our checklist. Once again you want to now use a clean Banner that represents your brand with simple text. We don't want to write a lot of text here. We want to represent our brand. So we're gonna click on image banner and we're gonna click on select image. Now Shopify has a library of products that week of images that we can use. So if we go and we look at Travel, We can find some really cool images that represent what it is to travel you can use images like this one. You can find images like this one. We want to find something that represents the lifestyle of travel. This one's pretty nice. That we might go with that one. I'm going to keep scrolling and see what I can find. But there are so many images here that you guys can use. So there's no question about where to find images because shalfly gives you a massive library of them already. If you need more you can always go to Google just be careful which ones you use because you can get in trouble. I actually kind of like this one. So let's go ahead and use this one for now and we'll go ahead and click save on that. And now all we have to do is come up with this is a new feature. It allows you to focus on an image, but we're not gonna do that for now. Now what we're going to want to do is make this minor change. I want to put this as small this is just gonna look cleaner especially on desktop. We don't we don't need a super large one. And then what we can do is we can actually like adjust what part of the picture is focused on. So if we go and do middle Center we can kind of Okay, excuse me. That was just for the text this what I was trying to say this can adjust where everything is set up at it's not really that important. Now we have the basic layout here. We have the logo and we have an image. We just need to go ahead and put some copy in there. So give me a second and I'm gonna try to figure out what we can type inside of here. So I've come up with something extremely simple here Essentials built for any Excursion the world's most unique travel products. All in one place. One thing that I also want to do is this overlay so if we build this up a little bit it kind of adds like a little bit of a black thing over the image and it makes it way easier for us to actually read the text as opposed. If I put is super low. It's impossible to read the text. So you might want to play around with that just make sure your text is actually really easy to read and now we're again moving forward pretty quickly on this website something else that's missing is our announcement Banner. So you want to typically what works best for me is putting a seasonal sale with free shipping. So let's go ahead and put right here. We can put winter sale 30% off plus free shipping and as you can see that fits because our products are all on sale around 30% off and we're in free shipping and we can actually now Implement that accent color that we had added before on our site. So then we go ahead and click save and you're good to go there you can you can adjust that. However you want but that's typically what I would put and again just make sure it's clean make sure it's nothing too crazy and make sure it only fits on one line. We don't want it to say like and it dips over to that next line once be on one clean line. We can put an exclamation point too. All right. So next up. We need to start adding the best sellers to our website. Now, what we want to do here is just give it a creative heading we can of course just say best sellers. Or we can say top sellers or our top sellers or we can get even more creative and you can say 2023. If I could spell top travel Essentials something something along those lines might be a little bit better, right 2023's top travel picks something along those lines is something worth considering that way. It stands out and it's Unique for your brand in this case. We'll just leave it simple and say our best sellers leave the heading size small make sure we keep this only to one line. You can go ahead and write a description if you want. It's gonna pop up right under there but it's not necessary maximum products to show I would say leave it at four and for the maximum desktop columns, we want to also put four that way we can have it nice cleanly display of four different products full with this just makes it stretch across the entire website. We don't need that. And for the collection, this is actually where they're gonna be pulling the products from since we just started our store. We don't even have any collections with the exception of all the products. But if you let's say you had a bunch of products uploaded on your store you'd go through and hit create collection. Then you would hit best sellers and then you would go ahead and upload all the products directly like that. Okay, so just wanted to show you that just in case you get stuck on that view all style. It should be a button. I don't know why it's not there, but there should normally be a button there. I guess in this case, we're not going to be seeing the button and it's not completely necessary. So we don't necessarily need the button in this case. And yeah, that's pretty much it for the best sellers. I still have to go back and upload some more products. So let me go ahead and do that for you guys before we move past this. All right. I've got a couple products uploaded now so we can finish doing this best seller section. I'm gonna say 2023's travel Essentials again. You can use bestsellers. Our top sellers best selling products anything like that. Now as for this just to clean it up a little bit I'm gonna bring this down to actually four. So then we only have four options popping up here and on desktop, you're gonna see how that looks we got four products there all within the travel industry all looking pretty good. And again, we're starting to get a website coming together here next up. The next thing we need to do is actually have two to four product collections / categories. So since we're doing travel, okay, we can do a couple different categories, but Also, keep in mind we don't need categories for this brand if you think about it, everything is travel related. So we don't necessarily even need to separate them in different carriers. You could do air travel and road travel and luggage and these different things but I personally don't think it's necessary. Now you need to have it if there is a huge deviation between your products, but in this case, I really don't think that we need to do our product collections because there's not there's not a big difference between the products that we're selling on the store. So in this case, we're going to skip the product collection section, but typically what you would do is you go to ad section and you go to collections list and then we would go and we would go and do we'll go and do two columns. So that way we have the collections here and then we would start plugging in our different collections. So, you know, if I was gonna do this I would do air travel and I would do flights and I would do generic. But again, you see it's difficult for me to come up with different types of collections. So if your brand has a lot of different categories, we're going to do that. Okay, but in this case, we're not gonna do that. It's not it's not really necessary. So we're gonna skip that for now, but that's how you would do that. If you're gonna do that make sure you have nice images here don't use crappy default images and for now, we'll move on and we'll start plugging in other elements. So we're gonna show an image with text to describe our brand. So now we're gonna go add section really image with text and we're gonna go here and we can find in the free images section another travel related image. I kind of like this one. Let's see what else we can find go ahead and use the first image. I selected because really clean and I like that it shows a person inside of there. We'll go ahead and for the text. Once again, we want to think of a nice creative headline in this case. I was thinking travel smarter. And then we write what we do for our brand our unique collection of travel accessories will make your next trip one that you will remember that you will remember forever. I'm just writing stuff here, but you can play around you can write your own if you struggle. Once again, you always have this tool right here so we can say right me. A short paragraph for the home page of a drop shipping store that sells products in the travel industry. It's crazy how powerful this tool is and I continue to go back to it just so you can see kind of some examples like our mission is provide you with high quality products that are designed to make your travels easier more comfortable and more memorable and I'm not gonna switch it for mine. But as you can see you plug it right here and boom, you know, so it's there the tool is there your disposal use it all right at this point. We pretty much have everything that we need for a clean home page. We have our logo we have our Banner we have our best-selling products again, you can include your collections if it's necessary in this case. I don't think it's necessary. You have a basic explanation of your brand and what you guys sell and then the last thing that we want to finish this page with is some testimonials now what I can do as opposed to testimonials is also doing The value statements of your brand. So what I did to do this was the collapsible content, but you can do the same exact thing and you can do it for a testimonial so you can put like a quote. Taitian Mark of somebody leaving a testimonial or just do what I did. Honestly this works just fine. And this is what I had on one of my stores before so why buy from us? Well, then you go through and you leave the main statements of why I should buy so these are just some samples that you can use just take these or add your own. It doesn't really matter. We want to have at least four. But the most unique products free shipping worldwide your happiness is our priority and 30 day money back guarantee, and then we can go through and we can type up some more things about that. We curate the world's most unique products. Daily and are constantly updating our selection. So boom, and then you say free shipping worldwide. We offer worldwide shipping. And no cost to you for all of our products. And you get the point you go through and you can change You're Gonna Change the icon itself. So we'll put a truck for this one because it's shipping most unique products. We can put maybe something along the lines that represents that I'm trying to find something to check mark is it's fine for that. You're happiness is our priority. Maybe we'll go ahead and put the heart for that and 30 day money back guarantee. Maybe there's something about money. We'll go ahead and put that right. So now you have a store that is looking nice and it only took me 30 minutes to really put this together. So we have a logo we have everything that we really need in a home page with the exception of the categories. And again, I'm explaining why but for your store. If you feel like you need categories, please do that. Please do that because it is important now there's a couple things that we need to do and I'll save that for the next video, but we need to actually do some navigation. So if you click right now all we have is this and if you look down here we have very Generic stuff so we're going to do the navigation now for our store and build the essential Pages for our customers browsing on our website. Let's do it.
