Skip to main content

Command Palette

Search for a command to run...

Visual Rhythm: Ordering Your Work on Purpose

Updated
•3 min read•View as Markdown

Most write-ups on this topic start with the conclusion. This one starts with the thing that tripped me up, because that is the part that cost me time.

Working through ordering a portfolio, the problem I kept running into was not the one I expected to be solving. The obvious difficulty is visible from the start and mostly takes care of itself once you engage with it. The difficulty that decides the outcome never announces itself.

Most portfolios are filed rather than arranged. The work gets grouped by year or by project type, which is a storage decision, and storage decisions do not produce sequence. A portfolio is read front to back by someone who is deciding in the first fifteen seconds whether to keep scrolling.

The reframing that helps is treating the scroll as a time axis where attention has a shape: high at the start, dipping, peaking again around the third or fourth item, then decaying. Ordering means placing work against that curve rather than against a category.

The question that reframes it

The most common failure is leading with the strongest piece. It feels correct because you want the best thing first, but it spends the entire attention budget on item one and leaves nothing for the rest. The strongest piece belongs where attention peaks naturally, usually third or fourth.

The second common failure is grouping all visually similar work together. Six dark moody pieces in a row read as one piece repeated. Alternating visual weight keeps the scroll moving.

Where this actually goes wrong

Alternating density is the mechanism. A dense, detailed piece followed by something with a lot of whitespace, then dense again. That pattern gives the eye somewhere to rest and makes each dense piece feel like a decision rather than a pile.

The practical version is to sort by visual weight into three buckets, then interleave. Most portfolios have enough spread for this to work without cutting anything.

What the timeline says

Lay out the order, screenshot the full page at thumbnail size, and look at the sequence as a single strip. At thumbnail scale the pieces become blocks of colour and texture, and the rhythm or its absence becomes obvious in a way it is not when you scroll at full size.

If the strip looks like one continuous tone, the ordering needs work regardless of how good the individual pieces are.

The order I would do it in

This breaks down for very small portfolios under six pieces, where there is not enough material to create alternation and the strongest-first approach is correct. It also breaks down for client-facing decks where the brief dictates the order.

Takeaways

  • Most portfolios are filed rather than arranged.
  • The most common failure is leading with the strongest piece.
  • Alternating density is the mechanism.
  • Lay out the order, screenshot the full page at thumbnail size, and look at the sequence as a single strip.
  • This breaks down for very small portfolios under six pieces, where there is not enough material to create alternation and the strongest-first approach is correct.

Longer version with the reference details is here: https://dynamic-profile.shop/blog/visual-rhythm-ordering-your-work-on-purpose