FIFTY — вымышленная студия цифрового дизайна с офисами в Лиссабоне и Берлине. Я построил концепт вокруг одной мысли: о сайте судят примерно за пятьдесят миллисекунд, поэтому сайт студии должен сказать главное раньше, чем посетитель прочтёт первое слово.

При этом сайт должен был остаться небольшим. Сайт студии работает как визитка: кто они, что сделали, где находятся и как начать проект. Задача была уложить это в несколько страниц с анимацией, видео и живым фоном и не сделать их тяжёлыми.

7 страниц: главная, Work, страница проекта, Studio, Contact с конструктором брифа, правовая информация и страница 404. Главная открывается прелоадером, который считает от 00 до 50 мс; затем появляются заголовок-манифест на живом фоне WebGL и информационная сетка с часами обеих студий, услугами, контактами и статусом загрузки студии. Шоурил открывается в полноэкранном плеере.

Каталог показывает 8 проектов списком, где за курсором следует видеопревью, или сеткой, с фильтрами по категориям. На странице проекта — полноэкранное видео, обзор, который подсвечивается при прокрутке, задача и подход, результаты и ссылка на следующий проект; страница контактов собирает бриф из услуг, бюджета, сроков и деталей.

Фон — шейдер WebGL, написанный для этого сайта: фрактальный шум с искажением пространства в тонах тлеющих углей, который тянется к курсору, с запасным вариантом на CSS. Каждая внутренняя ссылка закрывает страницу чёрной панелью, которая отсчитывает до 50 мс; заголовки появляются по буквам, медиа раскрываются через clip-path. Остальное — чистые HTML, CSS и JavaScript с GSAP, ScrollTrigger и Lenis, и ничего никуда не отправляется.

Концепт — это 7 страниц с 8 проектами и часами двух студий. Lighthouse измерил главную 22 сентября 2026 года. На мобильном, со стандартным замедлением: производительность 89, доступность 94, рекомендации 77 и SEO 100, LCP 2,7 с и CLS 0. На десктопе: производительность 100, доступность 94, рекомендации 77 и SEO 100, LCP 0,5 с. Страница весит 2,1 МБ и делает 13 запросов — это лучшие показатели производительности среди концепт-сайтов, измеренных в тот день.

Проверка 6 страниц, отрисованных в Chrome (без страницы 404), показала: у каждой страницы уникальный title и ровно один H1, атрибут lang равен en, вёрстка помещается в экран шириной 390 px без горизонтальной прокрутки, alt есть у 100% изображений, битых внутренних ссылок — 0. Canonical, Open Graph и структурированных данных нет ни на одной из 6 страниц, файлов sitemap.xml и robots.txt тоже нет.