Design. Build. Serve.

Start with something you care about. Finish with something real.

Innovation Studio is a 16-session experience where students turn a meaningful need into a digital product through observation, design, prototyping, testing, and iteration.

Led by practicing professionals, students develop the judgment to use modern and emerging technologies responsibly as the tools evolve.

Move the product-design notes between swim lanes.

Example project board

Backlog

Add ideas you might explore.

Notice a NeedFind a moment where people get stuck, need help, or see an opportunity.
Choose a FocusIdentify one audience and one meaningful need you could address.

To Do

Choose what to work on next.

Brainstorm IdeasGenerate at least three different ideas before choosing one.
Plan the ExperienceMap the important steps, screens, content, and choices.

In Progress

Work on it now.

Build a Clickable PrototypeTurn the strongest idea into something people can click through and try.
Test with PeopleAsk at least three people to use the prototype without explaining it.

Ready to Share

Share what you made.

Improve the DesignWe used evidence to make the experience clearer and more useful.

Move a sticky to plan your next move.

In this studio, we believe…

Curiosity comes before certainty.

Understanding comes before solutions.

Making is how we learn.

Feedback makes good ideas better.

The best work creates value for others.

The transformation

From user to thoughtful creator.

Students already encounter designed digital decisions every day. Through the studio, they practice seeing those decisions, making their own, and improving them with evidence.

At the start

  • Uses digital products mainly as a user
  • Begins with familiar or default solutions
  • Focuses on tools before people and purpose
  • Sees the finished product more than the decisions behind it

Through the studio

  • Notices human needs and design choices
  • Makes intentional product decisions
  • Uses technology as a creative material
  • Tests, explains, and improves work using evidence

The complete product journey

One student product moves from human need to live showcase.

Human-centered design, writing, AI literacy, HTML, accessibility, storytelling, and technical tools appear as capabilities used throughout the journey.

Sessions 1-4

Notice and focus

Students observe people, identify friction, gather evidence, and focus on a need worth helping.

Creator profileOpportunity journalUser insightOpportunity brief

Sessions 5-8

Design the response

Students generate possibilities, clarify the product promise, map the user journey, and create the interface and content direction.

Concept galleryProduct promiseJourney mapWireframe

Sessions 9-12

Build the product

Students prototype, understand the digital medium, use AI-assisted development tools, and critique the output with human judgment.

PrototypeWorking webpageProduct v1Decision log

Sessions 13-16

Test, improve, and share

Students test with real people, prioritize changes, prepare the product story, launch, and reflect.

Test evidenceProduct v2Launch storyLive showcase
Start Session 01 in Creator Studio

16-session curriculum

Each session produces visible evidence.

Students do not just hear about innovation. They create an artifact every week that moves the product closer to reality.

Follow one idea from curiosity to launch.

Sessions 1–4

See clearly

  1. 01Enter the StudioCreator profile

    See the digital world as something designed and experience an idea becoming a working site.

    Students create a short creator profile and name what kind of work they care about making.

    Studio orientation and live product demo

    Artifact

    Creator profileHow can an idea become a working site?Start this session →
  2. 02Notice What Others MissOpportunity journal

    Observe friction, confusion, unmet needs, and opportunities.

    Students document real moments where someone needs a clearer path, better information, or a more useful tool.

    Observation notes and field journal

    Artifact

    Opportunity journalWhere do people experience friction, confusion, or unmet needs?
  3. 03Understand a Real PersonUser insight

    Interview, listen, and distinguish evidence from assumptions.

    Students interview a real person, capture useful quotes, and identify what is known versus assumed.

    Interview guide and evidence sorting

    Artifact

    User insightWhat changes when I listen before solving?
  4. 04Frame the OpportunityOpportunity brief

    Define the audience, need, context, and desired change.

    Students turn observations and interview evidence into a clear opportunity brief.

    Problem framing and success criteria

    Artifact

    Opportunity briefWhat opportunity is worth pursuing?

You found a need.

Sessions 5–8

