🔒 Premium Lesson Page

Case Study Lesson — Real Story Narrative Page

A narrative case-study lesson that walks through one student's transformation in story form — before state, turning point, the work, and after state — pilots a career-pivot story but the pattern fits any belief-building case study.

Best for: Belief-building lessons where a real student's story does the heavy lifting — proving that the framework works and what change actually looks like.

Live preview — scroll inside the frame to see the full page.

What it does

  • Story-opener portrait — a hero portrait, name, and one-line tagline of the case-study subject's transformation
  • Before state section — a short narrative of where the student started, with a pull quote that captures the feeling
  • Turning-point block — the moment something shifted, told with detail and a key quote
  • The work walkthrough — three to five milestone cards showing what the student did, paired with photos or artifacts
  • After state and proof — where the student is now, with concrete results (numbers, before/after, or new milestones)
  • Lesson-from-the-story close — a final block pulling out two or three takeaways the reader can apply to their own situation

Best use cases

  • Career and professional coaching — a real career-change or promotion story
  • Business and entrepreneurship — a founder or freelancer transformation story
  • Health, fitness, and wellness — a body-recomposition, recovery, or healing journey
  • Personal finance — a debt-payoff, FIRE, or wealth-building story
  • Personal development and relationships — a life-design or relationship turnaround story

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

  • Colors — slots for page background, before-state and after-state accents, turning-point highlight color, milestone-card surface, and pull-quote tint
  • Fonts — an editorial display font for the headline and pull quotes, a comfortable body font for the narrative, and an optional accent font for milestone numbers
  • Copy — case-study subject's name and tagline, before-state narrative, turning-point story, three to five milestone descriptions, after-state results, and lesson-takeaway close
  • Images — main portrait, before/after photos or screenshots, milestone artifacts, and any supporting visuals (charts, work samples)
  • Behavior — toggle whether photos lightbox on click, whether milestone cards animate in on scroll, and whether a video version of the story is embedded alongside the prose

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.