Разработка сайтов, которые двигаются

Параллакс, сцены при прокрутке, 3D и живая типографика. И при этом сайт открывается быстро, держится на недорогом телефоне и сразу отдаёт заявки в Telegram или CRM.

Бриф бесплатный · точная цена после брифа

Сайт собирается на ваших глазах

Пять станций — те же, через которые проходит каждый наш сайт. Листайте: макет едет по ленте и меняется на каждой.

  1. 01 Бриф

    Зачем сайт и кому

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

    На выходе: структура страниц и одна главная цель

  2. 02 Каркас

    Где что стоит

    Блоки и порядок чтения без цвета и картинок. Здесь решается, найдёт ли посетитель кнопку за три секунды.

    На выходе: прототип для телефона и компьютера

  3. 03 Дизайн

    Ваш бренд, а не шаблон

    Шрифты, цвета, сетка и картинки по вашему фирменному стилю. Ни одного купленного шаблона.

    На выходе: макеты ключевых экранов

  4. 04 Движение

    Параллакс, сцены, 3D

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

    На выходе: живой прототип в браузере

  5. 05 Запуск

    Домен, скорость, заявки

    Проверка на телефонах, домен и HTTPS, разметка для поисковиков, аналитика. Формы сразу шлют заявки в Telegram, CRM или таблицу.

    На выходе: работающий сайт, код и доступы — у вас

Приёмы — вживую, а не на словах

Всё ниже работает прямо на этой странице: наведите, подвигайте, прокрутите.

Параллакс

Слои едут с разной скоростью, и у плоской страницы появляется глубина. Первый экран, история о продукте.

3D-наклон

Карточка поворачивается за курсором, по ней скользит свет. Товар, тариф, главное предложение.

Живая типографика

Буквы меняют вес и слова. Заголовок, который читают, а не пролистывают.

Отклик на действие

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

Проявление при прокрутке

Строки входят по одной, когда до них доходит взгляд. Длинная страница читается по порядку.

Красиво и быстро — не выбор между двумя

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

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

Какие сайты делаем

  • Лендинг

    Одна страница под одну цель: запуск продукта, рекламная кампания, мероприятие.

  • Сайт компании

    Услуги, команда, статьи. Несколько страниц, понятная навигация и разметка для поиска.

  • Каталог с заявками

    Товары или объекты с фильтрами; заказ уходит менеджеру в Telegram или в CRM.

  • Сайт продукта

    Сцена, которая показывает, как работает продукт, — как у EstIQ и SUV AI ниже.

  • Сайт на трёх языках

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

  • Сайт + автоматизация

    Заявка с сайта сразу в CRM, бот отвечает клиенту, руководитель видит воронку. Это наша основная работа. Автоматизация продаж →

Сайты, которые мы сделали

Это сайты наших собственных продуктов: от каркаса до запуска — сами.

aicapitalfactory.com

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

Открыть сайт →

estiq.aicapitalfactory.com

Сервис оценки недвижимости. Тёмная тема и сцена при прокрутке: от карты 203 районов страны к городу, дому и квартире. Русский и узбекский.

Открыть сайт →

suv-ai.online

Умный полив для фермеров. Объёмный персонаж-капля и история в четыре шага при прокрутке. Русский, узбекский, английский.

Открыть сайт →

Моушн-дизайн для Reels, сайта и презентаций

Анимированные ролики собираем кодом и в 3D (Blender): каждый кадр — в вашем фирменном стиле, без стоковых шаблонов.

Reels и сторис
Вертикальные ролики 9:16 с крупными подписями: смысл понятен и без звука.
Ролик о продукте
Как работает сервис — для сайта, презентации или выставки.
3D-сцены
Объект, интерьер или процесс в объёме: свет и материалы под ваш бренд.
Анимация логотипа и сайта
Заставка, иконки, переходы — в том же стиле, что и сайт.

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

Сколько стоит сайт и сколько его делать?
Пакеты — от 4,9 млн сум за лендинг, все цены есть в прайс-листе на этой странице. Точная цена зависит от числа страниц, языков и того, сколько в сайте движения: после бесплатного брифа фиксируем её и срок письменно.
Анимации не замедлят сайт?
Нет, если закладывать их с первого дня. Двигаем только то, что считает видеокарта, тяжёлое подгружаем по мере прокрутки, а за экраном анимации стоят. Заголовок и кнопка видны сразу.
Как сайт выглядит на телефоне?
Каждую сцену собираем отдельно под телефон, а не ужимаем компьютерную. Если в телефоне включено «уменьшить движение», показываем ту же страницу без анимации.
Можно ли сайт на узбекском?
Да: русский, узбекский и английский. У каждой версии свой адрес, чтобы поиск показывал человеку его язык.
Кто будет менять тексты после запуска?
Как удобнее вам. Можем вносить правки сами, а если хотите править без нас — подключим простую админку. Это решаем на брифе.
Куда пойдут заявки с сайта?
Куда скажете: в Telegram, в CRM или в Google Таблицу. Можно сразу подключить бота, который ответит клиенту, пока менеджер занят.

Расскажите, какой сайт нужен

Пара сообщений в Telegram: что за бизнес, зачем сайт, какие сайты нравятся. Ответим вопросами брифа, а после него назовём цену и срок.