Concept Grid
A process-transparency grid of six unexplored or unshipped design directions, each with a Placeholder tile and an honest reason it was set aside.
A process-transparency grid of six unexplored or unshipped design directions, each with a Placeholder tile and an honest reason it was set aside.
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
Concept Grid shows six directions from the Ledger project that did not ship, each as a Placeholder tile with a title, a status label of Not shipped or Deferred, and an honest one- or two-sentence reason. The lede says it plainly: good design work generates options, and these are the six that did not make the cut.
All six concepts are one array with uniform keys: title, reason, and status. Each reason is specific, not vague: Tab-bar navigation created a depth problem on tablet is more useful than it did not fit the product.
Reach for this block as a process section on a detailed case study page, or as a standalone section on a design portfolio to show decision-making depth. The installer swaps the project name in the lede and replaces the six concepts with the directions they actually explored.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the not-shipped directions grid. Other process-transparency layouts:
Tip: a reason that names a tradeoff, accessibility cost too high, is more credible than we went another direction.