Landing page with a signup form in 15 mins

Daily Build is a newsletter for daily projects built using the latest AI tools.

Overview

Alrighty, today we’re building a simple landing page with a signup form.

I was able to build this start to finish in 15 minutes.

I hadn’t used the Vue framework in awhile so I wanted to see what we could do there….

Who this could help

• Frontend engineer or designer

• Marketing/Growth team running custom signup experiments team

• Founder with a new prototype

Model

I used ChatGPT (GPT-4)

Prompt

“I need your help creating a beautiful landing page. It should be a simple page that collects email addresses and has some landing text! Let's build this with vue! Anyways, It should be aesthetically pleasing, big, bold, and lovely. Do you need some inspiration or can we get started with some code for the JS, CSS, and HTML? Let's use a soft red for the background... And a very modern serif font.”

Building it

• Gave it this initial prompt

• I had to slightly redesign some of the elements

• With the initial prompt we got 80% of the way there

Links

• Here’s the live link of landing page

• Here’s the source code

What should I build next?

Know someone who likes landing pages?

Send them this newsletter:

daily-build.beehiiv.com