Gallery Case Study
A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.
A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Gallery Case Study tells the story through three screens in sequence: the original dashboard captured in a usability session, a mid-process wireframe after the first card sort, and the shipped dashboard three months after launch. Each Placeholder image is followed by a numbered figcaption that names what the screen shows and why it matters, not just a label.
Frames are one array of captions. The numbered prefix (01, 02, 03 in tabular-nums) keeps the sequence readable at a glance and signals that the ordering is intentional, not decorative.
Reach for this block in a case study where the visual progression of the work is the argument. The installer swaps each Placeholder for a real screen capture or artifact and rewrites the captions to match what that image actually shows.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the before-wireframe-shipped sequence. Other gallery shapes:
Tip: captions do the work thumbnails cannot, name the specific decision visible in each frame rather than a generic stage name like ideation or delivery.