Experiment #1: Creating a landing page using AI tools + No code


Imagine a time when you can simply write a basic prompt providing some context on the product or service your looking to create and sit back and let an entire end-to-end AI development tool generate each element of your mobile app, web app or website. It would suggest all the copy based on the target market, branding, custom imagery and illustrations, optimal user journey, structure of the database, logic, APIs you name it. Once it presented you can play around with it and edit any elements you wish with an intuitive graphical interface or if you prefer jump in an edit any of the code directly to your preference.

Sadly, a full end to end AI-driven software development tool doesn't exist, yet. However, we are living in an incredible time where software development and AI tools are innovating at breakneck speed and moving us closer to this future.

I’m sure you’ve heard a lot recently about AI. Perhaps your sick of hearing about it, perhaps your curious or perhaps you don’t particularly care. Personally, i was pretty slow to react to this new wave of hype which is pretty unusual for me given my shiny object syndrome with new technologies. However, given the Crypto, NFT and Web3 bubbles over the past few years which i admittedly got caught up in, it made me slightly hesitant to jump into the next hype cycle. However, the advancements in AI feel different. They bring more broad utility which seem to be more adoptable to the masses. AI doesn't seem like a nascent technology this time round which promises more utility in the future but is already providing it right now.

AI technologies like GPT-3 are still in their early stages, but they are quickly becoming ubiquitous. To stay ahead of the curve in the tech industry, and especially when building products, it is essential to understand how these technologies work. The best way to prepare for the future is to get started and gain practical experience.

It may seem pretty intimidating to get started, especially if you don’t have a technical experience but i can assure you it’s not as daunting as you might perceive it to be.

First of all let me set something straight. I'm not a designer, I don't know how to use specialist design tools like photoshop or illustrator, I'm not a developer and barley know how to code and certainly not a copy writer. However, i spent the last 3 weeks getting familiar with a number of AI tools to better understand the utility of these tools and the value it can provide as a maker and product manager, not to mention the implications of these tools and the impending impact they will have on various professions.

In this post i’m going to walk you through each of the AI and no code tools i used to create this landing page experiment. I’m going to share every prompt used and explain some of the tips and tricks i learned alone the way. The best thing is, each of these tools are free and accessible to anyone with a computer and an internet connection.

Eget quis mi enim, leo lacinia pharetra, semper. Eget in volutpat mollis at volutpat lectus velit, sed auctor. Porttitor fames arcu quis fusce augue enim. Quis at habitant diam at. Suscipit tristique risus, at donec. In turpis vel et quam imperdiet. Ipsum molestie aliquet sodales id est ac volutpat.

Man pinning images on wall
Image caption goes here
Dolor enim eu tortor urna sed duis nulla. Aliquam vestibulum, nulla odio nisl vitae. In aliquet pellentesque aenean hac vestibulum turpis mi bibendum diam. Tempor integer aliquam in vitae malesuada fringilla.

Elit nisi in eleifend sed nisi. Pulvinar at orci, proin imperdiet commodo consectetur convallis risus. Sed condimentum enim dignissim adipiscing faucibus consequat, urna. Viverra purus et erat auctor aliquam. Risus, volutpat vulputate posuere purus sit congue convallis aliquet. Arcu id augue ut feugiat donec porttitor neque. Mauris, neque ultricies eu vestibulum, bibendum quam lorem id. Dolor lacus, eget nunc lectus in tellus, pharetra, porttitor.

"Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus."

Tristique odio senectus nam posuere ornare leo metus, ultricies. Blandit duis ultricies vulputate morbi feugiat cras placerat elit. Aliquam tellus lorem sed ac. Montes, sed mattis pellentesque suscipit accumsan. Cursus viverra aenean magna risus elementum faucibus molestie pellentesque. Arcu ultricies sed mauris vestibulum.


Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus id scelerisque est ultricies ultricies. Duis est sit sed leo nisl, blandit elit sagittis. Quisque tristique consequat quam sed. Nisl at scelerisque amet nulla purus habitasse.

Nunc sed faucibus bibendum feugiat sed interdum. Ipsum egestas condimentum mi massa. In tincidunt pharetra consectetur sed duis facilisis metus. Etiam egestas in nec sed et. Quis lobortis at sit dictum eget nibh tortor commodo cursus.

Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare id morbi eget ipsum. Aliquam senectus neque ut id eget consectetur dictum. Donec posuere pharetra odio consequat scelerisque et, nunc tortor. Nulla adipiscing erat a erat. Condimentum lorem posuere gravida enim posuere cursus diam.

Olivia Rhye
11 Jan 2022
5 min read