Challenge Solution
A case study section with a wide Placeholder image above a two-column ruled layout naming the specific challenge and the solution with its test rounds.
A case study section with a wide Placeholder image above a two-column ruled layout naming the specific challenge and the solution with its test rounds.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Challenge Solution opens with a meta line naming the client and project (Ledger, Onboarding redesign, 2025), a section heading Getting teams past the first invite, and a full-width Placeholder at aspect-video. Below a ruled divider two columns lay out the challenge (forty percent of free signups never sent a single invite, stalled at the invite step that required a complete org chart) and the solution (three required steps, everything else deferred to an in-product checklist triggered at the natural moment, two test rounds before any code shipped).
Columns are a two-item array. The two-column split after a single wide image is the simplest honest case framing: one side names what was broken, the other names what changed and why.
Reach for this block as the opening section of a project case study page, or as a mid-page case moment on a homepage. The installer swaps the meta line for their project, rewrites both column bodies around the real constraint and the real change.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the problem-and-fix framing for a product or UX case study. Other uses:
Tip: the solution column earns credibility when it names the test rounds and the iteration, not just the final answer.