Submind YouTube summaries
Thumbnail for How To Make A $10k Website With Claude AI In Minutes

How To Make A $10k Website With Claude AI In Minutes

Watch on YouTube

Video summary

The video demonstrates a streamlined process for creating a high-value e-commerce website using Claude AI, leveraging the creator's six years of experience to distinguish between basic sites and those worth $10,000. The core workflow involves feeding a specialized guide into Claude, which then acts as an intelligent project manager by asking targeted questions about the niche, target audience, desired actions, and aesthetic style. In the example provided, the creator builds an online store for up-and-coming artists in the arts and crafts sector, defining a modern, expressive look with specific color palettes. Claude subsequently generates design directions, suggests brand names like "Palette and Bloom," and even utilizes integrated tools to create relevant logos that match the chosen artistic theme. A critical component of this strategy is the integration of Shopify for backend functionality and AutoDS for product sourcing, as Claude cannot host a live store on its own. The process involves connecting an existing or newly created Shopify account to AutoDS, which automatically imports winning products into the inventory. While Claude generates the frontend design files and HTML structure, it relies on Shopify to handle payments, order fulfillment, and customer data. The creator highlights that the initial output from Claude is a template that requires further refinement, such as fixing broken image links caused by hotlinking issues and ensuring all policy pages like shipping and return policies are functional and branded correctly to build customer trust. To resolve the limitation where Claude's generated files cannot be directly attached to a live Shopify theme without hosting, the video introduces "Build Your Store" as a foundational tool. This service creates a complete, drop-shipping-ready store with pre-filled products and policy pages that can be customized to match the AI-generated design. The creator shows how to duplicate the Claude-created theme within Shopify, applying the specific colors and branding automatically rather than manually editing every element. This hybrid approach allows users to enjoy the speed of AI generation while maintaining a fully functional, professional e-commerce platform that is ready for launch with proper domains and integrated payment systems. Ultimately, the video concludes that building a $10,000 website is less about the initial visual output and more about the rigorous iteration required to ensure every link works, every policy is accurate, and the entire user experience feels premium. By combining the creative capabilities of Claude with the robust infrastructure of Shopify and AutoDS, entrepreneurs can rapidly prototype and launch a business without needing deep technical coding skills. The creator emphasizes that while AI accelerates the design and content creation phases, the final product must still be meticulously polished to avoid looking like a scam or a rushed project, ensuring that visitors have a seamless journey from browsing products to completing a purchase on a secure checkout page.
Read the full video transcript
This is what I was able to build using Claude AI and by the end of this video, you'll understand exactly why this website is actually worth $10,000 and how you can make one yourself. Over the last 6 years, I've built multiple five and six-figure websites and I've learned exactly what separates a website worth $100 from one that can genuinely justify a $10,000 valuation. So, in this video, I'm going to use Claude along with a few other tools to build a complete website from the ground up using a checklist that I created from those 6 years of experience. So, what we're going to be doing now is creating our own $10,000 website. So, the way that we're going to do this is we're going to be using Claude and a PDF that I built for you. Now, that PDF is going to be for you for a completely free and in order to get it, just wait a little bit longer in this video. I'll show you exactly how you're going to be able to score that. Now, what we're going to do is we're going to go ahead and take our $10,000 website guide and we're going to stick it into Claude. And all we have to do from here is simply say start. And what's going to happen now is Claude is going to assess the PDF and then it's going to start giving us a couple of questions. So, from here, you can choose what kind of website you want. Do you want something to be a portfolio? Do you want to show off your work? Do you want an e-commerce website? Or do you want something else? So, for this, what we're going to do is we're going to go ahead and start off with simply a an e-commerce website. So, it's going to ask us a few questions. What are we making? What should it show or offer? Who is this for? What should the visitors do? And what should it look and feel like? Now, the reason it asks you these questions is again, to know what kind of website you're making. So, we can make a portfolio or we can make a landing page or a blog or anything else like that. But for this case, what we're going to do is we're going to create an online store. So, let's do one online store. Two, it's going to offer products in the Let's see, what kind of niche do you want to do? Let's do arts and crafts. So, let's do in the arts and crafts niche. Three is going to to who is this for? Our ideal customer is going to be, let's say, art teachers or up-and-coming artists. So, for this, let's go ahead and do up-and-coming artists. What should visitors do? Uh in this case, they should be buying. We don't need them to book a call or join a list or anything like that. And then five, what should it feel like? So, I kind of want to do a modern art style website with some brush strokes. All right. So, then what it's going to do is it's going to essentially just repeat back to you what you just told it. So, here's what I've got, what we're building, an online store in the arts and crafts niche selling physical products. Who's it for? Up-and-coming artists and also creative people who are building their craft and want quality supplies and pieces. The domain action is going to be to buy. Everything on the site will point toward making a sale. The look and feel we gave it and what is missing. So, no example websites. We haven't given it any example websites or any screenshots yet. And also no logo that's uploaded. That's another thing that I didn't touch up on earlier, the logo. We always need to have a logo for our website. And creating one is actually a lot easier than most people think, especially nowadays. There's going to be two different ways that we can do this. The first one is going to be by simply using Claude AI or we can have Claude AI tell us how this logo should be looking like to match the style of our website. And then we can go ahead and generate it using a different AI like, let's say, ChatGPT. But for this, I already have Claude and Higgsfield connected. So, that way Claude can use Higgsfield to generate that logo for us. A logo that's going to be relevant and it's going to emphasize what our website is about. Now again, I already do have Claude and Higgsfield connected. Then if you're wondering how you can do that, just check out this video right here. Or again, just use whatever service you prefer. Now, if you do want the PDF, getting it is super easy. All you have to do is go ahead and comment down below what you think of this video. Let me know what your takeaway is, what you've been learning so far, and what you're most excited for to use Claude and Shopify for along with the hashtag 10k website. And when I see that you went ahead and did that, I'll reply back with a link to the sheet. Now, moving on, we have a recommendation plan. So, it's going to build a modern gallery-inspired storefront with a bold hero section, a clean product catalog that lets the artwork and supplies breathe, and it just gives a bit more information on here. So, let's go ahead and approve this, but let's also give it our inspiration. So, let's just tell it to do Aura Rings. So, approve. Let's use Aura Ring as an example. I like its smooth and responsive design. All right. So, now what it's going to do is it's going to go ahead and suggest three different styles for us to be able to start building our $10,000 website. All right. So, the first one is going to be direction A. It's a gallery white. The feeling is going to be calm, airy, like walking into a bright modern art gallery. That's really nice, actually. Colors, it's going to have a lot of white and soft off-white with one strong ink black and single accent. The other one's going to be a studio dark, and the other one is going to be a painter's palette. So, this one's actually interesting me a bit more. It seems a bit more creative. Creative, hands-on, expressive. Colors, cream base with lively palette, terracotta, mustard, sage, ink blue. This looks pretty interesting. So, let's go with that one. It is recommending direction B, but I want something a bit more bright. I don't want anything too dark. So, let's do direction C. So, next up, our logo. We didn't upload one, so it's going to create three simple logo options that match the direction. And again, it's going to be using Higgs Field in order to create these logos. If you don't have Higgs Field connected, it will give you direction on how to make the logos, or it'll generate some SVG logos, which aren't going to be the best, to be completely honest with you. Claude does not make the best logos from scratch, but when it's connected with Higgs Field, it makes amazing logos. So, what you can do in that case is just simply tell it to direct you on how to do it using ChatGPT. Now, before it actually does generate the logos, we need a name for our website. How are we going to have a $10,000 website without having a proper name? So, let's go ahead and have Claude suggest a few. So, suggest a few names, please. All right. So, it has untamed pigment. I actually like that one. Fresh coat. That That actually sounds a lot better. The Emerging Easel, Pallet and Bloom, this sounds premium right here. Rising Strokes, Studio Sprout, Bold and Bristle, and I can't pronounce that. Sorry, I don't know what that means. All right, so I actually really like Pallet and Bloom, so let's go with four. All right, so it's using the Pallet and Bloom, and now it's creating the logo. As you can see here, it has the little Higgs Field logo. So, it's generating the image in this way. And it's not just going to generate one, it's actually going to generate three, so that way we have a few different ones to choose from. All right, so first it gave us this one over here. This one's all right. Kind of like this one a little bit more. I think this would be the better one. Now, if you don't like any of these, it's totally fine. You can go ahead and tell it to make a few more. These look pretty good, but they don't look modern enough for me, so let's see if we can make one a little bit more modern. So, I do like number two, but let's make it a bit more modern. All right, so switched it up a little bit, and it did make it a little bit more modern-looking in terms of the art style. So, now it's more line art. All right, so I really like this one over here. So, all we got to do is click on use, and it's already going to pre-fill the prompt section over here, and then we just simply have to tell it use this one. Number two. All right, so locked in number two, the minimal line logo. Here's what we are plan look logo. Next, we bring in the real products before building anything. All right, cool. So, now the next step is actually bringing in products to our store. So, what is a $10,000 store without any products to help back it up, right? So, in order to do this, it's going to ask us do we already have a Shopify store? If you don't have one, say no, and then it's going to prompt you to create one. It'll give you the link, and you can go ahead and start. In our case, I already have one built, so I'm going to click on yes, and all we're going to do is simply just connect it. Now, it is very important for you to know at this point that the reason that we're making a Shopify store is because AutoDS is going to go ahead and connect to it and import different products to it. But, the page that we're making is not going to directly translate into our Shopify store. It's going to be used as a type of template, and that's a limitation that Claude has. It can create a beautiful and stunning website. It can create an amazing e-commerce site. But there's never a back end to it. There's always going to be a need for something like Shopify, which is where the website is actually going to be hosted. Shopify is going to be able to get everything done for you. It's going to be able to accept payment. You're going to be able to fulfill your orders through it. And you're going to be able to add more products using Auto DS or to do it manually. But the website itself that Cloud makes, you're never going to be able to use it on its own. You're always going to have to have some sort of back end. So, from here, we can go ahead and see everything else that it comes up with. So, our Shopify store is connected. It did ask me to connect previously. That's something that I didn't show on camera, but it does prompt you to connect your Shopify store and to log in. Now, besides that, it already came up with a few different products. For this, it is using Auto DS, since Auto DS does have a Cloud connector. Once you connect Cloud with Auto DS, Cloud's going to have access to an entire database of winning and trending products. And it's going to allow you to be able to import them directly to your store. Now, if you do want to learn how you can set up the Auto DS MCP connection, it's super simple. Just check out this video right here. In it, I explain everything from start to finish. And again, it's very straightforward. So, it does give us a few different product options over here. It gives us five different ones that are relevant to our niche. So, what we're going to do here is we're simply going to go ahead and choose all of them. And then it's going to go ahead and add those different products to our Shopify store. So, as you can see, it's doing its thing. It's importing all five of the different products into our Shopify store. So, just give it one more minute. All right, so after a few minutes, it shows this over here. It shows us the different products that were updated or that were imported to our Shopify store. So, here it shows our watercolor paint set, a canvas board, and a few others. Some of them don't show the images because they just don't import through Cloud, but they are going to be on the Shopify store. So, if you do want to verify that, just go ahead and open up your Shopify. Once we're under Shopify, we click on products. And here we have the different products that were just updated. So, we have them over here. We have the iBuy M-195 piece deluxe art set, the watercolor paint set, the canvas boards, and a few others. Some of these I did import from a different store that I was working on, but we don't really have to worry about those because I'll just set those private later on. Right, so we are done on this part. Now, it's going to give us a couple of honest notes. So, the prices are set to sensible retail. It's a healthy margin over supplier cost, and we can change them anytime. We can just tell Claude to do this for us. I suggest to always have them priced at two to two and a half times what you're paying for them. So, that way you can make sure that you cover your costs in terms of the actual product cost and any fees associated through your payment processor. So, Shopify does do I think between 3 to 4% plus 30 cents, and pricing our products between two to two and a half times will cover those fees plus the actual product cost. All right, so we can just go ahead and take care of that later. Right now, it's okay. And then the inventory shows zero because they're being drop shipped through AutoDS. We are going to have AutoDS take care of our order fulfillment, so we don't have to worry about that right now. Now, this is going to be our V1, so our first version for our store. And now, all we have to do is go ahead and approve. And Claude is going to start building our store for us. All right, so now it's showing that it's approved. It's going to set up the design foundations, so it's going to give you our color palette. This is what we had chosen earlier. It's got the ink blue, the terracotta, which I guess is a type of orange. I actually wasn't aware of that one, but it does have the mustard and the sage. Then we have our type, our signature. It's going to be hand-painted brush strokes. That's going to be perfect. Smooth and responsive with a cart and checkout. It is important to note that the cart and checkout that gets created through Claude is non-functional. But, we can go ahead and integrate it with Shopify in order to be able to check out through Shopify. So, besides that, it's telling you that it's going to build it, and it's creating the file, which is essentially creating the document or the HTML file that's going to be our website. Okay, so after a few minutes, it gives us this over here, and to be honest with you, this looks absolutely amazing. This is a lot better than I expected it to come out in the first place. It does have a couple of little things here and there that do need fixing and it's always going to happen like that. Version one is never going to work the right way. It's never going to be perfect. So, let's go ahead and fix these really fast before we move on to the next step. Now, from here, it's giving us a couple of different suggestions like it's telling us to add trust signals, it's telling us to add a real add to cart, and product detail depth. Now, what we need to do here is we need to actually look at our website and we need to see what isn't working and what is working. So, overall, everything does look good. It's not giving us our products over here because again, it's not directly connected to Shopify just yet. In order to do this, we are going to have to do a couple of extra steps, which we're not going to cover in this video. I am going to give you a second way to make a $10,000 website because when it does come to evaluating a website, it's not all about how the website looks. It also has to do with the way that it functions, the types of products that you're selling, if you're selling products to begin with. In this case, we are, we're talking about e-commerce, and the responsiveness of the website. So, we'll get into that in just a second. But for now, let's go ahead and fix this and let's talk about how this is going to be able to be integrated into our Shopify store. So, the first thing that I see is that the images are not fully there. So, we can just simply tell it the logo isn't showing. And then, we can take a screenshot over here and tell it that the images here aren't showing either. So, let's go ahead and take care of that first. All right, so then after what it does is it analyzes the screenshot and it's telling us, "Good catch. Thanks for the screenshot." So, the problem is that the hero image and the logo were hot linked from Amazon and Walmart as external images. So, what it's going to do is it's going to go ahead and fix that. So, it does that with all of the different products through here. It's still thinking a little bit, so let's give it one more minute. >> A few moments later. >> All right, so pretty much what it's doing now is it's taking the different images like let's say the logo and it's adding it directly to Shopify. So, it's adding them through here. So, it should give us a more accurate visual. Okay, so went ahead and fixed it. Now, it's not showing here. All you need to do is download the actual file and then we have it here and then let me open it. It gives us our full Palette and Bloom website. So, as we can see here, everything does look clean. Everything looks good. It has some nice little animations. You see it here floating. We have a very nice little announcement banner that is scrolling through. We could fix this cuz it looks like it doesn't complete. So, it should be coming around here. So, that's something that we could just tell Claude to fix. But then if we go through everything else, we have here everything you need to know. We have this little nice transition where it came up. It showed up as we were scrolling through. It has a lot of information on the products themselves. This is great. The colors that were chosen look spot on for an artsy type website, an art store. And then we have a bit more information through here. Like, let's say our shipping, why us, watercolor, all this information. Now, when we do click on add to cart, we see it over here and then we click on checkout. It's going to take us to the Shopify checkout page over here. So, everything does look good. It's not currently accepting payments because what we need to do now is we are going to have to go ahead and actually set up our payment processor. So, through Shopify, just go to your payment side and set all of the details on there and then your customers will be able to check out through here. Now, there is a bit more iterating that we need to do. There's a few more things that we need to add on to this. So, let's say for example, our shipping policies, they don't work. These links don't work. The return policy doesn't work. The contact policy doesn't work and that's a problem, right? Because we actually need all of these to be working in order for a customer to actually have trust in us. If you go to a website and you click on the link that doesn't work, that's not a $10,000 website. That's a website that was rushed and has absolutely no value behind it because who knows, it might be a scam. When you land on a premium feeling website, everything has to work. So, in order to fix those things, what we need to do is run back to Claude and simply tell it to fix those links. So, can we make the links on the bottom, like the policy pages, link to the ones on our Shopify page. And then it's going to go ahead and link all of that. Now, the thing here is that we actually need to have Claude point these links to actual existing links. And while our Shopify store, when it's completely blank, brand new template, is going to have a few of these different links, they're not really going to be working. They're not going to have any information. And really, it's just going to point to a blank page. So, what we want to do before this is we actually want to set up a Shopify store through Build Your Store. And that's the one missing piece that's going to link everything together. So, before you actually start to build the store, the reason that I already had a Shopify store to begin with to connect it is because I opened one through Build Your Store. So, what we're simply going to do is navigate to buildyourstore.ai, again, before we actually start the Claude process. And then we're going to click on Build My Free Store. Once we do that, it's going to go ahead and start to set up a store. It's going to have us log in or create an account, up to you completely. So, we go ahead and create our email, continue, fill in our information. We're going to create our account. Now, it's going to ask us to claim our store. We can go ahead and claim our free store. Now, the rest of this we can kind of speed through. As far as a niche, we can go ahead and choose any one that's relevant to our actual niche, to what we're doing. Or we can click on I'm not sure. Let's just go ahead with that one. At the end of the day, whatever we choose is going to be overwritten through Claude. Build Your Store is just really going to set the foundation for everything and make sure that all of the different pages that we need are actually there. But, if we do want to use Build Your Store as it is with the website that it creates, if we choose a specific niche, like let's say fashion, we can go ahead and do that as well. Build Your Store is going to create for us an entire drop shipping store that's ready to use. And it's already going to be prefilled with winning and trending products from AutoDS. So, let's go ahead and choose two different banners. Let's choose these two. It's going to go through this pretty quickly. Once we get here, we can go ahead and activate our store. Now, from here, what we need to do is go ahead and choose our plan. All right. So, all we have to do is just choose the basic then we can go back to build your store, click on undone. Now, we're going to choose the free beginner store, the first option. You can go ahead and continue through here. And now we're going to customize our store. So, what Build Your Store is going to do here is it's actually going to create an entire store for us. Again, that's ready to go live without having to do anything extra and pre-filled with winning products. So, now we go ahead and register with AutoDS. I already have that done. Pretty much what we're going to be doing is connecting our Shopify store to our AutoDS account, and then we can access our store. From here, we simply just go back to this page over here, and we have to remove our password. So, the easiest way to do this that I found is just exit out of everything, click on your online store, and then it's going to show you this option over here, add business details to launch store. So, click on that, and you just simply need to fill in your business address. If you don't have one, don't worry about it. You could use your home address. And that should be it from there. So, now we can go back to build your store, click on done. It's going to ask us a couple of questions like how did you hear about us? In this case, let's do long-form videos through YouTube. And just put that Mario sent me. Go ahead and click on continue. And from here, we're pretty much good to go. So, we can go ahead and continue through here so we can generate our first video. This is going to give us the option to create AI UGC videos. If you want to learn more about that, check out the Hixville video I talked about earlier. We can click on done, and then we can secure our free .store domain. This is what's really going to set apart our store from any other Shopify store or any other website because most people try to create a website without thinking about the domain. Now, what Build Your Store gives you is a free .store domain. So, you're going to have www.myartsncrafts.store. So, all you have to do is go ahead and choose your domain through here and connect it. We can go ahead and revisit that at a later time, but for now, let's go ahead and launch your store. Now, it's going to give us our link to the store, and this is it. So, this is what we chose for our different banners. If we click on catalog, we have the different products that were imported using AutoDS. So, all of these are included. And if we click into any one of these, like let's say this one over here, we have a nice converting product page. Now then, after this, we can go ahead and start the process using Cloud to create our $10,000 website. Now again, we can go ahead and use Build Your Store as it is, or we can link everything through Cloud this way. The important part is that we always connect to Shopify and AutoDS. Now, after this, the next thing we're going to need to do is actually go ahead and change our shipping policies and everything, so that way the theme matches what we have that was made through Cloud. Because we don't want to click through this, and then click on the shipping policy, and then we have a completely different page. The biggest point right now with Build Your Store is to create that foundation for us, right? Now, when it comes to Cloud and accessing your actual theme, it can't make changes to your live theme. But what it can do is it can duplicate it and make changes on that. So, let's go ahead and do that. So, I did ask it to match the theme, and it's telling me just that. It says, "If you'd rather not do it by hand, I can prepare a duplicate draft theme with the colors pre-applied." So, all we have to do is publish. And that's perfect, cuz what it was telling me to do earlier is to simply just change everything by hand. Which you can do, but it's a lot easier if you just automate it. So, I'm going to tell it to do the duplicate theme. So, after a bit of thinking and after a little bit of working, it finally finished up the different policies and to link to them. So, now what we can do is once we open up our Palette and Bloom website, all we have to do is click on the return policy, and it's going to give us this over here. So, as you can see, it is on brand. It has our logo. This little bit does have a little bit of work to do. We need to remove that background, but everything is set, the colors are good, and everything is matching. So, now that you saw how you can make everything on brand, how you can optimize all of the different shipping pages, all of the different policy pages, and your website overall, the next step is going to be to actually make this page part of your Shopify page. Because as it's stands, this page right here is actually only living on your desktop. So, nobody can actually access this page. It doesn't have a website, it doesn't have anything. If you look up here, it shows it's under my profile, under downloads, and the actual name of the file. So, in order to have this page actually go live and have people be able to navigate to your web domain and be able to click from there, you are going to have to upload this to a web hosting platform, something like let's say GoDaddy or a free web hosting platform where people can just go to a predefined URL, click on any links that you have on the website, and then it redirects them to Shopify. Now, unfortunately, when it comes to Cloud, that is one of the biggest limitations. It can't actually make this type of website and attach it directly to your Shopify store. There are a few different workarounds, like what I just mentioned. You can upload this, again, to a different hosting site and just have people navigate to that website. But, the other option is simply to just go ahead and use build your store for the entire process. Build your store.ai already has predefined themes. It has converting themes. It has pre-built policy pages, and it already comes included with winning and trending products. That alone is going to save you tons of time, and you have a ready-to-go website. Now, something like this would work completely differently, too, if you were making something like, let's say, a portfolio website, somewhere where people don't need to check out. But, regardless of whatever direction you decide to go or whatever platform you decide to use, if you create your website or your e-commerce website using Cloud, you can still attach it to Shopify. Again, by uploading it to something like a hosting website like GoDaddy. So, remember, if you do want that prompt, you go ahead and drop a comment down below with the hashtag 10K website, and let me know your thoughts on this video. And if you do want to learn how you can use Cloud and Higgsfield together to start coming up with different assets and different videos, different images for your website, go ahead and check out this video right here.