Case Study Split

About this block

Case Study Split tells one project as problem, what I did, and the constraint, with a sticky image and a three figure result strip. The distinctive section is the constraint, no backend changes for six weeks, which names the real limit and explains why the deeper work shipped later, the honest version of a case study.

Sections and results are two arrays, the left column sticky so the figures stay visible while the writeup scrolls. Naming the constraint is what separates a case study from a brag.

When to use

Reach for this block as the body of a project page, or a deep section on a homepage. The installer swaps the project image, the three result figures, and the writeup, keeping a constraint section honest.

A natural flow around it on a Portfolio Pro page:

Before

• Featured work grid

After

• Process steps
• Next project teaser

What you can display

One strong use is the problem-to-outcome case study. Other case layouts:

• Gallery case study. Mostly images with short captions, for visual work.
• Before and after. The old and new shown side by side with the reasoning.
• Role-focused. For collaborative projects, exactly what you owned versus the team.

Tip: the constraint section is the credibility, a case study with no limit named reads as fiction.