Choose a direction

  1. 05Generate PossibilitiesConcept gallery

    Create several possible responses before choosing a direction.

    Students sketch and compare multiple product concepts before selecting one to develop.

    Divergent concept generation

    Artifact

    Concept galleryHow many good responses can this need inspire?
  2. 06Clarify the Product PromiseProduct promise

    Define what the product is, whom it serves, and why it matters.

    Students write a concise product promise that guides design and build decisions.

    Product promise and tradeoff discussion

    Artifact

    Product promiseWhat exactly will this product do for someone?
  3. 07Design the User JourneyJourney map

    Map the experience from first encounter through completion.

    Students map the key moments a user moves through and identify where clarity matters most.

    Journey mapping

    Artifact

    Journey mapWhat should the user experience from start to finish?
  4. 08Design the Interface and ContentWireframe

    Create structure, hierarchy, navigation, and key messages.

    Students create a wireframe with clear content hierarchy and accessible navigation choices.

    Wireframing and content hierarchy

    Artifact

    WireframeWhat structure, words, and choices make the experience clear?

You chose what to make.

Sessions 9–12

Make and test

  1. 09Prototype Before BuildingPrototype

    Create a low-fidelity version and gather early feedback.

    Students create a quick prototype and use feedback to find what is unclear or missing.

    Low-fidelity prototype sprint

    Artifact

    PrototypeWhat can I test before investing in the final build?
  2. 10Understand the Digital MediumWorking webpage

    Learn how HTML, CSS, browsers, files, hosting, and deployment work together.

    Students build a simple working webpage and connect the parts of the web production process.

    HTML, CSS, browser, files, hosting, and deployment

    Artifact

    Working webpageHow do webpages become real and shareable?
  3. 11Build With AIProduct v1

    Use Codex or related tools to turn the designed concept into a working product.

    Students direct AI-assisted development from their own product promise, journey map, and wireframe.

    Codex-supported product build

    Artifact

    Product v1How can AI help turn intent into a working product?
  4. 12Direct and Improve the MachineDecision log

    Evaluate usability, accuracy, accessibility, coherence, privacy, and responsible tool use.

    Students critique AI-assisted output, document tool use, and make targeted improvements.

    AI critique, verification, and accessibility review

    Artifact

    Decision logHow do I remain responsible for AI-assisted work?

You built a version people can try.

Sessions 13–16

Launch and learn

  1. 13Test With Real PeopleTest evidence

    Observe users interacting with the product and capture evidence.

    Students watch real users interact with the product and record evidence without defending the work.

    Usability testing and observation

    Artifact

    Test evidenceDoes this product work for the people it is meant to serve?
  2. 14Make Product DecisionsProduct v2

    Prioritize improvements based on user value, evidence, and effort.

    Students choose revisions based on evidence, user value, and realistic effort.

    Prioritization matrix and revision sprint

    Artifact

    Product v2What change matters most now?
  3. 15Prepare the Launch and StoryLaunch story

    Finalize the product and explain the decisions behind it.

    Students prepare a launch story that connects the need, product choices, evidence, and next steps.

    Launch preparation and product story

    Artifact

    Launch storyHow should I explain the product and the decisions behind it?
  4. 16Studio ShowcaseLive showcase

    Present the working product, learning journey, evidence, and next steps.

    Students present the live product, evidence of learning, and a clear reflection on what could happen next.

    Live demo and showcase presentation

    Artifact

    Live showcaseWhat did I make, learn, test, and improve?

You launched it and explained what you learned.

What students build

The work becomes more real each week.

Ideas rarely arrive finished.

Students develop one idea over sixteen weeks—observing, listening, making, testing, and improving it with evidence they can explain and share.

student project / evidence trailOpportunity Collection

Opportunity Collection

NOTICEDStudents ask the same question twice because they do not know where to begin.

School · observed in context

A real project begins with a moment worth noticing—not a finished solution.
Opportunity CollectionSessions 01–02
  1. Notice a moment: Opportunity Collection · Sessions 01–02
  2. Hear perspectives: Perspective evidence · Session 03
  3. Choose a direction: Opportunity brief · Session 04
  4. Map the experience: Journey map · Sessions 05–08
  5. Make it testable: Clickable prototype · Sessions 09–12
  6. Learn from use: Test evidence · Sessions 13–15
  7. Tell the product story: Product case study · Session 16

Responsible AI throughout the studio

