Project Vera: 20-Week Commercial Website Course

Learn websites, coding with ChatGPT, HTML, CSS, JavaScript, calculators, quizzes, SEO and launch QA — with one commercial-quality project completed every two weeks.

Week 11: Create a Product Comparison Page

This week in plain English

ObjectiveBuild a structured comparison page that helps visitors choose between options.
Why this mattersComparison pages are commercially useful because buyers often search before deciding.
What she will makeA comparison page for three pretend products or services.
What “done” looks likeThe page has a comparison table, buyer guide and recommendation sections.
At the end, she should be able to say:
“A comparison page helps people understand differences, pros, cons and best-use cases.”
Fortnight project: Commercial Project 6 starts: Product Comparison Page.

Skills: comparison tables, buyer guides, structured content, decision support, AI research prompts

Suggested session structure: 10 minutes objective, 10 minutes ChatGPT planning, 25 minutes building, 10 minutes testing, 5 minutes recap.

Commercial objective for Weeks 11–12

Two-week commercial outcome: Create a product/service comparison page that could work for ecommerce or a service website.

Safe topic choices

Use pretend or low-risk topics, such as: <ul> <li>Kids safety kit comparison</li> <li>Pet sitting package comparison</li> <li>Website package comparison</li> <li>Lemonade stand kit comparison</li> </ul>

Step-by-step

  1. Choose three options to compare.
  2. Create comparison.html.
  3. Ask ChatGPT to suggest comparison criteria.
  4. Create a comparison table.
  5. Add “best for” sections.
  6. Add a buyer guide.
  7. Add FAQs.

ChatGPT prompt

Prompt:
I am making a comparison page for three pretend kids safety kits: Basic, Home and Outdoor. Please suggest useful comparison criteria and explain what each kit might be best for. Keep it simple and honest.

Comparison table

<table>
  <tr>
    <th>Feature</th>
    <th>Basic Kit</th>
    <th>Home Kit</th>
    <th>Outdoor Kit</th>
  </tr>
  <tr>
    <td>Best for</td>
    <td>Getting started</td>
    <td>Home safety practice</td>
    <td>Outdoor safety practice</td>
  </tr>
  <tr>
    <td>Includes worksheets</td>
    <td>Yes</td>
    <td>Yes</td>
    <td>Yes</td>
  </tr>
  <tr>
    <td>Includes emergency plan activity</td>
    <td>No</td>
    <td>Yes</td>
    <td>No</td>
  </tr>
</table>

End of week check

  • The table is easy to read.
  • The page explains who each option is for.
  • The page does not make fake claims.
  • The recommendation is balanced.
Previous week Next week