11сайт агентства2026

Сайткреативного агентства

Одностраничник Aeris: заставка из знака, живые обложки вместо роликов, лаборатория шейдеров и заявка, которая приходит в Telegram. Дизайн, код, сцены и сервер делал сам.

Next.jsTypeScriptthree.jsGSAPTailwindTelegram Bot API

aerisagency.ruоткрыть ↗

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

по сайту сверху вниз

01 / 07
Мы делаем
Тридцать семь слов сменяют друг друга перетеканием: общие буквы едут на новое место, лишние гаснут.
02 / 07
Избранное
Четыре кейса. Обложки считаются в браузере, кадр выезжает из маски и едет по прокрутке.
03 / 07
Рилсы
Вертикальные ролики для соцсетей, каждый в своей графике: ASCII, плоская, изометрия, 8 бит.
04 / 07
Услуги
Четыре группы, одно слово на группу. На широком экране к каждой свой луп по наведению.
05 / 07
Лаборатория
Этюды на GLSL без брифа и сроков. Лента идёт вбок, пока экран закреплён.
06 / 07
Процесс
Бриф, концепт, производство, запуск. Про деньги одна строка: предоплата и старт через три дня.
07 / 07
Бриф
Форма пишет заявку на сервер и шлёт её в Telegram. Поле-ловушка для ботов, не больше пяти заявок с одного адреса за 10 минут.