About this block

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.

When to use

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

• Case study split

After

• Process steps
• Stats band

What you can display

One strong use is the not-shipped directions grid. Other process-transparency layouts:

• Early sketches. Lo-fi concepts before the design language was established.
• Prototype iterations. Rounds of testing shown as tiles, each labelled with the test round.
• Copy explorations. Alternative headline or microcopy options set aside with a brief rationale.

Tip: a reason that names a tradeoff, accessibility cost too high, is more credible than we went another direction.