FIFTY

FIFTY is a fictional digital design studio with offices in Lisbon and Berlin. I built the concept around one idea: people judge a website in about fifty milliseconds, so a studio’s site has to make its point before the visitor has read a word.

It also had to stay small. A studio’s site works as a business card: who they are, what they have made, where they are and how to start a project. The task was to fit that into a handful of pages with motion, video and a live background, without making the pages heavy.

7 pages: Home, Work, a project page, Studio, Contact with a brief builder, Legal and a 404 page. The home page opens with a loader counting from 00 to 50 ms, then shows a statement headline over a live WebGL background and an info grid with live clocks for both studios, services, contact details and availability. A showreel opens in a full-screen player.

The work index shows 8 projects as a list, where a video preview follows the cursor, or as a grid, with category filters. Each project page has a full-screen video, an overview that lights up as you scroll, the challenge and approach, results and a link to the next project; the contact page builds a brief from services, budget, timeline and details.

The background is a WebGL shader written for the site: domain-warped fractal noise in ember tones that leans toward the cursor, with a CSS fallback. Every internal link wipes the page with a black panel that counts to 50 ms; headlines appear character by character and media is revealed with clip-path. The rest is plain HTML, CSS and JavaScript with GSAP, ScrollTrigger and Lenis, and nothing is sent anywhere.

The concept exists as 7 pages with 8 projects and clocks for two studios. Lighthouse measured the home page on 22 September 2026. On mobile, with default throttling: performance 89, accessibility 94, best practices 77 and SEO 100, with LCP 2.7 s and CLS 0. On desktop: performance 100, accessibility 94, best practices 77 and SEO 100, with LCP 0.5 s. The page weighs 2.1 MB in 13 requests — the highest performance scores among the concept sites measured that day.

Checks across the 6 pages rendered in Chrome (the 404 page excluded) found a unique title and exactly one H1 on every page, the lang attribute set to en, layouts that fit a 390 px screen without horizontal scrolling, alt text on 100% of images and 0 broken internal links. Canonical tags, Open Graph tags and structured data are on 0 of 6 pages, and there is no sitemap.xml or robots.txt.