Business Model Canvas

Product Definition and First Deployment

Overview

Defining a product with the Lean Canvas and taking it online. Students map an idea across the nine boxes from a real customer problem, write a value proposition, and use an AI coding tool to build and publish a landing page.

  • 01 By the end, you can Fill the nine canvas boxes in order from a real annoyance, leaving weak guesses honestly blank.
  • 02 By the end, you can Narrow the customer to one real person and write a value proposition a stranger understands in five seconds.
  • 03 By the end, you can Use Codex to build and publish a landing page — hero, features, social proof, call to action.
  • 04 By the end, you can Combine both to ship a live landing page for the product idea at a public address.
  1. Fill the Business Model Canvas
    Applied craft
    • Demo Example Canvas Walkthrough Teacher fills all nine boxes of one made-up idea on screen so students see a finished canvas.
    • Game Canvas Clash Students race to match each statement to the correct box on the canvas.
    • Worksheet Twenty Minute Canvas Each team fills in one shared canvas against a time limit, leaving boxes blank where needed.
  2. Name the Customer and Value Proposition
    Applied craft
    • Worksheet One Real Person Profile Each student draws one real customer on a single page, filling in what that person sees, does, feels, and gets annoyed by during their day.
    • Worksheet Fits and Fills Canvas Students list their customer's jobs, pains, and gains on one side, then write a value proposition on the other side that fits those exactly.
    • Game Five Second Pitch Test A partner reads your one line value proposition for five seconds only, then says back what the product does and who it is for, and you fix it if they miss.
  3. Set Up Codex and Your Token
    Tool teaching
    • Demo Watch Me Install Codex The teacher installs the Codex extension in VS Code on the projector one click at a time while students copy each step on their own machine.
    • Worksheet Setup and Token Checklist Students tick off each install and token step on a printed list so nothing gets skipped before they try to publish.
    • Build Pair the Publish Two students share one screen, one types while the other reads the steps aloud, and together they publish the page live using their own token.
  4. Build the Landing Page
    Deliverable prep
    • Quiz Team Role Sort Students take a short strengths quiz that assigns each a team role before building starts.
  5. Landing Page Playoff
    Assessment
    • Game Playoff Pitch Teams show builds in pairs and vote who advances, then finalists present to the whole room.

Applied · App Development

# Knowledge & Skills

ACA-Applied
K Knowledge · what you know
The nine boxes are filled in order, starting with the problem. Each box holds one guess. The canvas makes all the guesses visible, so the riskiest guess can be tested first.
You write down the annoyance people already have, and what they do about it today. If the answer is nothing, people may not care about the problem.
The value proposition is one sentence that a stranger understands in five seconds. It is about the customer's problem, not the product's features. A good test is that it could sit at the top of a page with a button underneath it.
The solution box holds no more than three bullet points. It is the least tested guess on the canvas, so it is kept easy to change.
Key metrics (the numbers you track) count real actions people take, not praise or attention. An unfair advantage is something that cannot be easily copied or bought, and leaving that box blank is an honest answer on day one.
Filling the canvas takes twenty minutes at most. Working fast stops people from trying to make it perfect. A blank box is better than a made-up answer.
You lay out a landing page with a hero section, a features list, social proof, and a call to action. point w3d1-s2-p1
S Skills · what you can do
Fill the nine canvas boxes in order, starting from a real annoyance people already have. point w3d1-s1-p1; evidence w3d1-e1
Narrow the customer group until you can picture one real person, and name the early adopters (the first people who would try the idea). point w3d1-s1-p2; evidence w3d1-e2
Write a value proposition (one sentence about what the product does for the customer) that a stranger understands in five seconds. point w3d1-s1-p3; evidence w3d1-e4
Build a landing page with a hero section (the big headline at the top), a features list, social proof (signs that other people trust the product), and a call to action (a button that asks the visitor to act). from objectives

AI

Aligned with AI4K12 · Five Big Ideas in AI View framework →
AI4K12 · Five Big Ideas in AI
5-D-II

Solving Societal Problems

AI can be applied to important issues like disease diagnosis, climate modeling, and poverty reduction.

AI4K12 · Five Big Ideas in AI
5-D-I

Democratisation

Making AI tools and knowledge accessible to diverse communities can empower people and address global challenges.

AI4K12 · Five Big Ideas in AI

Steps to Publish Live

Publishing a page live follows set steps: create an account, get a token (a secret key that proves who you are), add an editor extension (an add-on for the code editor), set up a project folder, build the page, then publish it. If a token is left inside code that gets saved into shared version history, the token is cancelled automatically.

Aligned with UNESCO · AI Competency Framework for Students View framework →
Human-Centred Mindset
4.1.4

Problem Scoping

Developing skills to determine when and how AI is an appropriate solution to a problem, and what resources are needed.

# Competency Goals

ACA-AI.Goals
Aligned with UNESCO · AI Competency Framework for Students View framework →
UNESCO · AI Competency Framework for Students
CG4.1.4.1

When AI Should Not Be Used

Recognizing problems where AI is inappropriate, ineffective, unethical, or harmful, and identifying better alternatives.

UNESCO · AI Competency Framework for Students

Build and Publish With Codex

Install Codex (a coding helper) in VS Code (a code editor), use it to build the page, and publish it live with your own token (a secret key that proves who you are).

Deliverable

# Business Model Canvas

Projects.Briefs

Turn a product idea into a completed canvas and a live landing page, in one evening. A completed nine-box business model canvas, plus a landing page published to a public web address.

Transfers to: Naming the customer’s actual problem before designing anything.

See past cohorts ship this in the Showcase →

# Assessed toward these aims

Projects.Rubrics

This deliverable is where students demonstrate

  1. A Define a product using the Lean Canvas
    Look out for
    • Canvas completeness (fill the nine boxes): All nine boxes are filled in, in order, starting from a real annoyance. Empty boxes are left honestly blank rather than filled with made-up answers.
    • Customer focus (narrow down the customer): The customer is narrowed down to one person you can picture, and the early adopters are named.
    • Value proposition (write one sentence): One sentence about the customer's problem that a stranger understands in five seconds.
    • Page layout (lay out the landing page): The page shows a hero section, features, social proof, and a clear call to action.
    • Deployment (publish it live): The page is live at a public web address by 10pm, made and published using the learner's own token.
01

Marketing

Owns the look and feel, and how the product is communicated.

02

CEO

Gets the team working together and is answerable for the 22:00 deadline.

03

CFO

Makes sure the team has the tools, and that the business case adds up.

04

CTO

Makes sure the code, APIs and AI work as planned, and can diagram the stack.