Challenge Solution Results
One customer story told across three divided columns covering the challenge, the solution steps, and a stacked results metric list.
One customer story told across three divided columns covering the challenge, the solution steps, and a stacked results metric list.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Challenge Solution Results tells one customer story in three divided columns. The section opens with a company name, an outcome heading, and a one paragraph setup, then hands off to a bordered grid: the challenge column lists the pain points that started the story, the solution column lists the rollout steps that fixed them, and the results column closes with a compact stack of headline metrics.
Each column is independent copy. You can rewrite the challenge narrative and its bullet list without touching the solution steps, and the results column takes any set of value and label pairs. The three panels share one bordered frame with hairline dividers, so the layout stays even whether a column carries three bullets or five.
Reach for this block when a single customer story needs to show the full arc rather than just the outcome. It suits a B2B SaaS product page where the buyer wants to see the starting mess, the specific changes, and the numbers those changes produced, all in one read. It lands harder than a bare stat row because the results feel earned once the reader has seen the problem and the work behind them.
A natural flow around it on a Marketing Pro page:
Before
After
The frame is built for one story told in three beats. A few ways to fill it:
Tip: keep the challenge and solution bullet counts close so the two columns sit at a similar height and the results column does not float above empty space.