Growth Chart Story

About this block

Growth Chart Story is a single customer case study built around one chart. A heading and lede introduce the story, then a wide card leads with a twelve month SVG line chart annotated with two dashed milestone markers, each labeled at the top of the chart. Below the chart a three column row carries the starting point, a pull quote with avatar, and a short list of result stats, divided by hairline rules.

The curve is one points string, the milestones are positioned lines with text labels, and the results are a plain array, so retelling the story for another customer means editing copy and coordinates, not layout. The quote, name, role, and avatar swap like any testimonial. On mobile the three columns stack in reading order: context, quote, results.

When to use

Reach for this block when one customer had a genuinely compounding result and you can name the moments that caused it. The annotated milestones do the arguing: adoption happened here, the slope changed there. It beats metrics-spotlight when the journey matters more than the destination, and story-with-before-after-chart when growth was continuous rather than a clean before and after.

A natural flow around it on a Marketing Pro page:

Before

• Features so readers know which capabilities the milestones refer to

After

• Testimonials for broader social proof after the deep dive
• CTAs to convert readers who finished the story

What you can display

One strong use is pipeline growth with the two feature adoptions that bent the curve. Other stories the chart can carry:

• Retention recovery. A churn curve flattening after onboarding changes, with the milestones naming each fix.
• Cost decline. Acquisition cost falling as attribution and automation arrive, told as a falling line.
• Audience growth. Subscribers compounding after a content engine launch, milestones at format changes.

Tip: two milestones is the limit, one reads as luck and three start to read as a timeline, which is a different block.