3.2 – Understand the Site Structure and Editing Lesson

Lesson Overview

An AI website draft is a fast starting point, but it rarely matches your brand or priorities out of the box. This lesson focuses on the first round of practical edits that turn a generic template into a usable, on-brand site. You will update the header with your own logo, tune the hero section so the main message and call to action fit your business, and replace background media to reflect the value you provide.

You will also see how to manage your site’s structure. That includes showing or hiding pages, renaming and reordering menu items, and adding new sections when the template is missing something important. When you need help with wording, you can use the AI writer to adjust tone or quickly iterate. For stronger headlines, keep a conversation open with a chatbot like Google Gemini or ChatGPT, then paste the best options into the builder.

This lesson matters because the hero section and navigation set visitor expectations within seconds. A clear headline, a specific button label such as Request a quote, and a tidy menu help people understand what you do and how to move forward. These skills apply whether you run a service business, a creative portfolio, or a small team site. They are also useful whenever you inherit a site draft that needs fast polish without rebuilding from scratch.

Who This Is For

If you have an AI-generated site and need to make it feel like yours, this lesson is for you. It’s especially helpful if you want quick, visible improvements without advanced design skills.

• Small business owners bringing an existing brand online
• Freelancers and creators updating a portfolio or services page
• Marketers polishing headlines and calls to action for campaigns
• Educators and program leads creating simple public pages
• Non-designers who want clean navigation and credible content fast

Where This Fits in a Workflow

Use this lesson right after the builder generates your initial site. It is the editing stage where you turn a draft into something you can show customers. Start at the top with the logo and menu. Then focus on the hero section because it carries the most weight. Next, swap out background media, clean up text across sections, and fix any missing parts by adding sections or generating a new page.

Two common applications:

• Service businesses: Change the hero button to Request a quote, update the background image to match your audience, and reorder Services so it shows early in the menu.
• Portfolios: Replace the stock hero with a simple abstract image from the free library, craft a concise headline from your chatbot session, and hide placeholder testimonials until you have real ones.

This stage sets you up for the next step where you test and publish.

Technical & Workflow Benefits

The old way to fix a draft site might be rewriting everything by hand, searching multiple stock sites for assets, and rebuilding sections from scratch. The approach in this lesson is faster and more consistent. You use the builder’s drag and drop tools and built-in AI features to make targeted edits, while a chatbot helps you brainstorm stronger copy.

Key gains:

• Faster copy polish: Generate several headline and subheadline options, then use the builder’s AI writer to adjust tone to professional, casual, or anything you need.
• Better visuals without leaving the editor: Replace background video or images using an integrated free library. You can also switch to a solid color for clarity.
• Less structural friction: Add a section from ready-made layouts or use the page generator to spin up a missing About page, then rename and reorder menu items in minutes.
• Cleaner navigation: Show or hide pages, duplicate when needed, and keep the top menu aligned with what visitors expect to find first.

These improvements reduce setup time while raising the quality of your first publishable version.

Practice Exercise

Scenario: You have an existing business logo and want a clear services-focused homepage.

Steps:

1. Header and hero

• Upload your logo and set a comfortable size in the header.
• Ask your chatbot for five headline and subheadline pairs aimed at your ideal customer. Paste your favorite into the hero.
• Change the button label to a specific action such as Request a quote or Book a call.

2. Background and structure

• Replace the hero background with an abstract image or a short video from the free library so the text stands out.
• Open the pages tab and reorder the menu so Home, Services, Work, and Contact are easy to find. Hide any pages you do not plan to use yet.

3. Credibility and footer

• Remove placeholder testimonials or replace them with real ones.
• Update the footer with your address, email, and social profiles.

Reflection: Compare your updated hero to the original. Does the headline explain what you do and who it’s for, and does the button make the next step obvious?

Course Context Recap

Earlier in the course, you used AI to create a working site draft. This lesson showed how to edit that draft into a focused, branded experience by refining the hero section, replacing default media, adding or removing sections, and cleaning up the menu and footer. Up next, you will explore settings, testing, and publishing so the site is ready to share. Continue through the course to see how these edits carry through to a reliable final publish.