Click 👉🏾 Lola Adey to see my website

A practical guide from Lola Adey for building an elegant, interactive personal or business website with AI. You do not need to understand the code. Gather your content, answer the questions, copy the prompts in order and review the result.

The order: Prompt 1 → Prompt 2 → Prompt 4 → Prompt 5. Use Prompt 3 only if the motion needs another pass.

The prompts are detailed so your instructions can stay simple. They guide the build; the result still depends on your assets, the tools available and what you see when testing.

Start here

  1. Gather your content. Bring a main photo, a few supporting photos or videos, your main offer and its booking or purchase link. Add your current website, LinkedIn, Instagram, project links, approved testimonials and brand colors where relevant. You do not need everything before starting.
  2. Bring visual references. Attach one or two short recordings of websites you love. Say what you like, such as “the opening reveal,” “how the whole scene changes when I scroll” or “the way the images move around the person.” If you use Google Drive, connect it where available and point ChatGPT to the specific folder containing the files you want used.
  3. Paste Prompt 1 into ChatGPT. Use a conversation that can build and preview websites. Dictate your answers if that is easier. ChatGPT will help fill the brackets. Review the completed brief, make corrections and say, “Yes, use this brief.” Keep everything in the same conversation.
  4. Paste Prompt 2. Let it build. Open the actual website preview. Watch the opening without touching anything, then scroll slowly, scroll backward and try the buttons on your phone.
  5. Refine and check. If it still feels static, attach a short screen recording and paste Prompt 3. Once you like the result, paste Prompt 4. Fix anything that affects the visitor experience.
  6. Launch when ready. Paste Prompt 5 and ask ChatGPT to walk you through publishing on your domain. There is no need to guess technical settings yourself.

If your ChatGPT session cannot build or preview websites: complete the brief there, then take the brief, assets and Prompt 2 into an AI coding or website-building environment that supports custom JavaScript and a live preview. Ask it to confirm that capability before beginning. A finished code response is not the same as a deployed website.

What creates this kind of motion

The references behind this approach show two useful ideas: a portrait-led portfolio with large typography and changing compositions, and a food presentation with coordinated assembly, separation and scene changes.

For a personal brand, keep the original photograph intact while the typography, frames, supporting images and surrounding space move. A person does not need to rotate or turn into a 3D model for the website to feel dimensional.

Look for four visible results: