Website Overview

9 minutes
Share the link to this page
Copied
  Completed

Transcript

Hi guys, welcome back. So this is the website that we will create today. And as you can see, it's quite a good looking website. I have taken inspiration from different websites which are like we show it to you. There is this website called awards, ww AR DS awards. So if you need a if you need inspiration on this one, yeah, a triple w AR DS.

All right. Okay, so let me start with this. So there is a website where you can go to get inspiration, like the Select websites, which are good looking quite nice looking and have good UI and UX behind them. So you can go here and search for inspiration before starting a project. So yeah, I have taken direct inspiration from some of the websites that are listed here. Right and I have come up with this.

So Is the website that we will create in this tutorial series. And let me begin. So yeah, at the top we have this top bar with my account login links and checkout cart pages etc with some some contact information and below that we have or below that we have our header with the search form to the left our logo in the center and some social media links to the right. Alright, and below that we have our menu bar, okay, with some drop down links. Cool. And the final thing is the cart as you can see, there are no products in the cart right now.

All right. Okay, moving on. Below that we have our hero section. And as you can see it is the pictures are changing automatically. And when I click on these, these are linked to another page. So yeah, okay, so I linked this one to the, the space women.

All right. Close this Okay, now Now let's move ahead on below the hero section, we have these three links, these three categories. And as you can see, when I hover over one of these, they start to float in the air. How cool is that? All right, and you can link these to any page and I'll show you how to do that in the future videos. But right now, I have not linked them to anywhere.

So as you can see, I can just to view image, right? Okay, and below that we have our bestsellers. And you can click on these and drag here on the left, right of right. Alright. And you can see all the bestsellers. So when you click on this link, it goes to bestsellers.

All right. Let's close this and move on. And now we have a divider, and some space for Instagram. So hashtag watermelon, which is the time for our brand to get featured by showing us how you watermelon on Instagram. All right below that we have our Instagram feed. So this is my feed and I'll show you how to do that.

How to Link, Estonia fee to your website and below that we have a lot more as you can see, and now below that we have some text. So this space can be used to give the site visitor some more information about your brand. Alright, and there are some links in between. So I will link my link to these to some random places. Yeah, I link eldest spirit to T shirts, men t shirts, alright. And I'll show you how to do that.

And below that we have the photo with our company information, support pages, orders and returns information. Lastly, again the again our social media links and below that we have a bottom footer where I have put me by crazy design dot space and privacy policy and terms and conditions. All right now. I'll give you your homework. Right now you will create this upset along with me but I have what I will not show you is what I will not show you to make is Our Story About Us team pages. All right FAQ all these pages other than the Contact Us page, and the terracotta page, I'll show you how to read these two pages.

But other than that, what you have to do is create all these other pages All right, and comment them below. Okay, so the Contact Us page on the Contact Us page, as you can see there is this form and this works. So, whenever a site visitor puts anything here, you will receive the information in the backend of your upset the Tidewater page here, whenever someone orders, they can track their orders from here with the order ID and the winning email. Okay, let me close this for now. Let's move on. Now let me go to the T shirts page.

So this is our category page main t shirts. Alright, so as you can see in this this page looks quite nice. It's a very clean design. And you don't have to actually spend any money in creating this website. You need his maximum his domain name which is a string and a hosting somewhere so you need to put your website on the internet somewhere right? So you need the hosting and the domain name that you have to buy.

Other than that you don't need to spend any money like if you are willing to spend money then you can do you can customize this website as per your liking like whatever you want you can do it if you are willing to spend money, but they are as of now for free. This is this is quite good that you get. So yeah, this is the category page men t shirts and towards the left there is this WooCommerce sidebar with filters. So if I if I click on bags, I can see the bags and when I go back to men, I can see all the main t shirts and below that we have filters, filters for sorting t shirts by size and by color. And by price. All right.

Now you must be wondering Can I get color here like You can, but you will have to spend some money. Similarly, women t shirts, bags, accessories, and custom. Now what is custom? It's quite cool. So what happens is whenever someone visits your website, they can click View. And this opens up and they can select the size and what it is.

As you can see, there is this personalized design button here. So when I click on it, this window pops up and wait for it. Wait for it. Yeah, so the visitors on your website can upload their own designs. So let me cancel it. So instead of this zombie in the city, what they will get is upload.

Let me upload this one idea. And let it upload. Yeah. As you can see, the zombies replaced by the deer so the visitors on your website can put their own designs and they can order their designs on your website. How cool is that? So let's close this.

Now. Let me add this product to cart. Add To Cart. Alright, and then it goes here as you can see when I hover over this cart, I can see the I can see the product. Now check out here so it comes here and as you can see it is quite good looking quite nice and clean checkout page and we have cash on delivery PayPal and credit debit card so the visitors can pay using PayPal and credit debit card. Now I will be integrating stripe in this website to get payments from the visitors on your website.

Now the thing with stripe is you can accept the payments right here on your website and I don't know what reserve if you can do that but I use reserve and on that whatever it is for the payment when you click on pay, another window opens up and then the cost McCann was able to pay for the robot here they can just put in their credit card information and payment is done. Right. Now I have told you that we have all these photos on our website and you can even customize all this, but how are we going to fulfill these orders? So there are these services online which allow you to fulfill these orders. And what they do is whenever someone orders something from your website, they take it and they print it on a T shirt and they ship it under your brand name to your customer.

Okay, so one of those is printful printful All right. What happens is they will take the order which are which you receive, they will print it and ship or ship it on your behalf to the customer. Now they are based in the US I think and they have a fulfillment centers in the Europe and the USA. So it's good for North America and Europe. If you are in India, then you can use print or print or calm. Yeah, they are in India.

So if you are somewhere in the Indian subcontinent, you can use this, and they ship internationally. So that's cool. They even shipped to North America. So that's quite nice. Try both of these, whichever you like, but I will in this tutorial use printful I guess that will be all for this video. And I hope you are excited.

Because you will not only able to build a website and if you are really serious, you can actually run it and earn money. And if you are not if you don't want to sell stuff, but what you can learn is creating websites and you will learn and you will learn how WordPress works so you will be able to create websites for your clients. All right. So yeah, I will see you in the next video. Bye

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.