0

Делаем сайты, от которых не отводят глаз

Интерфейсы, WebGL и моушн для брендов, которым мало «просто сайта». Открываешь — и сразу понятно, что здесь работали руками, а не шаблоном.

В работе сейчас

kittyrdp.com tcptunnel.su sonnet-web.xyz astral-lab.sbs
листайте вниз
веб-дизайнразработкаWebGLмоушнбренд-платформы3D веб-дизайнразработкаWebGLмоушнбренд-платформы3D

Сайт как аттракцион, а не как визитка

Мы собираем сцены на WebGL и канвасе, считаем физику в реальном времени и держим 60 кадров. Всё, что вы видите на этой странице, работает в обычном браузере без плагинов и видео.

Работы

Четыре живых проекта. Каждый открывается в новой вкладке — можно кликнуть и проверить.

kittyrdp.com — первый экран

kittyrdp.com

Хостинг и домены с анонимной регистрацией: тридцать шесть конфигураций, цена видна до оплаты, сервер разворачивается сам примерно за минуту после платежа

2026 · сервис · Нидерланды и Германия, от €6.99 в месяц

открыть
astral-lab.sbs — первый экран

astral-lab.sbs

Astral Convector собирает из Windows-EXE готовый JAR под выбранную версию Minecraft и ядро — Forge, NeoForge или Fabric. Объяснение уложено в три шага, готовые сборки остаются в кабинете

2026 · сервис сборки · 30 профилей, файлы до 256 МБ

открыть
tcptunnel.su — первый экран

tcptunnel.su

Туннели на FRP: локальный порт получает публичный адрес за несколько секунд. Свой клиент под Windows, живые счётчики на главной и отзывы клиентов вместо обещаний

2026 · продукт · тарифы от 119 ₽, светлая и тёмная темы

открыть
sonnet-web.xyz — первый экран

sonnet-web.xyz

«Ваши файлы. Только ваши» — вокруг этой строки собрана вся страница: инструмент работает в браузере и ничего не оставляет у себя

2026 · веб-приложение · .NET, файлы до 256 МБ

открыть

Здесь может быть ваш домен

Свободны на два проекта в квартал. Расскажите задачу — вернёмся со сметой и сроком

ближайший старт · сентябрь 2026

написать

Разбор кейса

kittyrdp.com — хостинг и домены с анонимной регистрацией. Как из тридцати шести тарифов и двух способов оплаты получился первый экран, который читается за десять секунд.

kittyrdp.com — первый экран

Задача

У сервиса тридцать шесть конфигураций серверов, две страны и оплата, которую клиент выбирает сам. Всё это нужно объяснить человеку, который пришёл с форума, ни с кем переписываться не собирается и закроет вкладку, если увидит на первом экране таблицу в двадцать строк. Ровно так выглядят конкуренты, поэтому от таблицы мы отказались совсем: сверху одно предложение о том, что продаётся, а подробности — ниже и только для тех, кому они нужны.

Что сделали

Первый экран держит одна сцена — стеклянный глобус, который считается прямо в браузере. Он не изображает «мировую сеть», а даёт странице объём там, где у конкурентов пустое место или картинка из фотобанка. Рядом заголовок в три слова и строка фактов: аптайм, время активации, число локаций, режим поддержки.

Дальше страница разворачивается по мере интереса — четыре направления услуг, три популярных тарифа со ссылкой на все остальные, девять причин выбрать сервис. В конце лежат вопросы, из-за которых обычно пишут в поддержку: какие образы систем доступны, сколько стоит дополнительный диск, можно ли поднять тариф без переустановки и смены адреса.

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

99,9%аптайм, который сервис показывает на отдельной странице статуса
<60 сот подтверждения оплаты до доступов в письме
36конфигураций в конфигураторе, от €6.99 в месяц
открыть сайт

Шоурил

Крутите вниз — лента едет в сторону

kittyrdp
tcptunnel
sonnet-web
astral-lab

Двести шестьдесят тысяч частиц

Все они живут внутри текстуры на видеокарте: каждый кадр шейдер читает, куда каждая летит, поворачивает её по завихрению шумового поля и записывает обратно. Браузер при этом не считает ни одной частицы.

курсор притягивает поток, зажатая кнопка — расшвыривает

Как идёт работа

Пять этапов с фиксированными сроками и понятным результатом на каждом. Вы видите не «покажем через месяц», а готовые куски каждые пару дней.

01

Брифинг и аудит

3–5 дней

Разбираем задачу, читаем аналитику, смотрим конкурентов и считаем, где сайт сейчас теряет людей.

карта задачгипотезысмета и график
02

Концепция

1–2 недели

Два разных направления на выбор, прототип главной и честный разговор о том, что технически потянем.

арт-дирекшнпрототиптон текстов
03

Дизайн

2–4 недели

Все экраны, включая пустые состояния и ошибки. Анимации приходят раскадровками, а не словами.

макетыдизайн-системараскадровки
04

Разработка

3–6 недель

Собираем на стенде, куда у вас есть доступ с первого дня. Каждую пятницу — сборка, которую можно потрогать с телефона, и список того, что закрыто.

вёрсткаWebGL-сценыCMSинтеграции
05

Запуск и развитие

дальше — постоянно

Переезд без простоя, аналитика с первого часа и спринты правок раз в две недели, пока сайт вам нужен.

переносаналитикаA/Bподдержка

Что мы делаем

01

Дизайн интерфейсов

Собираем структуру, тон и ритм страницы так, чтобы человек дочитал до конца и нажал кнопку.

исследованиепрототипдизайн-система
02

Разработка

Чистый код без тяжёлых фреймворков там, где они не нужны. Быстрая загрузка, честная адаптивность, доступность.

вёрсткаинтеграцииперформанс
03

Моушн и WebGL

Шейдеры, частицы, физика и пиннированные сцены. Анимация подчиняется смыслу, а не наоборот.

шейдерыканвас3D
04

Развитие после запуска

Смотрим на поведение людей, правим слабые места, добавляем разделы. Сайт живёт, а не стоит памятником.

аналитикаA/Bподдержка

Сколько это стоит

Вилки честные: ниже нижней границы не получается сделать так, чтобы потом не было стыдно. Точная смета — после брифинга, в ней видно каждый этап.

Лендинг

Одна страница, один сильный приём, быстрый запуск.

от 5 000 ₽1 неделя
  • до восьми секций, адаптив от 320 px
  • одна сцена на WebGL или канвасе
  • ваши тексты редактируем и собираем в ритм
  • аналитика, цели и карта кликов
обсудить

Сайт брендачаще всего берут

Полноценный сайт, который отдел маркетинга ведёт сам.

от 10 000 ₽2–3 недели
  • до двенадцати страниц и дизайн-система
  • CMS с обучением редактора и инструкцией
  • две-три интерактивные сцены
  • техническое SEO, микроразметка, Open Graph
  • две недели бесплатной поддержки после запуска
обсудить

Продукт и инфраструктура

Интерфейс, который живёт годами и растёт спринтами.

от 30 000 ₽1–2 месяца
  • исследование, интервью, сценарии ролей
  • дизайн-система и библиотека компонентов
  • фронтенд, интеграции, нагрузочные тесты
  • команда на связи в вашем мессенджере
обсудить

Договор с этапами и фиксированной ценой на этап. Аванс 40%, остальное по приёмке. Некоммерческим и образовательным проектам считаем минус 25%.

Жидкий металл

Здесь нет ни одного полигона и ни одной готовой модели. Каждый пиксель сам ищет поверхность: луч идёт вперёд, пока не коснётся шести сливающихся капель. Отражения, тени и блики считаются заново каждый кадр.

Одна из капель — ваш курсор. Ведите мышкой по сцене и лепите форму, прокрутка разворачивает её вокруг оси.

Тронь лису

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

Чем работаем

Инструмент выбираем под задачу, а не под резюме. Если проект живёт на статике — не тащим фреймворк.

Фронтенд

TypeScriptReactSvelteAstroViteчистый CSS

Графика и моушн

WebGL2GLSLThree.jsCanvas 2DWebGPULottie

Данные и бэкенд

Node.jsPostgreSQLRedisDirectusGraphQL

Инфраструктура

DockerNginxGitHub ActionsCloudflare

Качество

Lighthouse CIPlaywrightSentryпроверка доступности

Кто это делает

Трое в канале: вы пишете напрямую тем, кто рисует, кодит и ломает. Никаких менеджеров между.

@Femboy_nost

фронтенд-разработчик

Собирает интерфейсы руками: WebGL, шейдеры, анимации и ноль лишних зависимостей. Код можно читать и поддерживать.

@saaval

бэкенд-разработчик

Сервер, API и инфраструктура, которые не падают под нагрузкой. Пишет так, чтобы деплой был рутиной, а не событием.

@whointamov

red team

Ищет, как сломать то, что построено. Безопасность, аудит и проверка на прочность до того, как найдут другие.

0

живых проекта в работе

0

кадров в секунду на графике

0

сторонних библиотек на странице

0

проекта с приёмом платежей

Частые вопросы

Если чего-то не хватает — спросите в телеграме, ответим тем же днём.

Лендинг — неделя, сайт бренда — две-три недели, платформа — один-два месяца. Срок мы фиксируем в договоре после брифинга, а не на первом звонке.

Да, но сначала пройдём макеты вместе и скажем, что в них сломается на живых данных и на мобильном. Верстаем и по Figma, и по готовой дизайн-системе.

Мы. Внутри студии дизайн, фронтенд и графика; на стороне бывают только серверная часть под конкретную интеграцию и озвучка. Подрядчиков всегда называем по имени.

Нет. Тяжёлые сцены считаются на видеокарте, отключаются при экономии батареи и уважают системную настройку «уменьшить движение». Порог приёмки — Lighthouse не ниже 90 на мобильном.

Две недели поддержки входят в проект: правим всё, что найдётся. Дальше — спринты раз в две недели или разовые задачи по часам, как удобнее.

Договор с этапами, фиксированная цена на этап, аванс 40%. Работаем с юрлицами и ИП, по счёту и по актам; для зарубежных клиентов — валютный контракт.

Расскажите про проект

Отвечаем в течение дня. После первого разговора присылаем смету с этапами, сроками и составом команды — без «зависит от объёма».

Кнопка откроет телеграм с уже заполненным сообщением — сайт статичный и никуда данные не отправляет.