Case Study Index
A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.
A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.
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
Case Study Index lists four projects as navigable rows: a thumbnail, the project name, a one-line problem statement naming the concrete failure (a seven-field form that lost 61% of buyers at the payment step), a result figure in tabular-nums (38% faster completion), and an arrow that animates on hover. Category and year sit in a muted tag beside the project name. The intro line promises each entry has a named problem, a constraint, and an honest note on what moved.
Studies are one array. The problem statement per row is the distinctive detail, a list of project names with no problem stated is a portfolio of titles, not evidence.
Reach for this block as the main listing on a dedicated case studies page or a work section that links out to full write-ups. The installer swaps each row for their own projects, keeping the problem statement honest and the result figure attributed.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the selected-work listing for a product designer. Other index shapes:
Tip: the result column is what turns a list of project names into an argument for hiring, one concrete number per row is more persuasive than a tagline.