Building High-Value Websites with AI
What if I told you you could build your own 1 to 20,000 website with the power of AI? Now, you may have seen me make websites with AI on this channel before, but those were worth between 500 and 3,000.
Advanced Tools for Website Creation
For this, we’re going to be using some advanced AI tools that will create a website that’s worth between 10,000 and 20,000 or more. Today, I’m not only going to show you how to build this website, but I’m also going to show you how to go out there and sell it for the big money.
The Importance of Sticking Around
So, make sure and stick around until the end! You’re going to see how, even though these tools are more advanced, AI still does most of the work for you with just a click of a button. You can do this whole thing without being a web designer or a coder.
Introduction to Reloom
Now, the first tool that you’re going to need is a tool called Reloom. You can just go right to the homepage there and type in some information about the website of the company that you’re going to create. I’m just putting in some sample information for a fictitious company just for the sake of this example.
Generating the Sitemap
You put in the information there and you click generate. What this is going to make for is what’s called a sitemap. For smaller level mockup content and structure sites, it’s not so important that you think that much about the sitemap.
Planning for Larger Projects
But once you get into big sites that companies are paying between 10 and 220,000 for, you really need to think through which pages are included, which pages link to other pages, and how a person is going to click through the site and find all the information that they need.
Utilizing AI for Website Development
This AI tool that we’re showing you is going to help you make the entire thing all from just a few sentences of information about whatever company you’re making the website for. Now, Reloom is going to suggest different pages and different sections that it thinks you should include for a company like this.
Generating Content with a Click
If you agree with it and want to include that section, all you need to do is click generate content, and it’s going to generate the different pages that it thinks should be included in that subsection. You can see it’s got all these different areas that it’s recommending you create.
Customizing the Navigation Bar
We’re just going to go ahead and take all of its recommendations for a site like this and click generate content. You can see here you can also drag the navbar. Now, what a navbar is, is basically the menu bar of the different buttons that are included on that site.
Client Collaboration and Sitemap Approval
You can drag them around depending on the order that you want them to be in until you get the sitemap just how you want it. If you have a client that you’re working with, you can actually have them approve the sitemap before you do any more work.
Preparing for the Wireframe Stage
That way, you’re sure that you’re on the same page with them as far as which pages and which sections are included on the website. I’m going to show you how to get a client for this towards the end of this video, so stay tuned for that.
Building Out the Wireframe
But once you’ve got everything set as far as the overall map of the site, in other words, which pages are included and which sections are included, then you go over to this section here called wireframe.
Creating Page Layouts Instantly
What the wireframe is, it’s actually building out every single one of those pages that you said for it to include in the previous section, one by one, in a matter of seconds. You can see here, if we zoom in, you can see it not only created the pages but also created the layout of the page and it created the content or the text that goes into each page.
Making Edits and Adjustments
Now, of course, you can make any edits to this that you or the client want to make. If you click around here on the left, you can see you can replace different components or layouts depending on how you want that page to look.
Finalizing the Mockup
The content is staying the same, but it’s letting you move different things around on the page depending on which layout you or the client want. It’s created placeholders for where different images will go. The whole thing is done for you with just a few clicks.
Understanding the Mockup Process
Now, up to this point, the website isn’t actually created yet. This is literally just a mockup of what the website is going to be. So, what I would recommend you do, especially for a big website like this, is get the sitemap approved, like we talked about earlier.
Client Approval and Website Structure
And also get the client to approve this wireframe. In other words, get the client to approve the basic structure and the content of the whole site before you go and build the whole thing out. Now, once we’ve got this all set exactly how we want it, now it’s time building the real website to actually do the entire buildout of the real website including images, colors, everything exactly how we want it to look once it goes live on the Internet.
Webflow Introduction
For that, we’re going to use another AI tool that’s going to do all the work for us called Webflow, and you can see you just go right here and you click “Copy to Webflow.” So then we’re going to go over to Webflow and we’re going to create an account, and then we’re going to click “Create Site,” and then you can see here we’ve got a site here.
Reloom to Webflow Transfer
Once you’ve got your website created, once you do that initial step in Webflow, then you’re going to go back to Reloom. You’re going to go down here, you’re going to click “Copy to Webflow,” and what that’s going to do is it’s going to copy onto the clipboard of your computer all the necessary elements and it can be pasted directly into Webflow to create your new site.
Website Creation Process
So we go over to Webflow here and we just pasted it in. Now you can see that the entire site that we had created in Reloom is now in Webflow, and we can finish the whole thing up with all the styles and the colors and everything that we created in the other area. You can see it’s created all the HTML, it’s created all the CSS, all the code, and everything has been written in just a split second in Webflow.
Easy Website Customization
So you don’t have to know any coding in order to do this, and this is where you would change any images that you want. You would just click on this little blank image area here. Any text that you want to change, you could change the text there. If you want to change fonts or font colors or button colors or anything, you can do all this in Webflow just with a few clicks of the button.
Free Training Opportunity
Now I actually have a free class that shows you how to make big money with local companies . You can see here’s one of my student successes where he’s making a website for a business that has 12 million in annual revenue. In my mentorship program, we have email adding 3D animations templates that shows you exactly what to email to these businesses to get them to pay you money to update their websites.
Autopilot Business Model
We also teach you an autopilot business that can bring in residual income through these local businesses through a very unique loophole in Google Maps, and it goes through a lot more detail than I ever could in this article.
3D Animation Enhancement
And now I’m going to show you how to take this website even to the next level, which is really going to command the really high fees, and that is with adding some amazing animated three-dimensional stuff to the website that’s going to make this website look amazing, and you don’t have to be a designer or an animator to do it, and that’s with a tool called Spline.
Spline Animations
Now, if you go over to Spline, it has all kinds of pre-made animations that you can literally import, modify, and use for your website, or you could create one 100% from scratch. Now just for the sake of this example, I’m going to, because we’re talking about a pet-type website, we’re going to do a little three-dimensional animal here just you can kind of see what these animations are like. If you look, it’s like you can drag it, you can move it around and modify it to be exactly what you want it to do if you want to change the colors of it or whatever.
Export and Import
Then you can literally click “Export” here, and then we’re going to click “Copy” right there. You see it says “Link copy to clipboard,” and then what it lets you do is go back over to Webflow, and it’s going to automatically import that animation. You just scroll down here on the left, and you click on “Spline Scene,” and there it is – it imported it directly in website.
Animation Features
Now I encourage you to go over to Spline and just take a look at all the amazing animations. I don’t get paid anything to recommend Spline or any of the tools in this article . I just think they’re all amazing. Check out Spline and check out the kind of animations that you can either import just as they are to make your website look amazing, or you can modify them to make them exactly what you want, all with just a few clicks.
Website Value
Now I’m just going to make a couple of adjustments to some settings here really quick, and there you go! Now we have the fully imported getting high-quality images animation right there in our website, and this is the kind of thing that really takes it from like a $5,000 website up to a $10-20,000 website or even more. So you can see the entire page that it’s created for us, and again, it only took us like 5 minutes.
Button Settings
Now what I recommend that you do is play around with some of these other settings here. You can actually change all the different buttons, you could change the colors of the buttons like this, and there you go! Now it’s going to change all the buttons throughout the whole site to that new green color that we just changed it to and with what other stylistic adjustments you want to make to really make this site pop.
Stock Photography
The other thing that I recommend that you do is go over to a site called Unsplash and do a search for some stock photography to put in the site as well. That’ll make the site really look a lot better. I just did a search for pets ‘cuz ours is a pet-related site, and just make all the adjustments that you need until the site looks exactly how you want.
BuiltWith Tool
Next, we have to actually sell this website to a small business, and for that, I recommend that you use a website called BuiltWith, and what this lets you do is go and find companies that have old, outdated technology that they’re built with. You can see here even a list right here of some old web technology that’s from finding clients who need redesigns even two decades ago.
Client Search
You just want to search for one of those old web technologies in this search box here, like I just typed in this one “Web Assembly,” and then what you can do is it shows you different companies where their websites have been built on this older style of web technology that doesn’t really exist anymore, and they really need to update their website. The nice thing is you can see here their tech spend tells you how much money they’re willing to spend on technology and their business, including their website, so you want to scroll down and look for companies that have higher level tech spends like $10,000 or more, and then you want to contact them. Now unfortunately, BuiltWith is actually fairly expensive – you can see even the most basic plan costs $295 per month
Using AI Trick for Information
But I’m going to show you a trick that you can use with AI to get this information. Now, what we’re going to do is we’re going to copy this right here just as an example. Now we’ve got a list of websites, let’s say that we want a contact that have a high-level text bend, and we want to just – I’m just going to highlight these and we’re going to click “Copy.”
Finding Contact Information Through Chat GPT
Then we’re going to head over to Chat GPT, and we’re going to type in “Find me the contact information for the following.” Then we’re just going to right-click and we’re going to paste that in, and it’s going to paste in a huge mess. It’s very disorganized, but the awesome thing is Chat GPT can read it and can find us the contact information for these companies.
Website Upgrade Opportunities
And then you can actually contact them to upgrade their website to the most current tech using the tools that I just showed you. When you contact them, you want to mention that you notice that their website is using some older technology that isn’t being updated anymore, is easy to hack, and might even present a security problem for their company.
Business Model Challenges
Okay, so now that I’ve showed you how to make 1 to 20,000 websites with a few clicks, I do want to say one of the disadvantages of this business model is that you have to continually get out there using the BuiltWith site that I just showed you. You need to continually hustle for new clients to update and rebuild their websites, and if you’re not continually hustling for new clients, the money is going to stop coming in.
Free Class Autopilot System
That is an autopilot business model. It also deals with local businesses and helping them with their Google Maps marketing, their local marketing, but that free class teaches you how to set up a residual income to let you set up autopilot money coming in from these small businesses day in and day out whether you’re working or not. And it actually helps you set up a system where every time they make a sale from their website, you get paid. It’s a powerful system.