One list, eight ways
Everything that landed on the award boards in the last few days, laid out eight ways — the mosaic, the poster, the terminal and five more. Each is a shape winners build, with the figure for how often.
The short version
Everything here landed on the award boards in the last few days.
The same items are shown as a poster, a mosaic, a deck of cards, a plain list and four more.
A poster says one thing matters today. A long list says there are forty, and you can scan them.
Big, emphatic arrangements are rarer among winners than they look from outside.
Decide which arrangement your content needs before designing the first screen.
The detail
Choosing a layout is usually called taste, which makes it sound unarguable. It is not quite that. The mosaic is the gallery, the poster is the big background image, the terminal is work that leads on type and carries no pictures at all — and each one appears at a rate you can count.
The same 54 items fill all eight. Watch how many you can see at once, which ones get to be important, and how much you have to do before anything happens.
Live from 5 sources — The FWA, Awwwards, One Page Love, Minimal Gallery, SaaS Landing Page — refreshed with the rest of the site. Newest item is 5 hours old. Rendered at build time: no third-party relay, no script, and every arrangement stops moving under prefers-reduced-motion.
Two rows running in opposite directions, with no beginning and no end to arrive at. You read whatever happens to be passing.
The rarest thing on this page. Sideways movement asks a reader to read against the grain of the language, and most winners decide it is not worth it.
One item, full width, the headline set as large as it will go. Everything else on the list waits its turn.
Awwwards · yesterdayForge AutomotiveA performance atelier creating bespoke vehicles through bodywork, interiors, wheels, lighting, exhaust and PPF
Awwwards · 2 days agoBrandon YasinColour palettes shift with the time of day, or drag the clock to time travel. Navigation unfolds like magazine covers side by side. Inspired by editorial and brought to life by motion.
A tenth of winners hand the first screen to a single picture. It works when there is one thing to say and fails the moment there are two.
A wall of pictures, grey until you point at one. The grid does the arranging; the cursor does the editing.
Forge Automotive
Brandon Yasin
ESR Bespoke
Emotion Agency
Ascension — Pegassi®
The workhorse. A tenth of winners are built on it, and it is the default for anyone whose work is the pictures.
A deck you push through one card at a time. Drag it, flick it, or use the arrow keys.
AwwwardsForge AutomotiveA performance atelier creating bespoke vehicles through bodywork, interiors, wheels, lighting, exhaust and PPF
AwwwardsBrandon YasinColour palettes shift with the time of day, or drag the clock to time travel. Navigation unfolds like magazine covers side by side. Inspired by editorial and brought to life by motion.
AwwwardsESR BespokeESR Bespoke is a luxury autobody shop with a proud heritage, highly respected name in the industry and holds exclusive accreditations with luxury brands like Porsche.
AwwwardsEmotion AgencyWe didn’t just build a portfolio. We built a space that reflects exactly how we think, how we feel, and the standard we apply to our clients' products.
Rising. Roughly one winner in eight now expects a gesture rather than a click — and this is scroll-snap, so it costs no script and stays keyboard-reachable.
No pictures at all. Rules, figures and a monospaced column — the list as a working document.
A fifth of winners lead on type alone. This is the one arrangement that improves as the list grows — forty items read faster here than eight do anywhere else on the page.
A numbered index that looks like nothing until you move the cursor, and then the picture arrives beside your hand.
03Quynh (Zizi)-FolioThe FWA
05Dream with AIThe FWA
07Interaction LibraryThe FWA
09Fabian Tjoe-A-On portfolioThe FWA
Under a tenth of winners try it. It only works when every item is worth the reveal, which is why most lists cannot carry it.
The list bent into perspective. Nearest is largest; the rest fall away behind it.
Depth is on nearly two in five winners — the most common ambitious move in web design, and the easiest to overspend on.
Nine frames, numbered in the margin, the way a photographer looks at a roll before deciding which one is the picture.
Forge Automotive
03A
Brandon Yasin
05A
ESR Bespoke
07A
Emotion Agency
09A
Almost nobody does this on the web — four in a hundred — which is exactly why it still reads as a decision rather than a template.
Choosing between them
Winners carrying big background images — the poster arrangement, done for real.
Eight arrangements of one list, and every one of them is an argument about what matters. The poster says there is a single thing worth your attention today. The terminal says there are forty-four and you are capable of scanning. The contact sheet says these are all the same kind of thing, judge them together.
The emphatic arrangements turn out to be rarer than they look from the outside, and the restrained ones do most of the work. That is not an argument for restraint. It is an argument for knowing which one you are choosing, and why, before the first screen is drawn.