00:01 Building a website requires clear goals and a structured plan 02:00 Planning and organizing website sections is crucial for easier website development 03:39 Build a wireframe as a low-fidelity version of the website for design inspiration. 05:20 Creating a design system using rules for each website component 06:59 Establishing consistent typography, color, spacing, and layout rules for design cohesiveness. 08:38 Creating a mid-fidelity mockup is crucial for building the final website easily 10:12 Key things to build a website: domain name, hosting, code. 11:49 Hostinger offers customizable websites with a learning curve 13:32 Built a website from start to finish with design details
dude I LOVE your videos! ive been listening to them all day because I have to build a website for my art business (im a digital artist and marketer and I dont know as much about graphic/ web design) but I can really tell you KNOW what you're doing and I love the way you present information in a fun engaging and memorable way. You are sparking so many ideas for me! I'm blown away that you only have 15k subs and like 100 followers on twitter what the heck?? are you thinking of making a discord? id love to meet your community more and share ideas
Thank you so much! I do have a private community for designers at designspo.co. If you're interested in learning more about design you can send me a DM on Twitter or send me an email at george@designspo.co. Really glad you enjoyed the video
This is such good info holy smokes. You just cleared up a lot of questions I've been trying to figure out ever since I started getting into web dev. Thanks again
This video is great! One suggestion I have is to make the background music a little quieter; I found the brass a bit overpowering and distracting, and it draws attention away from the content.
@@debbietros No, I haven't. I'm thinking of going freelancing and some people say for a simple web, just use wordpress, but I'm a self taught dev and I've been dedicating most of my time to learn the fundamentals.
What’s the best no code development tool? Is it webflow, Wordpress, gohighlevel, elementor, ect. I’m trying to find what the best development tool would be someone like me who uses Sigma to design and would prefer to use a note code development tool to bring the website to life
In the video I recommend Wordpress because it’s got a huge ecosystem of well-supported extensions & environments. Very easy to find WordPress hosting & plugins for everything you need to build a website. Webflow is another great option, HighLevel is okay for web design but great at marketing, Framer is great for making beautiful websites but lacks some functionality. Every tool is a trade off, but the one with the least downside for beginners I believe is Wordpress.
dude, i thought this would be a toturial of how to make a website, and not the steps you have to do before making the website. I am disappointed that i spent 14 minutes, hoping i would learn something, but no😕
Framer is great for smaller scale projects and creating beautiful animations really simply, but I don’t recommend them for first time web developers because they’re still missing a lot of functionality that Webflow and Wordpress have and that businesses find essential.
@@toomuchcandor3293 Framer is also a good tool for prototyping and designing interactive experiences, although it presents certain limitations in business contexts. It's code based approach can be difficult for designers who does not have a strong programming background, therefore requiring a lot of time to master. Complex interactions and animations can sometimes lead to performance issues, especially on less powerful devices. Also framer pricing can be sometimes expensive especially when it comes to larger teams or extensive projects. Additionally, its a smaller community compared to other popular design tools can limit access to resources, tutorials, and support, and the availability of third-party plugins and integrations may be more restricted.
a TH-cam video with 16k views and 21 comments . I don't think there was any useful information in the video at all. I was more interested in the first two parts; you didn't mention anything useful after that. You could also mention that you are promoting your site's.
Miss, this video is an absolute goldmine. Did you not pay attention? I have already watched it 3 times from start to finish - this is a complete step-by-step guide in shortform how to build a consistent and useful website 1. start by setting goals. write down the purpose of the website. if you have a client, get clear on the goals, vision, personal preference, budget, timeframe etc. (you can google questionnaires for client) 2. next, structure the website. what features there must be? based on your answers you get an idea which tools to use: webflow? wordpress? framer? shopify? something else? 3. write sections (what is going on in each section) 4. turn sections to outlines (get inspiration, find stuff you like) 5. sketch a wireframe (figma or pen/paper) 6. design system (for simplicity, consistency, 7. mid-fidelity (figma) 8. build the website. framer, webflow are drag and drop no code versions and there are other ones but if you use wordpress, there is a learning curve. use divi or elementor or other builders. each of these steps is crucial and have their own tutorials outside of the scope of this video. good luck!
![How to Make a Website | Step by Step [2025]](http://i.ytimg.com/vi/prLv5uwUtuY/mqdefault.jpg)
![How to Make a Website | Step by Step [2025]](/img/tr.png)
00:01 Building a website requires clear goals and a structured plan
02:00 Planning and organizing website sections is crucial for easier website development
03:39 Build a wireframe as a low-fidelity version of the website for design inspiration.
05:20 Creating a design system using rules for each website component
06:59 Establishing consistent typography, color, spacing, and layout rules for design cohesiveness.
08:38 Creating a mid-fidelity mockup is crucial for building the final website easily
10:12 Key things to build a website: domain name, hosting, code.
11:49 Hostinger offers customizable websites with a learning curve
13:32 Built a website from start to finish with design details
dude I LOVE your videos! ive been listening to them all day because I have to build a website for my art business (im a digital artist and marketer and I dont know as much about graphic/ web design) but I can really tell you KNOW what you're doing and I love the way you present information in a fun engaging and memorable way. You are sparking so many ideas for me! I'm blown away that you only have 15k subs and like 100 followers on twitter what the heck?? are you thinking of making a discord? id love to meet your community more and share ideas
Thank you so much! I do have a private community for designers at designspo.co. If you're interested in learning more about design you can send me a DM on Twitter or send me an email at george@designspo.co. Really glad you enjoyed the video
Yes, very insightful video. Have you build your Art website for your Business?
This is such good info holy smokes. You just cleared up a lot of questions I've been trying to figure out ever since I started getting into web dev. Thanks again
That 4px tip is extremely useful
Glad you found it helpful!
@@DesignSpo im a beginner and the 4 pixel rule saved my life this week ♥
Dude this video came at the perfect time. I've been trying to implement the 4px rule and with this I'm sure I can wrap it all up.
Hey Tyler, glad I could help!
Awesome, hope it helps and you have wrap it up now?
Hey it would be great if u could upload the spec sheet somewhere to use as a reference!
Your videos have been truly helpful! Thank you!! This one was no different than your others, lots of value and simple steps to take.
Thanks! Glad you found my videos helpful
This video is great! One suggestion I have is to make the background music a little quieter; I found the brass a bit overpowering and distracting, and it draws attention away from the content.
fax
im just keep coming back here again and again
😊😊 Are you able to build your website now?
Elementor master race! Bear in mind, it has a steep learning curve and requires A LOT of fiddling.
i have a question. When it comes to solving business problem, when do i know if i should use wordpress, etc or code? anyway, thanks for the video!
You can use what's best for you and the one you can easily navigate. However, I'll recommend WordPress. Have you build your website already?
@@debbietros No, I haven't. I'm thinking of going freelancing and some people say for a simple web, just use wordpress, but I'm a self taught dev and I've been dedicating most of my time to learn the fundamentals.
Not wrkng your website's CTA (mobile version)
By the way Ur videos are gem✨
Mobile version is quite difficult, unless you're guide properly. Let me know the areas you're having trouble.. I'd love to help.
What’s the best no code development tool? Is it webflow, Wordpress, gohighlevel, elementor, ect. I’m trying to find what the best development tool would be someone like me who uses Sigma to design and would prefer to use a note code development tool to bring the website to life
In the video I recommend Wordpress because it’s got a huge ecosystem of well-supported extensions & environments. Very easy to find WordPress hosting & plugins for everything you need to build a website. Webflow is another great option, HighLevel is okay for web design but great at marketing, Framer is great for making beautiful websites but lacks some functionality. Every tool is a trade off, but the one with the least downside for beginners I believe is Wordpress.
Framer is what you need. Give it a try
it wouldve been great if I was able to just put my figma design into hostinger like webflow
Are you having trouble in transferring your website to hostinger?
I have an old account in designspo that use to subscribe $9 only. Can I resume it or you already drop support to this?
Hey Jeffery, how have you been! Send me an email at george@designspo.co and we can get in touch
What about backend
dude, i thought this would be a toturial of how to make a website, and not the steps you have to do before making the website. I am disappointed that i spent 14 minutes, hoping i would learn something, but no😕
😂😂
I’m glad I read your comment before watching a few minutes.
Chael Sonnen is Now a webdesigner
Dude!! what about framer???
Framer is great for smaller scale projects and creating beautiful animations really simply, but I don’t recommend them for first time web developers because they’re still missing a lot of functionality that Webflow and Wordpress have and that businesses find essential.
@@DesignSpo can you elaborate on the limitations of framer within business contexts
@@toomuchcandor3293 Framer is also a good tool for prototyping and designing interactive experiences, although it presents certain limitations in business contexts. It's code based approach can be difficult for designers who does not have a strong programming background, therefore requiring a lot of time to master. Complex interactions and animations can sometimes lead to performance issues, especially on less powerful devices. Also framer pricing can be sometimes expensive especially when it comes to larger teams or extensive projects.
Additionally, its a smaller community compared to other popular design tools can limit access to resources, tutorials, and support, and the availability of third-party plugins and integrations may be more restricted.
So.. How?
but the site is too slow
you are my god
a TH-cam video with 16k views and 21 comments . I don't think there was any useful information in the video at all. I was more interested in the first two parts; you didn't mention anything useful after that. You could also mention that you are promoting your site's.
Miss, this video is an absolute goldmine. Did you not pay attention? I have already watched it 3 times from start to finish - this is a complete step-by-step guide in shortform how to build a consistent and useful website
1. start by setting goals. write down the purpose of the website. if you have a client, get clear on the goals, vision, personal preference, budget, timeframe etc. (you can google questionnaires for client)
2. next, structure the website. what features there must be? based on your answers you get an idea which tools to use: webflow? wordpress? framer? shopify? something else?
3. write sections (what is going on in each section)
4. turn sections to outlines (get inspiration, find stuff you like)
5. sketch a wireframe (figma or pen/paper)
6. design system (for simplicity, consistency,
7. mid-fidelity (figma)
8. build the website. framer, webflow are drag and drop no code versions and there are other ones but if you use wordpress, there is a learning curve. use divi or elementor or other builders.
each of these steps is crucial and have their own tutorials outside of the scope of this video.
good luck!
Oh, Yes. However are you interested in having your own website?
just another all talk no real information video, dont waste your time.
bro, learn how to ACTUALLY make a website... no bullcrap drag and drops xD
remove the damned music
This video is a waste of precious time, and this guy is just waffling
Are you having difficulty in creating your website?
God Bless @juxtopposed !