Site of the Day Teardowns
This archive documents every Awwwards and FWA Site of the Day with an in-depth teardown. Each report examines the concept, visual design, interaction and front-end build behind the award, with performance and asset data measured in a real browser.
- Reports
- 48
- Awwwards
- 27
- FWA
- 30
- Latest
- 2026.10.01
Heron AI
Heron AI's home page makes the visitor play plan checker. The first screen is a house elevation drawn on a drafting sheet, and the cursor becomes the crosshair of a design program. When the visitor drags a box around a red dot on the house, an orange card pops up saying that the building code requires a handrail here. Heron sells an AI assistant that checks architects' models for exactly this kind of violation, and the home page lets visitors do that job by hand before the product offers to do it for them.
Arthur Engel Portfolio
Arthur Engel's portfolio makes the visitor walk through a stone gateway before any of his work appears. The first scene after entering is a stone arch covered in vines in a dark jungle. As the visitor scrolls, the stones of the arch burst apart one by one, hang in the air and reassemble into a ring of glowing blue runes. A blue-white vortex spins open inside the ring, the camera dives into it and through a flash of white light, and lands in a dark valley where his six projects live inside a single glowing crystal. After the projects, a few threads of light weave through the dark, gather into a stem and bloom into a glowing lily, and that is his introduction. The last scene of the journey is a hand reaching into a shaft of warm light next to the words REACH OUT.
CoMinVi
CoMinVi's website turns the five metals it mines into a single turning rock. When a visitor reaches the minerals section, a pale grey lump of gold ore stands in the middle of the page. As the visitor keeps scrolling, the rock slowly rotates and its surface becomes silver ore, lead ore, greenish copper ore and finally zinc, while the list of names on the left lights up from Gold to Zinc. Instead of a product table explaining what it digs, an underground mining contractor lets the visitor turn all five ores by hand.
Cyera AI Guardian
Cyera AI Guardian turns the three selling points of an enterprise data security product into three mini-games whose actions say the same thing. The product claims it can see every AI in a company, so the visitor joins white stars into a loop that fences in green blocks of data. The product claims it controls who touches data, so the visitor has to click the instant a compass needle swings into a purple zone. The product claims it stops attacks in real time, so the visitor swings a curved shield to keep asteroids off a crystal. Each game sits on its own planet, and after every round one sales line has become something the visitor did with their own hands.
Jesper Landberg
Jesper Landberg's portfolio treats the whole web page as a material that can be twisted, pushed up and swallowed. The eight featured projects sit on one curved ribbon, and the faster the visitor scrolls, the more the left end rears toward the camera while the two edges wring in opposite directions. As the cursor moves, it acts like a ball rolling under the page, raising a bulge in the picture wherever it passes before the bulge slowly settles. When the visitor opens Profile, a black hole opens in the middle of the page, and its gravity bends the surrounding picture into a ring of light with coloured edges. The navigation and card titles on the home page are drawn on the same canvas, so when the page bends, the words bend with it.
Butter
Butter's home page turns its own marketing copy into the product demo. When a visitor rests the pointer on the effect card labelled Inflate, the word blocks in the headline beside it swells into a row of purple balloon letters. On the Glow card the same word lights up with a yellow-green halo. On Focus the whole sentence blurs away except for a few sharp words, and on Halftone it breaks into red, orange and green dots. Those four cards are the thing Butter sells, effect blocks that snap onto a video, and the home page lets visitors try them on a sentence first. One screen above, a keychain with a key, a carabiner and three tags hangs over the headline, and it swings aside and back like a real one when the pointer brushes past.
Léo Parpeix - Portfolio 2026
Léo Parpeix's portfolio is not a wall of thumbnails but a sculpture studio a visitor can walk into. A plaster daisy with a face stands on the plinth in the middle of the room, and the design drawing for the same flower hangs on the wall to its right. With the finished piece and its drawing in one frame, a visitor sees both the result and the process behind it the moment they arrive. As the visitor scrolls down, the camera moves on into other rooms, such as a library lined with books.
Agrumea Farm
Every jam jar on the Agrumea Farm website gets its label stuck on by the browser. The jar is a photograph of an empty jar and the label is a flat artwork. Behind the scenes the site wraps that artwork around an invisible cylinder, lights it from the left, and paints the result back onto the jar. When a visitor turns the wheel, ten jars slide across the screen in an arc, and the label on each one turns with the direction of travel, the way a real jar rolls across a table. When the visitor rests the pointer on a jar for less than half a second, it turns a full circle on its own and brings the ingredients on the back round to the front.
Realevate
Realevate turns every page change into a trip taken by one photograph. When a visitor presses the Our Selection button in the bottom corner, the whole home page shrinks to less than half its size and sinks to the bottom of the screen. Four cards with vertical titles stand up on top of it. The visitor picks one, the photo on that card first fills the entire screen, then shrinks into a small square, and the giant title of the next page slides out from both sides of the square. At the bottom of that page the visitor clicks Next and the same move plays again. The opening animation follows the same idea, a small square in the middle of a dark blue screen cycles through four photos and finally lands where the home page photo sits.
Meer Mohsin
Meer Mohsin's personal site opens on a portrait of the man himself, with a red, thorn-like sigil pressed over his eyes like a tattoo-style mask. As the visitor scrolls, the sigil lifts off the face and becomes a spinning 3D object. It follows the visitor through all 31 screens of the page and every one of its sections, and at the very bottom it keeps spinning while a closing sound effect plays. That one sigil is what holds a whole page of black and red content together.
No Mercy Michel
No Mercy Michel is an arm-wrestling game in which the Paris studio Merci-Michel sets its own staff up as the opponents. After entering a nickname, the visitor first waits online for a human opponent, and if none turns up, a Merci-Michel employee steps in. Each of the 28 employees has an arm with its own skin tone, tattoos and accessories, so one wears a Rolex while another has a baguette and a pizza tattooed on. Matches are best of three, and the only thing being tested is who can click faster.