How to Make a Website in 10 mins – Simple & Easy

How to Make a Website in 10 mins – Simple & Easy


Hi guys, I’m Subhang from WebsiteLearners.com and in this video I’m
going to show you how you can quickly make a
website. (in just 10 mins) Now after watching this video,
you will be able to make any kind of website just like
this, by using drag & drop. So, don’t miss this video out and watch it till the end, to learn how to do it. Okay! So, I’m Subhang from
WebsiteLearners.com and Let’s
start making this website! Okay! So before we start, you need
to First, Click the link, below this video. So I’m going to click this link. And, It will take
You to this page. Now we’re going to do
this in just 5 steps! Ok! So the 1st step is
to pick a name for your website. Now, I already have
picked a name which is “quicktechy.com” So I’m
going to search for it… And then click
“check availability”. Okay, so you can see that
the name is available. Once you get the name, you
can go to the next step, which is to Get
hosting & domain. Hosting & domain are the two
things we need for launching our website. Hosting is the place where your website’s files will be stored Domain is the name of
your website So to get hosting & domain,
let’s scroll down… and click get hosting… This will take you to godadddy.com, where we’re
going to buy the hosting. So let’s, click
‘get started’. Now enter the same name
which you chose earlier. So I’m going to enter
quicktechy.com… And then click search. Now click select
& continue. Okay! So, this is our cart. Now you can see here that we’re
getting the domain for 959 rupees Now, if we change the duration
from 2 years… to 1 year….. You can see that, we’re
getting the domain for free. So, now let’s proceed
to checkout. Now Godaddy will ask you login. So let’s click create account. and fill in these details. Now enter
any 4-digit number for the pin And click “Create Account”. and then continue
filling these details. Now, choose your payment
option, and click continue.. Okay! So guy’s this is going to cost us
around 99 rupees per month, and, the plan will be
valid for 1 year. So let’s place the order. and make the payment. So I’m going to
quickly complete the payment! Okay! So now we’ve completed the
payment & we have got our Domain & Hosting. Now let’s go to STEP 3, which is to Install WordPress. Now we’re going to use
wordpress because it makes it very easy to build a
website without knowing any programming or coding. So let’s install
wordpress, We’re going to scroll down & then click
managed wordpress. Okay! So we’ll click here, and then click get started. Now just select your domain. and.. click next. then again click next Now you need to enter a username
& password for wordpress. You will need this to login
into wordpress So I’m going to enter my name and password and click install. Okay! So wordpress is installed! Now, let’s click
‘get started’. and then click no thanks… and okay. Okay, so this is our
Wordpress Dashboard! Now from here you’ll be able to
control your website. Now if you want to access the (wordpress) dashboard
anytime again, you just simply go to your website address and type login Okay. So, once you reach your
wordpress dashboard, This means your website
is LIVE. So to check that let’s go to our website address And press enter Now as you can see… our website is LIVE! So! This is how, the default site, looks like. So next, In order to easily
edit our website, we’re going
to install a new theme. So the new theme is called
“Astra” So to install the
theme, let’s go here… and click themes. now click ‘add new’ and search for… Astra. So we’re going to
install this theme. Just click install. and click activate. Okay! So the theme is activated. Next, we’re going to install
a plugin which comes with this theme. So by installing the plugin
we’ll be able to easily customise our theme. So to install that plugin,
let’s go to plugins. And then click ‘add new’. Now search for a Plugin
called ‘Astra’, And then install this plugin.. So click install. and then click activate. So the Astra Sites
plugin is now installed! Now, This plugin has a set of
Designs for your website, which you can choose and then apply it to your site. So to see those designs
let’s click see library. So these are the designs. Now, before you choose a
design, Just click elementor. this will make it easier for you to edit the design So click elementor and now you can choose any design you like….. So, I’m going to
choose this design… And you can see how the site look like! If you want to apply this design to your site… Just click install plugins. and then click import this site. Now the design and the demo content will be imported into your site Once its done! We can now see the site So let’s click “view site”. Okay! So as you can see, the demo has
been imported into our website. and this is how it looks. And you can also see these
other pages which also has the demo content…. So, Once you’ve got the design into your site You can now go to the final step which is to Edit the content. So, To edit any page of your site. You just have go into the page and click Edit with Elementor. So let’s say you want to
edit the homepage, You just simply click home… And then click “edit
with elementor”. And now you will go into
this editing section. So let’s say you want to change the text here. you just select the text, And then start typing anything you want So I’m going to type
(Hi! Welcome to my website) And now if you want to change the text on this button. You just click here… And change
text on this button here So the same way, you can
edit any text you want on this page Just select the text. And then start typing. So this works
throughout the website. Now if you want to change
this image, You just click it. Select the image here. And drag & drop your image. So once you’re done with the
changes, you can simply save the page, by
clicking “save”. And all your changes
will be saved. Now you can view the page
by clicking here and then click view page. So, you can see that all
our changes are here… Okay, so now you know
how you can edit any page of your site! Next we’re going to see how you
can change the Header… Or the footer area
of your website. Now by using elementor you will able to change this part of your wesite. But if you want to change this area, which is the header. you can do it by going into the customize option. So let’s go to customize. Now you can see that there
are some “Blue icons”. Now if you want to change
this logo, just click this “Blue Icon” and you can
change the Logo here. Now the same way you can change
the menu section by clicking these icons. So everything can be edited by using these blue icons. and this will be same in footer area also. So let’s say if you want to change the text. You just click this blue icon and start typing anything
you want. Once you are done with
the changes, just click “publish” and they will
be published on the site. Now lets’ close this and
go back to our site. Okay! So we saw how to edit
the header & footer area. Now, what if you want
to add a new page? It’s very simple. All you need to do is, you
need to go into this new, And click page. Now let’s say you want to create a service page for your website you need to first enter a title. and now to start creating a page just click edit with “Elementor”. So now, it will take you to the blank section and now you have two options to
create your page. First you can either use these
elements which are over here. and then drag and drop
them into this area. So for example; if you want
to add a heading you can drag and drop this element here. and then enter your text. And to add an image you can
drag & drop this element. So drag & drop here and start creating your page! Now the other way to
create a page… is by using templates. Now templates are ready-made pages which you can import into your site. So let’s click “add template” and you will
find a lot of designs here. Now if you want to use any designs, simply click it. See how its look like. And if you like it, just click
insert to get it into your page. And now you can see that we’ve got the design into our page. Now again like we did before you can change anything on this page, Just by selecting it and typing anything you want. This is how it works. Once you are done with the
changes, click save and view
page. That’s it guys! This how you can add new pages to your site. So now you know,
How you can launch your site, By getting domain & hosting. Import the demo content. and then edit it to make your own website So if you’re ready to start making you own website… Just click here. It will take you to the page which we say in the first step which was choosing your domain. So just pick a domain and build your website. I will see you in the next video. Babye 🙂 So, If you want to also create
a Business E-mail for your website. You can watch this video, We show you, How you can do it for free!

Designing a website – Episode 1: Planning & site map!

Designing a website – Episode 1: Planning & site map!


– Hello, everyone, and
welcome to a new series on my YouTube channel. This series is going to be
documenting the process of me redesigning, rebuilding my website from the very start to the
very end when it launches. I did originally think about
doing this all in one video just as like an overview
of how I built it, at the end, when eventually
that happens, but I feel like I’m going to be able to show you more of my process along the way if I’m doing this video in chunks for like each part of the process. You’re gonna be able to see more in-depth how I work, and, yeah,
just get more of that behind-the-scenes, and
hopefully more learning as well, so. I hope that sounds good to you. In today’s video, the first in the series, we’re gonna dive in
with the planning phase. Planning the site map, planning what pages I need to design. This is a really important
part of the process. It’s maybe not the funnest
part of the process cause it’s not when you’re,
like, arranging pixels on the page and doing cool designs. It’s a lot of the thinking
and the planning that goes into it, beforehand. Before you get to those stages, but I think it’s just as
important, and it’s just as important for you to
see, so, I’m excited to plan along with you today. I’ve got my iPad, got my Apple Pencil, and let’s get going. First off, let’s take a
look at my current website as it stands, I guess? So this was designed back in… I can’t remember now if
it was 2014 or 2015, but I just know that it was a while ago. And so the design needs some updating. I’ve changed my branding
since then, slightly, and also this website just doesn’t really fit to my needs anymore? It doesn’t really fit what
I need from a website? I used to write pretty
regularly on a blog, as well, on my old website. Not in the past year or so,
but, before then, I was. I’ve decided that I’m not going to be porting this blog over to my new website. Which, by the way, I’m gonna
be building in Webflow. I guess it’s more of a
visual way to build a website so you don’t actually need to know how to code it from scratch to be able to make it in Webflow. And they have a really great CMS as well, it seems really powerful, so, I’m excited to try that out. My current website is built
in WordPress, and they do have a way that you
can, like, bring all your WordPress posts over to Webflow, but, I’ve just decided I’m not gonna bother. I’m gonna, like, leave those in the past. There is a couple of posts
that I might transport over to my new blog that I’m gonna
do, which I’ll get into in a second, but yeah. For the most part, this
site is going to be completely revamped. I want my new site to be a
little bit more flexible. I want it to do a few
more things, as well. The first thing is I want
it to be my content hub. This was kind of my idea
for the previous one, but it didn’t really turn out that way. It was mostly just the blog posts and links to my latest on the home page, but I want to be able to
have my videos on there, podcasts on there, blog posts on there, and all be searchable
together so that if you want to learn about a certain topic, I will be able to have a
page for that with like, this video, this blog
post, oh and this podcast that you should listen to, on the topic. So yeah, the first thing
is bringing all my content together, cause right now it
is just all separated out. The second thing is, obviously,
because I’m a designer, I need to have my portfolio on my website, and it’s not only my design
work that I want to have a new portfolio, I also want to have like a speaker’s page. Like a portfolio of my public
speaking and workshop efforts to try and attract more of that. I am also planning on
starting to blog again, as I alluded to before, but this time on a slightly different topic. I really want to write about the behind-the-scenes of my business. So, posts about, like, what it’s like to start up an LLC, and working with an accountant, income reports, perhaps,
something I’m thinking of doing. These things I feel don’t
particularly fit with my YouTube channel, which
is more design-focused, but they’re still things
I want to put out there. So, I feel like writing about
them will be a good fit. So that will go on my new website. And then, lastly, eventually
I want to bring a store into this website. Right now, my online store
is on a separate platform. It’s a completely
different brand, as well, but, in the future I want
to bring that in, and, have it all in one space. I’m not going to worry
about that for now, however. So, we’re just gonna focus
on, yeah, the content and portfolio side of things. So, with that in mind,
let’s start planning. And the first thing I’m gonna do is write down on this page,
actually, I’m gonna write content or hire me. Cause this is the two
frames of mind of, like, what people are looking to do
when they come to my website, as I see it. They’re either looking for
content, to learn about something from me, or they’re, like, interested in hiring
me for a certain thing. With those in mind, let’s start planning what pages I’m gonna
need as part of the site. The first one is obviously a home page. I feel like I’m gonna
want a page that’s, like, a content hub. So I’m just gonna write content. That’ll be, perhaps that’ll be some
categories listed, and like, suggested to you. Almost like the playlist that I have on my YouTube channel, but instead of just being videos, there’ll be
blogs and podcasts as well. And then, as part of content,
I’m also going to need three different templates, basically. I’m going to need audio, video, and written. I’m sure you’re wondering right now how I became a designer when I can’t even draw a box neatly, but, hey. That’s how it works. I’m also going to need my portfolio. And in that I’m going to have, like, an individual project. Obviously I’m going to need
a template for that, as well. Gonna add my speaking page in here as well that I mentioned. Then there’ll be the basics,
that’s like, an about page, and a contact page, too, probably. Actually, as part of contact,
it would be a good idea for me to have a form on
my website for my portfolio review series I think. Right now my instructions
are for you to email me with a specific subject
line and include the information, you know,
in order for me to review your portfolio in that
series that I do on YouTube? But, not everyone uses
the right subject line, so it doesn’t go into,
like, the right folder in my inbox, and not everyone
gives all the information that I need as well. So, I think having some
sort of form on my website, where you can just fill in
your details and submit that, will make the whole process a lot easier for everyone involved. A page that’s quite
highly-visited on my website at the moment, thanks to a
video that’s quite popular is where you can download
my screen printing guide. Basically it just has the video and a form and that’s where you get
the guide sent to you. So a lot of people come
over from that video. I thought about having that
page as part of this new website, but what I think
I’m actually going to do is have screen printing as a
category in my content, here, so it’ll be, like, part of this? And, that way the form
will be on that page for you to download, and
also see any, like, videos or blog posts, or
whatever that I’ve written about screen printing too. So, actually, as part of this, kind of in between here,
I should also put… I’m just gonna add it next to it anyway. Like a category page? Content page is, like, the
home of all the content, and then a category page is that playlist, I think, where it’s the audio, video, written. Thinking more about
this contact page, too. I think I’m also going to have, like, a freelance form submission, so, if there’s a project that
you’re interested in me working on with you, you can
fill this out with, like, information about the project. I’m also going to want,
like, a plain page template that I can pull out whenever
I need to for giveaways. This is something that I like to do in the middle of logs, every now and then, it’s just, throw up a giveaway. And to do that, I get
people to fill in a form so that I can, like, pick the
winner randomly from there. So, yeah. Plain page that I can just duplicate whenever and make a new giveaway will be really helpful. Thinking about what else
is on my current website that I might want to bring over. The only page that I really
am not considering, here, and not adding in, is my newsletter page. So, I just have a page about signing up for my newsletter. I don’t think I’m gonna do that, because, to be honest, I haven’t been super regular with sending out a newsletter, lately, and I think instead of having newsletters, like, the reason for people to sign up, I instead would rather have a form on each content category page that they can fill in
there to get a certain, I don’t know, PDF opt-in,
something or other that I’ll create. And then they’ll, they
can get emails about that particular topic, in general, and they’ll also be added to my list, if I do send a newsletter. I think that’ll be a better
way of going about it than having a dedicated newsletter page. I think I should really move this. I don’t know how to
move things in this app, so I’m just gonna erase
it and write it again. But I think home should be
seen as above all of these other things. Because my home page will
be the hub of everything. Perhaps some things won’t
be connected to home, like, I’m gonna, actually
remove giveaways from that. But, everything else, I think, will be coming from the home
page, and the home page will be designed to lead
you into the right thing. With these two things
in mind, in particular: content, or hiring me, as the main thing that you’re looking for. So that’ll be the first
decision that I make someone make. (laughs) Make someone make when they come onto this page. It’s kind of like this is the content stuff,
this is the hiring me stuff, and these two pages are
kind of fitting with both. Now this seems like a lot of work, right? Like that’s a lot of pages
that I need to design. So, to start with, to stop me from getting overwhelmed, first I’m actually going to just do an MVP of my homepage. So it won’t have all of these sub pages. It will just be a homepage that
links off to various things. So, it needs to link off to my YouTube, social media, I think I won’t have a
contact form even on it, to start with, I’ll just have my email address, bio, and, maybe in place of building out a full
portfolio, I’m going to have a link to my Dribbble on there and I will make sure I
update that a little bit, cause that’s also something
I don’t do very often. So this way, people will
get access to my content, they will know how to contact me, they will learn a bit about me, and see a bit of my work. But without me having to
put in all the work of doing all these extra pages, just yet. So that means I can get my new site, like, up and running. In designing this page,
I guess I’ll be able to develop a design system for
it, and kind of like a brand for my website as well
that’ll make it easier to design these other pages. And, just in general, I
think it’ll be a good start to the project. (laughs) So that is my very
messy plan for my website. It’s pretty simple, but, it’s really good to
do this thinking about what you might need, rather than getting halfway through,
like, starting and then you know, the project
keeps expanding from there. Especially this piece of figuring out what people are going to
be coming to your site for, I think is really important to get down. So, if you have a website
project that you’re working on, I really encourage you
to do this step first, just to figure out exactly
what pages are needed. If you’re working with a
client, you’re gonna need to do this, anyway, to
scope out the project and how much design work is
gonna be involved for you. But it also just really
helps me to see it, and to know what work is coming, and I’ll be able to, like, tackle these section-by-section, I think. Hope you found this
interesting to see, anyway, and that was useful in some way to you. And that you’re excited,
too, about this new series of mine, redesigning my website. I’m very excited about it, and I’ve been talking about it for a long time, and I think that making videos about it is going to actually, finally, help me get it done, because I’m gonna have you to keep me accountable. All right? (giggles) That’s it for now. Give it a thumbs up if you enjoyed it. Thanks for watching, and,
I’ll see you in the next one. And, I guess the next video will be the wireframing and possibly design of this MVP homepage. So, looking forward to seeing you then. Bye.