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
- 36
- Awwwards
- 22
- FWA
- 22
- Latest
- 2026.09.26
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.
Guillaume Colombel
Guillaume Colombel's new portfolio has no list of projects, only a standing stone on an empty plain. To see a project, the visitor has to break the stone open, and its fragments then hang in the air, framing the project cover that was hidden inside. Each of the twelve projects has its own stone with its own veining and its own plain under its own sky, and every turn of the mouse wheel changes the stone and the sky to match the next project.
The Tie-break
The Tie-break turns a collaboration between the American sportswear brand New Balance and the Italian fashion brand Miu Miu into a match of Pong played on a tennis court. Pong is the 1972 arcade game in which two paddles knock a ball back and forth. Every time the visitor wins or loses a point, a ripple spreads across the screen from where the ball went out and uncovers a campaign photograph from the collection. The blurred patch of colour under the court during a rally is the next photograph waiting to be revealed.
Matteo Courquin
Matteo Courquin has turned his portfolio into a computer that boots up. The page opens on a screen of text imitating a computer's start-up check, and when the visitor presses Enter, a huge blackletter CREATIVE DEVELOPER appears one letter at a time. A desktop then fills with draggable windows holding his work, an introduction and his awards. In the gaps between the windows sits a live monitoring panel that records the visitor's mouse speed, clicks and key presses. The whole desktop fits within one screen, so the visitor sees everything without scrolling down.
Moto Finance
Moto Finance's website photographs a payment card as if it were a piece of jewellery. The first screen is an opening film in which a glowing light box slowly descends and lights up a metal card standing on a stone plinth. As the visitor scrolls down, the card first appears edge-on, so thin it is only a line of light, and then turns to face the camera. A ring of photographs of empty rooms, long dining tables and shadowy figures rises around it as it turns. The page uses almost nothing but black, white and grey, and the card is the only star.
Elespacio
Elespacio's new website turns its navigation into a pile of stickers. Six small labels, each leading to a different page, are stacked at the bottom left of the screen, and no two share a shape, a colour or an angle of tilt. The pile holds a tall black card, an ochre card, a blue capsule and an orange one, a dark green square and a lilac card with soft corners. When the cursor rests on one of them, that sticker puffs up. When a visitor opens a page, the sticker for that page swells into a square or a strip, as if someone had just pressed a fresh sticker onto it.
Sobha Privy Collection
Sobha Privy Collection lets visitors steer a camera with the scroll wheel, flying over a 3D Dubai to find four luxury developments. A small map tile marked 3D sits in the bottom right corner of the first screen, and when a visitor presses it, the whole of Dubai turns into a grey 3D model of the city. As the visitor scrolls, the camera lifts off over Palm Jumeirah, passes the Burj Al Arab and the Burj Khalifa, and follows the coast all the way to Siniya Island in the neighbouring emirate of Umm Al Quwain. The pins of the four developments light up one by one along the way.
bleibtgleich'26
bleibtgleich'26 is a personal portfolio that makes its logo the star, and the logo is an irregular black shape with a dumbbell shaped slit cut through it that looks like a mask. When the cursor moves, the mask turns into a pool of liquid trailing behind it, and screenshots of the work show only where the liquid has flowed. When a visitor clicks any of the theme swatches on the home page, the mask grows to half the screen height and spins twice while the whole site turns grey, orange, olive or red. The mask also sits in the middle cell of the footer clock, where it changes material every few seconds.
Ceramic Beats
Ceramic Beats is a drum machine in the browser built from a museum collection, and its nine tracks are the nine ceramic materials in the catalogue of the Metropolitan Museum of Art in New York. Each of the 144 slots on its board stands for a real object in the collection, shown as a corner cropped from that object's public photograph. When the cursor rests on a slot, a visitor can see whether the object is a fifth century BCE cup from Athens or a fifteenth century mosque lamp. Once a visitor has tapped a few slots to lay objects down and pressed play, the machine strikes those materials on a loop, with clay giving a dull knock and porcelain a clear ring.
Gil Huybrecht
Gil Huybrecht's portfolio is normally a wall of screenshots on black, with a home page set in one typeface at one size, yet a switch in its bottom right corner has two settings, Normal and Star Wars. When a visitor flips it to Star Wars, the whole site reloads as a Star Wars edition, with yellow text, a starfield behind it and a blue lightsaber for a cursor. When a visitor holds F on the profile page, the introduction also becomes the yellow opening crawl of the films, receding into the distance, and nothing on the site ever mentions that key.
Showing 11 of 36