LUMEN · Студия кинематографичных сайтов

Сайты,которыечувствуются.

Проектируем скролл как таймлайн фильма. 3D, WebGL и хореография движения — чтобы ваш продукт запомнили с первого экрана.

Скролл C 2019

Подход

Три принципа,
за которые нам платят

Не «красивый сайт», а инструмент продаж: он загружается быстро, ведёт взгляд к кнопке и рассказывает историю так, что её досматривают.

01 / ТезисСкорость

Хороший сайт не рассказывает о продукте. Он ведёт себя как продукт: быстро, точно, без лишних слов.

Посетитель за первую секунду понимает, что здесь всё работает — и остаётся.

0,9 с
до первого взаимодействия на 4G
  • Отклик интерфейса до 100 мс — без перезагрузок и «крутилок»
  • Бюджет производительности фиксируется в договоре
  • Core Web Vitals в зелёной зоне на мобильных
Смотреть, как это работает у Orbit Finance
live demo

02 / ТезисВнимание

Анимация не украшение. Это способ объяснить структуру и направить внимание туда, где решение принимается.

Взгляд идёт по заранее спроектированному маршруту: заголовок → аргумент → кнопка.

+38%
к заявкам после редизайна Aster Lab
  • Каждое движение отвечает на вопрос «куда смотреть дальше»
  • Одна главная кнопка на экран — и она заметна
  • Проверяем маршрут взгляда на записях сессий
Смотреть, как это работает у Aster Lab
live demo

03 / ТезисСценарий

Мы проектируем скролл как таймлайн фильма: у каждого экрана есть своя роль, ритм и точка входа в следующий.

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

4:20
среднее время на сайте Nomad Hotels
  • Пять глав: крючок, напряжение, поворот, доказательство, призыв
  • Ритм экранов задаётся раскадровкой до дизайна
  • Прототип движения показываем на второй неделе
Смотреть, как это работает у Nomad Hotels
live demo

Процесс

Пять шагов от идеи
до запуска

Обычно проект занимает 8–12 недель. На каждом шаге вы видите живой результат, а не отчёт о проделанной работе.

Шаг 011 неделя

Разведка

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

вы получаете

  • Интервью с командой
  • Карта пользовательских сценариев
  • Техническое задание
Шаг 021–2 недели

Концепт

Придумываем визуальную метафору и сценарий скролла. Показываем движущийся прототип, а не статичные картинки.

вы получаете

  • Мудборд и типографика
  • Анимированный прототип
  • 3D-сцена в черновике
Шаг 032–3 недели

Дизайн

Собираем все экраны и состояния: пустые, загрузки, ошибки, мобильные. Каждый пиксель проверяется в движении.

вы получаете

  • Макеты всех экранов
  • Дизайн-система
  • Спецификация анимаций
Шаг 043–5 недель

Разработка

Пишем на Next.js, WebGL и GSAP. Держим бюджет производительности: 60 fps на ноутбуке, плавность на телефоне.

вы получаете

  • Фронтенд и CMS
  • Оптимизация Core Web Vitals
  • Тесты на реальных устройствах
Шаг 051 неделя

Запуск

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

вы получаете

  • Деплой и мониторинг
  • Обучение команды
  • Поддержка 30 дней

Шаг 00 · ваш

Всё начинается с 30-минутного созвона

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

Забронировать созвон

без обязательств · ответ в течение дня

Услуги и цены

Что мы делаем
и сколько это стоит

Цены — стартовые для типовых задач, без скрытых доплат. Точную смету с составом работ присылаем через два дня после первого созвона.

работаем по договору · оплата этапами · НДС не облагается

01чаще всего берут

Лендинг с характером

Одностраничник со сценарием скролла, анимацией и при необходимости 3D. Для запуска продукта, кампании или бренда, которому важно первое впечатление.

стоимость
от 120 000
обычно 120–250 тыс.
3–5 недель
  • Сценарий скролла и структура
  • Дизайн в Figma + анимированный прототип
  • Вёрстка на Next.js, 90+ в Lighthouse
  • Форма заявки, аналитика, домен и хостинг

