How to make a landing page for your startup with AI (one that actually converts)

Let me show you how to make a landing page for your startup with AI, one that actually converts. And we’re gonna do it in 3 steps:

1. We will set up the folders we need
2. Use 1 prompt to build it
3. And then we publish it

After this video you can basically sell your product right away.

So first, we need to create a new folder.
Let’s say I’m building a reporting tool and my startup is called "TidyReport", so let’s call the folder "TidyReport".

Inside this folder we create two subfolders: /fonts and /images.

And everything we build goes straight into this one folder.
This makes everything easier. We don’t need any external requests, the page loads faster, nothing breaks if some external link dies, and you know exactly what’s on your page. That also makes the privacy policy much simpler.

And when we want to publish it, we just upload this folder.

In the images folder I put three images:
‍
1. A screenshot of my dashboard
2. A screenshot of a finished report - the thing my tool actually does
3. My logo

Quick pro tip - make sure the file names are simple, so no spaces and all lowercase. Even the folder names. So, let’s just call it "dashboard", "report" and "logo".

Now for the fonts we’re gonna download a font that fits our style.
And I’m just gonna grab one from Google Fonts because they’re free for commercial use.

The important thing is to download it and put it in the folder, so we’re not linking to Google directly. That’s important for data privacy.

Let’s just grab one of my favorite fonts - it’s called Outfit.

Ok, let’s download it, unzip it, and put the font file - that’s the ".ttf" file - straight into the fonts folder.

This one file has all the font weights in it, so we don’t need the static folder.

Now, before we prompt and build the page, there’s one more thing to do. We need a reference image - because that’s way easier than telling AI how the site should look.

So, let’s hop on Google and Google "Startup landing page".
Let’s see - how about this one - this looks cool. I like it and it fits the style and my audience. Let’s quickly save it - I’m gonna put it on my desktop - not in the folder - and I’m gonna call it "reference".

So that’s step 1.
Now let’s open Claude and do some prompting.

By the way, you can copy the exact prompt I’m using, so you don’t have to type it yourself. You can copy it right here.

Now for the prompting - I’m using Claude but you can really use any AI you want. And I’m on the free plan, so everything we do here is free.

Before we start, let’s drag and drop the reference image and our three images into the chat, so Claude knows how the landing page should look like and which images it can use.

Ok, let’s start. The prompt:

------------------------------------------------------------------------

You will help me create a landing page for my startup.
The goal is to make people buy my product, so the page should lead visitors to the checkout.

I want three pages: index.html, imprint.html and privacypolicy.html.
They share one style.css for the design.
Put the JavaScript directly into index.html, I only need it there.

I’m attaching a reference image so you know the overall style of the landing page. Use it for the style only. Don’t copy its text, images or logo.
The images you can use are attached, they come from my /images folder: dashboard.png, report.png and logo.png.

The font is Outfit, and the file is in my /fonts folder: Outfit-VariableFont_wght.ttf

My product: I have built a reporting tool that helps marketing agencies create Meta and Google ad reports for their clients.

ICP: Marketing agencies with a team of 5-10 people who spend a ton of time every week creating reports for their clients.

Startup name: TidyReport

Big benefit: My product saves them a ton of time every week.

Price: €19.99 per month.

Write the copy for the ICP, benefit-driven, no feature lists.
You can mention features, but keep the copy benefit-driven.

CTA: Goes to a Stripe payment page. Here is the link: XYZ

Technical requirements:
• Mobile responsive
• No Google Fonts, no CDNs, no external scripts. Fonts only from my folder /fonts.
• Only use the files I attached. Don’t add any other images, icons or fonts.
• All paths relative: style.css next to the HTML files, fonts in fonts/, images in images/
• Meta title and description, alt texts
• No tracking, no cookies, no cookie banner
• Anchor links in the top navigation bar that lead to the different sections
• Footer links to imprint.html and privacypolicy.html

imprint.html and privacypolicy.html use the same design through the shared style.css, with the same header and footer as index.html and a link back to the home page.

Don’t write any legal content yourself. Use only the texts below, word for word, and don’t change anything.

Imprint: [paste text from generator or lawyer]
Privacy Policy: [paste text from generator or lawyer]

------------------------------------------------------------------------

Now, this is the basic prompt. Regarding the imprint and privacy policy - you can see I haven’t added those yet.

It’s important to not let AI write these.

This isn’t legal advice, and what you need really depends on where you live but there are a ton of free imprint and privacy policy generators out there, and they’re way safer than AI.

You basically tell it what your page does:
Where it’s hosted, no cookies, no tracking, the fonts you used and all that stuff. But if you want to be even safer, go ask a lawyer how to make an imprint and privacy policy correctly. Again, this is not legal advice.
Ask a lawyer for this.

So, I already created both texts with a generator for illustration purposes. Now let’s just copy the texts in the prompt. And then we just say:

------------------------------------------------------------------------

Grill me first before you create any files.

------------------------------------------------------------------------

And then Claude asks a couple of questions.
So, let’s quickly answer them. And then Claude starts to build the files.

Ok, this took about a minute. Let’s download the files and put them directly in the main "TidyReport" folder, next to the fonts and images folders.

Now, before we publish it, let’s quickly check if it actually works.
So, let’s just drag and drop the index.html file into our browser and see if it worked. Let me check the mobile version as well and - yeah, looks good.

Now, here’s the cool thing. If we want to add icons or more images later, we just put them in the folder, tell the AI to add them, download the updated files, and replace the old ones in our folder. Easy as that.

Now, step 3, let’s publish this so people can buy our product.

Now, where and how you publish your landing page really depends on what you’re using.

Right now I’ll show you Netlify Drop. But I want to be fully transparent here:
I haven’t used it much myself, so don’t take this as a recommendation.

I picked it because it’s the easiest flow to show. And I’m not getting paid by them. I rather want to show you how it works to get your website live.

But you can really use any provider that lets you upload a folder, like Cloudflare Pages, or just any normal web hosting where you upload the files - like World4You.

Just Google "Drag and drop static website hosting" and pick what works for you.  

So, we simply drag and drop our folder into Netlify Drop and get a live link. Then we create a free account to claim the site. Because otherwise, the site expires in 1 hour. So, if you’re happy with it, do it right away.

Now, let’s click through it and see if all works.
And well, yeah - looks pretty nice for a first version - what do you think?

Again, make sure to check the current limits and what provider works for you but that’s basically it - you can already sell your product. You can connect your own domain later, but how that works depends on where you bought it.

To make your landing page and sell your product, you only need 3 steps.
The right folder, one good prompt, and a host where you can drop your folder.

Now, why is this better than just asking AI to build a page directly?

Well, because we told the AI exactly what we do, how our product works, and what benefits it offers. We didn’t just say, "Build it for us".

And that’s what makes a landing page convert.

So, we are all set for version 1.
Now, here’s the thing: AI can build a strong landing page incredibly fast.
But we don’t stop there. This is only version 1. The next step is to check the page and improve it. Like, check all texts if they work for you and if they really fit your audience. And if you’re not happy with it, update it.

AI can only do so much. But you know your users best, so really tailor it to your audience before you publish it.

Now, if you want help with all of that - building your website so people buy your stuff, improving your product, or getting more customers, check out my startup mastermind.

You will get pesonal coaching from me plus you can talk to other founders to see what worked for them.

You can join right here: