11th Grade  Project 6 weeks

Website and AI

Luca P
Updated
Critical Thinking & Problem Solving
Content Expertise
Self Directed Learning
Academic Mindset
1-pager

Purpose

Create a simple live website for a real audience while testing how AI can support, speed up, or limit your coding and design decisions. Investigate one authentic website need from a small business or nonprofit partner, then use prompts, code checks, user feedback, and revision cycles to build something clear, useful, and original. Through weekly reflection, partner critique, and final exhibition, strengthen your skills in web development, problem solving, and self-directed learning by showing not just what you built, but what you discovered AI can and cannot do.

Learning goals

You will design, build, test, and launch a simple website for a real audience while using AI as a coding partner and checking its suggestions for accuracy, safety, and usefulness. You will learn how to write effective prompts, read and revise basic web code, and make design choices that improve clarity, originality, and user experience. You will strengthen critical thinking by comparing what AI can do well, where it fails, and how human judgment improves the final product. You will also build self-directed learning habits by using weekly reflection, peer critique, and community partner feedback to guide revision and prepare a polished public presentation of your site.

Competencies
  • Critical Thinking & Problem Solving - Students consider a variety of innovative approaches to address and understand complex questions that are authentic and important to their communities.
  • Content Expertise - Students develop key competencies, skills, and dispositions with ample opportunities to apply knowledge and engage in work that matters to them.
  • Self Directed Learning - Students use teacher and peer feedback and self-reflection to monitor and direct their own learning while building self knowledge both in and out of the classroom.
  • Academic Mindset - Students establish a sense of place, identity, and belonging to increase self-efficacy while engaging in critical reflection and action.

Products

You will create a project plan, a prompt log that tracks how AI helped or failed, simple wireframes, and weekly progress board entries sorted into What I Learned, What I Fixed, and What I Still Need to Test. As you build, you will produce draft web pages, tested code revisions, interview notes from your community partner, and user feedback forms from classmates and real users. By the end, you will launch a polished simple website with a clickable demo and a short visitor guide that explains your design choices, AI prompts, testing results, and final improvements. You will also share a brief reflection on where AI supported your coding well, where it was limited, and how you verified and revised its suggestions.

Launch

Begin with an Idea Marketplace called “What Does Your Site Need?” where you rotate through quick stations featuring real user scenarios from a local small business or nonprofit, such as unclear contact info, confusing navigation, or missing event details. At each station, test a simple AI prompt to see how well it suggests website content, layout ideas, or code, then note what seems useful, generic, or inaccurate. After the rotation, choose one authentic need to solve, draft a first project plan, and set up a weekly reflection routine using “What I Learned, What I Fixed, and What I Still Need to Test.” Close by sharing your chosen problem and how you will check whether AI actually helps you build a site that is clear, useful, and original.

Exhibition

Host a Website Gallery Walk called Click, Compare, Create where you display your final site on a laptop, tablet, or phone and guide visitors through a clickable demo. Share your design choices, the AI prompts you used, what the AI helped with, and the limits or errors you had to catch and revise. Invite classmates, your community partner, teachers, and local guests to leave feedback on clarity, usefulness, originality, and technical quality. End by collecting visitor comments and questions so you can compare how well your site meets real user needs.