Собственный проект студии
Сайт · Next.js 16

Сайт студии: три варианта дизайна, статика на выходе, блог из кода

Маркетинг-сайт с WebGL-героем, плавным скроллом и блогом. Собирается полностью в статику — все маршруты отдаются как готовые файлы, без сервера рендеринга.

РольДизайн + разработка
СтекNext.js 16 · React 19
СтилиTailwind v4
СборкаВсе маршруты статические
Задача

Сайт, который не создаёт юридических обязательств

Обычный лендинг с формой заявки тянет за собой обработку персональных данных: 152-ФЗ, требование хранить данные россиян на серверах в России, уведомление регулятора. Сервер проекта физически находится в Нидерландах — то есть серверная форма захвата лида означала бы либо переезд хостинга, либо нарушение.

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

Форма в проекте была — и её сознательно удалили вместе с API-роутом и страницей политики, когда стало ясно, где стоит сервер. Проверено сборкой: все маршруты отдаются статикой, приватных эндпоинтов не осталось.

Решение

Что построено

Три варианта дизайна вместо спора о вкусах

Вместо согласования макетов собраны три живых версии: /minimal — чистая и быстрая, /balanced — рекомендованная, /max — с WebGL-героем на Three.js и курсором-свечением. Смотреть можно в браузере, а не на картинке.

Цвет выбран по контрасту, а не по настроению

Графит-синий фон, оранжевый CTA, синий доверия. Контраст текста 15.4 / 6.9 / 6.4:1 — выше порога WCAG AA. Шрифты Manrope и Inter отобраны в том числе по наличию кириллицы: красивая гарнитура без русских букв на этом проекте бесполезна.

Блог со статическими страницами

Шесть статей, тексты собственные. Страницы генерируются на сборке через generateStaticParams — каждая статья становится обычным HTML-файлом, никакой базы и никакой CMS.

Анимация без потери скорости

Плавный скролл на Lenis, появление блоков на Framer Motion, 3D-сцена на React Three Fiber — но только на том варианте, где она уместна. Минимальная версия не тянет ни одной из этих библиотек.

Интерфейс

Как выглядит

localhost:3000/balanced
СТУДИЯ РАЗРАБОТКИ
Телеграм-боты и автоматизация, которые окупаются
Собираем ботов, интеграции и внутренние инструменты. От идеи до работающего продукта в проде.
Написать в Telegram Смотреть кейсы
40+
проектов
6
лет опыта
24/7
поддержка
100%
в срок
Результат

Что получилось

Staticвсе маршруты, без сервера рендеринга
15.4:1контраст текста, выше WCAG AA
3+1варианта дизайна и клон структуры
0персональных данных на нашей стороне
Стек

Технологии

Next.js 16React 19TypeScript Tailwind v4Framer MotionLenis Three.jsReact Three FiberTurbopack App Router