Work Showcase
A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.
A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.
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
Work Showcase presents four design projects as linked cards in a two-column grid. Each card carries a Placeholder screen, a project name, a client type, the year, and a deliverables line that names what was actually owned, not a team credit. The lede makes the principle explicit, each one lists what I actually owned. A full-case-studies link sits at the top right so the visitor knows where to go next.
Projects are one array; every item carries the same five keys so the card layout stays consistent. The deliverables line is the distinctive detail: client type plus specific output, Checkout redesign, mobile web, says more than the project name alone.
Reach for this block as the selected-work section of a designer portfolio homepage or the index of a dedicated work page. The installer swaps project names, clients, roles, deliverables, and the link target for their actual work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a selected-work grid with role and deliverables. Other showcase layouts:
Tip: the deliverables line does the qualifying that a thumbnail and a client name cannot.