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
- 50
- Awwwards
- 28
- FWA
- 32
- Latest
- 2026.10.02
Long Hoang Portfolio
Long Hoang has turned his job-hunting portfolio into a game in which the visitor drives a tank. After the start screen, the visitor steers a small lime green tank from a grassy hill into a cartoon factory, where the author's four projects are loaded into a machine with a screen. When the visitor parks the tank in front of the machine and presses a key, the camera drops to ground level, the screen lights up with a project, and a card shaped like torn paper appears beside it. Wooden crates along the way can be lifted with a green beam, and a red enemy tank drives straight at the visitor. A visitor with no time to play can press a button at the bottom of the screen, and the tank is delivered directly to the work.
Colonia Zacamil
The Colonia Zacamil website puts a neighbourhood's before and after into one 3D model that a visitor can fly into. The visitor looks down on a hand-painted model of apartment blocks in El Salvador, with a switch at the bottom of the screen that reads PRESENT. When the visitor flips the switch, the murals fade from the walls, the people and the brightly coloured cars disappear, and the whole district returns to the grey-green place it was before the work began. When the visitor flips it back, fourteen murals reappear, and each one can be opened to hear the artist explain how that wall came about.
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.
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. When the visitor picks one, the photo on that card first fills the entire screen and then shrinks into a small square. The giant title of the next page slides out from both sides of that 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.