Для кого: Запуск продукта, ивент, спецпроект

Рассчитать проект
02

Корпоративный сайт

Многостраничный сайт с админкой: о компании, услуги, кейсы, блог. Редактируете сами, не зависите от разработчика.

стоимость
от 250 000
обычно 250–500 тыс.
6–9 недель
  • До 10 уникальных страниц
  • CMS и редактируемый контент
  • Дизайн-система и гайд
  • SEO-база, скорость, мобильная версия

Для кого: Компании, которым сайт приносит клиентов

Рассчитать проект
03

Витрина и интернет-магазин

Каталог с фильтрами, карточка товара, корзина, оплата и доставка. 3D-показ товара или конфигуратор — по задаче.

стоимость
от 350 000
обычно 350–800 тыс.
8–12 недель
  • Каталог, фильтры, поиск
  • Корзина, оплата, доставка, 1С/CRM
  • Личный кабинет или быстрый заказ
  • 3D-показ товара — опционально

Для кого: Бренды с собственным продуктом

Рассчитать проект
04

Поддержка и развитие

Ежемесячно: новые страницы и разделы, A/B-тесты, анимации, ускорение, правки контента. Ваша команда без найма в штат.

стоимость
от 40 000 / мес
пакеты 40 / 80 / 150 тыс.
от 3 месяцев
  • Фиксированные часы в месяц
  • Ответ в течение рабочего дня
  • Мониторинг, бэкапы, обновления
  • Отчёт и план на следующий месяц

Для кого: Сайты, которым нужно расти

Рассчитать проект

Договор и этапы

Оплата по этапам: 30% старт, 40% дизайн, 30% запуск. Сроки и состав работ — в договоре.

Живой результат

Смотрите движущийся прототип, а не презентацию. Правки — по ходу, а не в конце.

30 дней после запуска

Месяц поддержки включён: правки, мелкие доработки, ответы на вопросы команды.

Всё ваше

Исходники, дизайн-файлы, домены и доступы передаём вам. Никаких привязок к студии.

Next.jsReactTypeScriptThree.jsWebGLGSAPFramer MotionTailwindFigmaBlenderSanityVercelNext.jsReactTypeScriptThree.jsWebGLGSAPFramer MotionTailwindFigmaBlenderSanityVercel
0

запущенных проектов

0

наград Awwwards и CSSDA

0

Lighthouse Performance в среднем

0 лет

делаем сайты, которые чувствуются

Отзывы

Что говорят
клиенты

Мы пришли за лендингом, а получили продукт, который инвесторы открывали по три раза за встречу. Скролл — это отдельный вид искусства у ребят.
Марина Соколова
CEO, Aster Lab
Самое ценное — они думают цифрами. Каждое движение на экране обосновано сценарием пользователя, а не потому что «красиво».
Дмитрий Ерёмин
CPO, Orbit Finance
Сайт с 3D, который загружается быстрее нашего старого лендинга на картинках. Не верили, пока не увидели отчёт Lighthouse.
Артур Ким
Head of Marketing, Kinetic Audio

Контакт

Давайте сделаем
что-то живое

Расскажите о задаче в двух абзацах — остальное спросим сами. Первый созвон и смета бесплатны.

  1. 1

    Ответ в течение рабочего дня

    Читаем заявку, задаём уточняющие вопросы письмом или в Telegram.

  2. 2

    Созвон на 30 минут

    Разбираем задачу, показываем похожие кейсы, называем вилку сроков и бюджета.

  3. 3

    Смета через 2 дня

    Состав работ, этапы, цена и дата запуска — одним документом. Без обязательств.

Москва · работаем по всему миру. Отвечаем пн–пт с 10:00 до 19:00 по Москве. NDA — по запросу, до созвона.

Заявка на расчёт

~2 минуты
Что нужно
необязательно
необязательно
Бюджет, — ориентир, не обязательство

Нажимая кнопку, вы соглашаетесь на обработку данных для ответа на заявку. Спама и рассылок не будет.