AI increases capability. Judgment determines value.

Students use AI to explore, prototype, build, critique, and revise. They also learn to question outputs, protect privacy, evaluate sources, recognize limitations, document tool use, and remain responsible for final decisions.

AI can generate quickly. It cannot decide what deserves to exist, whom it should serve, or whether the result is good.

Student

Sets purpose, protects the audience, makes decisions, and owns the final work.

AI

Accelerates exploration, drafting, prototyping, building, critique, and revision.

Teacher

Guides judgment, responsible practice, quality standards, and reflection.

From direction to real use

One idea. One connected workflow.

Students move from shared thinking to interface design, working software, review, and launch—experiencing how modern digital products are brought to life.

  1. 01

    Research and direction

    Frame the direction

    Gather observations, uncover patterns, and decide what is worth building.

  2. 02

    Experience design

    Design the experience

    Shape the flow, interface, and interactions before committing to the build.

  3. 03

    Product development

    Build the product

    Translate clear direction and design into working software with AI-assisted development.

  4. 04

    Review and versioning

    Review the work

    Track changes, review what was built, and approve improvements safely.

  5. 05

    Launch and feedback

    Launch and learn

    Publish a live version, share it with users, and gather evidence for the next improvement.

Studio product  /  Research boardObservations to direction
OBSERVATIONS“I don’t know where to begin.”Students ask the same question twiceToo many choices at once
REFERENCEClear choices, one next step
PATTERNSUnclear starting pointNeed confidence to continue
QUESTIONHow might we help someone choose what to do next?
DIRECTIONGuide people to the right next step.
One idea moving forward01 / 07
  1. 01

    Research and direction

    Frame the direction

    Gather observations, uncover patterns, and decide what is worth building.

    OBSERVATIONS“I don’t know where to begin.”Students ask the same question twiceToo many choices at once
    REFERENCEClear choices, one next step
    PATTERNSUnclear starting pointNeed confidence to continue
    QUESTIONHow might we help someone choose what to do next?
    DIRECTIONGuide people to the right next step.
  2. 02

    Experience design

    Design the experience

    Shape the flow, interface, and interactions before committing to the build.

    StartChoose needSee next step
    Find your next step
    What would help?
    Your next stepStart with a guide
    MSCould this choice be clearer?
  3. 03

    Product development

    Build the product

    Translate clear direction and design into working software with AI-assisted development.

    STUDENT DIRECTION

    Build the three-step choice flow from the approved prototype. Preserve the existing navigation and accessible focus states.

    Reviewing the codebase…✓ Found existing page structure✓ Reusing current button styles
    PROPOSED CHANGES+42 src/page.tsx+18 src/styles.cssPreview ready for your review →
    localhost:3000
    Find your next step.What would help right now?
  4. 04

    Review and versioning

    Review the work

    Track changes, review what was built, and approve improvements safely.

    FEATURE BRANCHClarify the choice flow
    Ready for review
    − Choose an option+ What would help right now?+ Add visible keyboard focus
    Preview ready Accessibility passed✓ Approved to merge
  5. 05

    Launch and feedback

    Launch and learn

    Publish a live version, share it with users, and gather evidence for the next improvement.

    Explore by need

    Find the right next step.

    01
    Start with a guideUnderstand the choices
    02
    Compare optionsChoose with confidence

Outcomes

Rigorous because the learning is observable.

The course is not primarily about coding, content creation, or AI. It develops durable capabilities through artifacts teachers can review and students can explain.

Human understanding

Observe, interview, identify needs, and separate assumptions from evidence.

Administrators can review observation journals, user insights, and opportunity briefs.

Product judgment

Choose what to build, prioritize what matters, and explain tradeoffs.

Decision logs show why students chose, changed, or rejected product directions.

Digital fluency

Understand how digital experiences are structured, built, published, and improved.

Working webpages, prototypes, and version history make progress visible.

Responsible AI practice

Use emerging tools transparently, critically, safely, and purposefully.

AI use notes and verification checks document ownership, privacy, and review.

Communication and collaboration

Give and receive critique, document decisions, present evidence, and tell the product story.

Showcase presentations connect the product, audience need, testing evidence, and next steps.