This product is a self-paced digital lesson unit on public speaking and presentation preparation, delivered in English for vocational students and first-time entrepreneurs. Its source-derived intent is to teach the first steps of giving a great presentation: how to organize ideas, how to prepare before speaking, and how to stay calm when nervous — building the confidence needed to speak in front of an audience.
The unit's second, equally weighted intent is structural: an effective presentation relies on a clear, deliberate three-part core structure — a strong Introduction, a clear Message, and a memorable Conclusion — supported by specific English expressions for signaling transitions and practical techniques for managing presentation anxiety. Mastery of these components should let students plan and deliver presentations with greater clarity, confidence, and professional impact.
The unit is anchored by a running worked scenario: Frank, an entrepreneur who has built a fully functional portable solar power energy system that works in low sunlight and converts to electricity to power mobile phones, lights, and even televisions. Frank needs to pitch his business, Solar Solutions, to a local micro-lending group to finance the launch and scale of small solar home systems. The lesson teaches the three pitch variables — Why (goals and objectives), Who (target audience), and How (call to action) — and applies them directly to Frank's pitch.
The audience is students and first-time entrepreneurs working through the lesson independently, answering the embedded questions, and leaving with a complete, persuasive pitch plan.
The product is a single, self-paced instructional web application. It presents lesson material, worked examples, and interactive questions, and it lets a learner build a complete pitch plan for the Frank / Solar Solutions scenario, ending in a clear call to action.
Actors
Accepted behavior
Ownership and delivery boundary
All lesson content, questions, feedback, and the pitch plan are first-party and delivered in the browser. No account, sign-in, or durable server-side state is required: the lesson is self-paced and the learner's work lives in the session. No AI generation, no external service integration, and no provider-owned surface is part of the accepted scope. Toastmasters International remains an outbound informational reference only.
Narrow exclusions
The lesson is a self-contained, browser-delivered instructional unit. A learner opens it, works through the material in order or at their own pace, answers the embedded questions, and builds a pitch plan for Frank's Solar Solutions scenario. Nothing the learner does requires an account, and nothing is stored on a server: the plan and answers exist for the session in which they are made.
The unit's content boundary is the material supplied in the requirement thread. The lesson teaches the three-part structure, the three pitch variables, transition expressions, anxiety-management techniques, preparation and practice habits, and presentation types, with the business pitch as the worked type. The Frank scenario is the applied thread that runs through the unit and culminates in the ask.
Everything the learner interacts with is first-party. The only external name in the material — Toastmasters International — is presented as information the learner may act on outside the product, not as a service the product connects to. There is no future-phase capability defined in the accepted requirements; the unit is complete as specified.
Unit 01 — Preparing Your Presentation (Presentation)
Unit 02 — Structuring Your Presentation (PPT)
The Frank / Solar Solutions scenario
Presentation purpose and types
Lesson host
Goals and objectives
Your target audience
Call to action
Question — Frank's target audience
Question — Frank's calls to action
Reflection prompt
Professional Development Tip
Types of Presentations
Business Pitch Presentation
FR-1 — Unit introduction As a learner, I should read the unit introduction so that I understand what the unit covers and why it matters.
FR-2 — Three-part core structure As a learner, I should learn the three-part core structure so that I can organize a presentation that guides the audience through complex information.
FR-3 — Transition expressions As a learner, I should learn specific English expressions for signaling transitions so that I can move an audience between parts of my presentation.
FR-4 — Managing presentation anxiety As a learner, I should learn practical techniques for managing presentation anxiety so that I can stay calm when I feel nervous.
FR-5 — Goals and objectives As a learner, I should learn what goals and objectives are and how to write them so that my presentation communicates its desired outcome.
FR-6 — Target audience As a learner, I should learn what a target audience is and how it shapes a presentation so that I can design for the people I am trying to influence.
FR-7 — Call to action As a learner, I should learn what a call to action is and how to place it so that my presentation tells the audience exactly what to do.
FR-8 — Professional development tip As a learner, I should learn the preparation and practice habits so that I can rehearse effectively and reduce nervousness.
FR-9 — Types of presentations As a learner, I should learn that different presentation types serve different purposes so that I can blend elements to most effectively persuade.
FR-10 — Business pitch presentation As a learner, I should learn what a business pitch is and what the ask is so that I can build a case for a venture and conclude with a specific request.
FR-11 — Frank's target audience question As a learner, I should answer the question about Frank's target audience so that I can test my understanding of audience segments.
FR-12 — Frank's calls to action question As a learner, I should answer the question about Frank's calls to action so that I can apply the call-to-action concept to the scenario.
FR-13 — Reflection prompt As a learner, I should reflect on how these considerations apply to other aspects of entrepreneurship and starting a small business so that I can transfer the lesson beyond the scenario.
FR-14 — Build the pitch plan As a learner, I should build a complete pitch plan for Frank's Solar Solutions pitch so that I can apply the three pitch variables and produce a persuasive presentation plan.
FR-15 — State the ask As a learner, I should state Frank's specific ask so that the pitch concludes with a concrete request for funding or support.
FR-16 — Review the finished plan As a learner, I should review the finished pitch plan so that I can confirm it carries a clear call to action and a specific ask.
Product context. The learner is a vocational student or first-time entrepreneur working through an English-language learning module on public speaking and business-pitch structure. They are working independently and at their own pace, in a browser, without an account. The lesson's worked scenario — Frank's Solar Solutions pitch to a local micro-lending group — is the applied thread they follow from the unit introduction through to a finished pitch plan.
Primary goal. To learn the first steps of giving a great presentation — organizing ideas, preparing before speaking, and staying calm when nervous — and to apply the three pitch variables (Why, Who, How) to produce a complete, persuasive pitch plan that ends in a clear call to action and a specific ask.
Distinct accepted responsibilities.
Relevant inputs or decisions.
Interactions with other accepted participants. The learner is the sole active human actor. The lesson host, Kenya, appears in the lesson material as the presenter of the videos responding to frequently asked questions; the learner receives that material but does not interact with Kenya. Frank and the micro-lending group are scenario figures within the lesson, not interactive participants. Toastmasters International is named as an external organization the learner may act on outside the product.
Observable success. The learner has worked through the unit material, answered the questions (including retrying the target-audience question until correct), recorded a reflection, and produced a finished pitch plan for Frank's Solar Solutions pitch that carries the three pitch variables, the three-part structure, a clear call to action, and a specific ask stated as a concrete figure at the end.
- **Failure/recovery.** If the learner selects an incorrect option, the answer block flips to solid red and the feedback appears: "Almost! While the microlending groups are one segment of Frank's target audience, there may be other audience segments as well. Try to think about which audience segments will be beneficiaries of Frank's solar enterprise. Try again." The learner selects again.
- **Success.** A correct selection stamps the black CORRECT bar across the answer block. The learner continues.
14. Answer the calls-to-action question. The learner reads "What could be some examples of Frank's calls to action during his presentation to the microlending group?" and works the answer. The accepted answer is presented: asking the microlenders to invest in Solar Solutions to provide a portable solar home system to the community. The alternative call to action is also presented: if the group is unable to invest at this time, asking the microlenders to grant access to their wider lending network so Frank can share knowledge about Solar Solutions and the benefits it provides other communities. 15. Reflect. The learner reads "Take a moment to think: How could these considerations also be incorporated into other aspects of entrepreneurship and starting a small business?" and records a response. 16. Build the pitch plan. The learner opens the pitch plan and completes the three pitch variables: - Why — Goals and Objectives. The learner states Frank's desired outcome and what he is communicating, decides whether the goal is to inform/educate or to inspire/motivate, states the "why", and writes the goals and objectives in bullet form, short and succinct, at the start. - Who — Target Audience. The learner identifies the audience segments Frank is persuading, educating, or inspiring — community microlending groups that could support with funding, rural and urban communities without access to energy infrastructure, and low-income families without financial access to renewable energy — and notes what those segments care about and how they shape style, storytelling, pace, and design.
- **How — Call to Action.** The learner states the primary call to action (asking the microlenders to invest in Solar Solutions to provide a portable solar home system to the community) and the alternative call to action (if the group is unable to invest at this time, asking the microlenders to grant access to their wider lending network so Frank can share knowledge about Solar Solutions and the benefits it provides other communities).
17. State the ask. The learner states the specific amount of funding or support Frank is seeking from the funders, investors, and supporters in the audience, as a concrete figure in the form "you are seeking $20,000 in funding to start your business", placed at the end of the presentation, with the case for how the business will be successful. 18. Review the finished plan. The learner reviews the finished pitch plan. The plan presents the three pitch variables, the three-part structure, the clear call to action, and the specific ask. The learner confirms the call to action is clear — the thing that turns the pitch into real funding for solar power in more homes. 19. Next step. The learner can revisit any lesson section or edit any part of the plan.
Muse and headline. Paula Scher — typography as architecture: public speaking built out of stacked words and hard colour blocks. The register is energising and confidence-building, because the material itself is about standing up and being heard, while staying legible enough for dense instructional content, quiz feedback, and slide-structure diagrams.
Colour tokens (light mode).
| Role | Hex | Usage |
|---|---|---|
| Background | #F2EDE3 | Warm newsprint-cream ground; the default page ground instead of pure white |
| Surface | #FFFFFF | Instructional surfaces and reading panels |
| Text | #0E0E0E | Black type at full strength |
| Primary | #E02B20 | Structure / opening; red blocks carry white text |
| Accent | #F2C300 | The ask / what you want; yellow blocks carry black text only |
| Teal | #0F7A72 | Practice and delivery; teal blocks carry white text |
| Muted | #6B665C | Metadata, slide numbers, captions |
Colour is applied as solid blocks and bands at 100% opacity — never gradients, never tints below 90%. Blocks occupy roughly 25% of any given screen; the rest is cream and black type. The three flat poster colours are coding, not decoration: red #E02B20 = structure/opening, yellow #F2C300 = the ask/what you want, teal #0F7A72 = practice-and-delivery.
Typography.
Shape language. Hard edges only: 0px radius everywhere; 2px and 4px black rules as dividers; flat solid colour rectangles that bleed off the top, left, or right edge; diagonal bands at -4deg for section transitions; type set flush-left ragged-right so every block ends in an irregular silhouette. No cards with shadows, no rounded buttons — CTAs are solid rectangles with 3px black outlines, or black rectangles with cream text.
Layout. A strict 12-column poster grid with a visible 1px black hairline between columns on desktop (hidden below 768px), asymmetric: content occupies columns 1–7, the colour block or oversized word occupies 8–12. Sections open with a full-bleed type band that names the section in Anton at display size, then collapse into a two-column instructional layout. On mobile the grid becomes a single column with the colour band pinned to the top edge of each section; nothing is centred except the single most important line on the page. Slide-structure diagrams (Opening / Message / Close) are drawn as three flat coloured rectangles in a row, sized 40/35/25 to show proportion of speaking time.
Imagery. Typography is the image: oversized stacked words, colour-block diagrams, and high-contrast black-and-white cut-out photographs of a person mid-gesture or a slide deck on a stand, cropped hard to the grid and duotoned to black plus one poster colour. Diagrams are flat geometric constructions — three stacked bars for the three-part structure, a target circle for audience, an arrow block for call to action. No stock-photo smiling teams, no 3D renders, no gradient meshes.
Avoid. Rounded cards, pill buttons, and soft drop shadows; blue–indigo accents or any gradient background; a centred hero with subtext and a single coloured button; Inter, Roboto, Poppins, DM Sans or any rounded geometric sans; photographs of smiling stock teams or 3D-rendered blobs; cards that lift on hover or float with parallax drift; tinting the poster colours below full saturation or using them decoratively on borders; body copy set in Anton or any condensed face. The generic indigo/blue-on-white SaaS template is forbidden for this project.
Readable text and controls. Headlines, wordmarks, labels, numbers, card text, and controls stay entirely inside the viewport and their container at 375px, 768px, and 1280px, wrapping or scaling (for example font-size: clamp(...) with its mobile size) to fit, and no other element covers any part of them. Imagery, decoration, and motion may be cropped, bled off an edge, rotated, overlapped, or cut exactly as the direction asks, as long as they cover no readable text or control. Moving and scrollable content (the transition-phrase marquee) may cross the viewport or container edge by design; every phrase becomes fully readable as it passes. With prefers-reduced-motion, the marquee wraps into rows or becomes horizontally scrollable so each phrase can be brought fully into view.
The public entry is a full-viewport poster, not a centred SaaS hero.
#E02B20 band that runs edge to edge.#F2C300 rectangle sits behind lines two and three, offset 24px down and right so it reads as a misregistered second print layer.The poster recomposes only accepted content: the unit title, the unit label, the Start control, and the three pitch variables. It introduces no new behaviour, page, or destination.
Interaction Model: Animated Motion Tempo: expressive Hero Dimensionality: flat
Landing Hero Motion Brief
NFR-1 — Self-paced, no-account delivery. The lesson is delivered in the browser with no account, sign-in, or authorization step. Provenance: explicit (the lesson is self-paced; no access requirement is stated). Rationale: the unit is a standalone instructional module and nothing in the accepted behavior requires identity or continuity across sessions.
NFR-2 — Session-scoped state. The learner's answers, reflection, and pitch plan live in the session; no durable server-side state is required. Provenance: required_inference (the plan and answers must persist long enough for the learner to complete and review them within the session). Rationale: the accepted behavior requires the learner to build and review a plan, which needs in-session persistence but not durable storage.
NFR-3 — Readable text and controls at every viewport. Headlines, wordmarks, labels, numbers, card text, and controls stay entirely inside the viewport and their container at 375px, 768px, and 1280px, wrapping or scaling to fit, with no other element covering them. Provenance: explicit (creative direction). Rationale: the poster typography runs at large display sizes and must remain legible and operable.
NFR-4 — Reduced-motion support. With prefers-reduced-motion, the transition-phrase marquee wraps into rows or becomes horizontally scrollable so each phrase can be brought fully into view, and the poster renders in its composed first frame. Provenance: explicit (creative direction). Rationale: the direction's motion is expressive and must degrade to a usable static arrangement.
NFR-5 — No external service dependency. The lesson does not integrate with Toastmasters International or any external provider; the Toastmasters reference is informational only. Provenance: explicit (the reference is named as an organization, not as an integration). Rationale: the accepted scope contains no provider-owned surface.
NFR-6 — No AI generation. The lesson content, questions, feedback, and plan structure are authored; no AI generation is part of the accepted scope. Provenance: explicit (Planning Scope: ai_required false). Rationale: the material is fixed instructional content.
Assumptions
Constraints
#F2EDE3, black type #0E0E0E, red #E02B20, yellow #F2C300, teal #0F7A72, muted #6B665C; Anton headings and Archivo body; hard edges, 0px radius, no gradients, no rounded cards or pill buttons. [Explicit — creative direction.]No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No comments yet. Be the first!