Banner
January 31, 2023

Using AI for Landing Pages

Using the Midjourney Discord server tool based on DALL-E-2 From Open AI, I tried looking for landing page design inspirations and I think the results were fantastic.

.

There are many uses for AI imagery when pushing OG traffic such as thumbnail design pieces and or getting unique depictions you would like to add on your website, video etc. Anything to help increase conversion rates. Sometimes google images won't have the exact image you are thinking of adding and so these tools make it incredibly easy to fill that void.

.

Here is what I did to generate these landing page images

.

1. Open one of the Midjourney Discord servers

.

2. Set it to Relax mode (longer wait time, better quality)

.

3. Type on the /imagine command: an impressive website landing page, clean but simple innovative high contrast design about purple drinks, clean smooth retro machine in background dispensing the purple drink, high quality, 28k resolution, intricate, insane detail, hdr, surreal --v 4 --s 250

.

.

.

For the most part these are only useful for inspiration when setting up a new site for a new niche that you want to make stunning unlike the standard web designs employed by OG publishers. However there is a potential way to directly convert these landing page designs into real functional pages by using a little help from some other AI systems. (although this technique is still very primitive and i do not recommend doing this unless you know how to automate it) Once you found your desired landing page design you can try the following:

.

1. Manually describe the landing page in written detail on every dimension, element and color that you see OR get an AI that can scan the image, recognize the web elements on the page and transcribe it into text format.

.

2. Give instructions to Chat GPT on how to code this landing page, giving your description of how the website should be, what it is about and ultimately giving the transcription text for reference on how the ideal site looks roughly.

.

3. Chat GPT will proceed to code the site, usually you will need to give feedback when something doesn't look right (button animations etc)

.

Don't expect this to build a page for you from scratch with ease, I recommend still doing hands on work for the most part however for some web elements that you want custom but don't know how to code it, chat GPT can code the elements for you, such as animations and dynamic effects that very few people know how to implement without coding knowledge.

.

You can use https://jsfiddle.net/ to test the code GPT spits out.

.

But what about Stable Diffusion? Stable Diffusion is an open source project and you can run it on your own machine if you have the time and a beefy GPU however it is less capable than DALLE.