Шаблонный сайт не запоминается. Мы строим брендовые проекты с «вау-эффектом»: уникальный концепт, 3D и интерактив под ваш бренд и аудиторию.
МетрикаWEB DEVELOPMENT / ANIMATION
Разработка анимированных сайтов
Брендовые сайты и интерактивные элементы с «вау-эффектом»: 3D, онлайн-конструкторы, игровые механики и анимация, которая работает на цель и не тормозит страницу. От концепта до запуска и поддержки.
Проекты редкие и брендовые: сроки больше, чем у обычного сайта, цену фиксируем в договоре · работаем с клиентами в долгую.
150+проектов[подтвердить цифры]
с 2017года[подтвердить цифры]
Awwwardsнаши сайтыпредставлены на платформе
НАПРАВЛЕНИЯ
Сайт, который не потеряется среди одинаковых
Анимация, интерактив и 3D, подчинённые задаче: объяснить продукт, вызвать доверие и выделить вас среди конкурентов. Без потери скорости.
Что мы создаём: найдите свой формат
Брендовые сайты и интерактивные элементы, которые выделяются и вызывают «вау». Выберите ближайший формат, остальное настроим под ваш продукт и аудиторию.
Брендовый сайт с «вау-эффектом»
Презентация сложного продукта или имиджевый сайт для премиальной аудитории: сценарий прокрутки, интерактив и 3D
Онлайн-конструктор
Посетитель собирает и настраивает продукт прямо в браузере: цвет, форма, комплектация, с мгновенной реакцией
Игровые элементы
Взаимодействие, похожее на игру: механики вовлечения, мини-игры, интерактивное обучение
HTML5-баннеры
Рекламные баннеры с анимацией и реакцией на наведение курсора
Графики и дашборды
Анимированные графики, аналитика и дашборды: данные оживают при наведении и смене параметров
3D-модели и сцены
Объёмный продукт или пространство в браузере. Модели мы создаём сами и подбираем более лёгкие решения
Не нашли свой формат? Опишите идею, и мы предложим концепт. Обсудить задачу ↓ Дальше — кто и как делает такой проект ↓
Онлайн-конструктор: салон автомобиля
Материал и цвет сидений, декор панели и подсветка меняются на глазах, цена пересчитывается. Модель нарисована кодом, без готового 3D-файла.
Three.js · GSAP · загрузка только по клику
3D-сцена: поверхность следит за курсором
Форма тянется к курсору, её цвет и вид можно менять. Всё считает шейдер в браузере, без видео.
Three.js · шейдер · загрузка только по кликуЦены и комплектации в демо условные. Примеры для конструкторов, игр и баннеров добавит заказчик [добавить демо].
УСЛУГИ
От идеи до движения: эксперты на каждом этапе
Исследование, дизайн, интерактив, 3D, оптимизация и сопровождение: на каждом этапе у нас сильная экспертиза, а не универсальный «подрядчик на всё».
Исследование и концепт
Глубинные интервью с командой, изучение мотивации, страхов и барьеров аудитории, визуальная идея проектаДизайн и сценарий взаимодействия
Макеты и описание того, как реагирует каждый элемент: при наведении, прокрутке, клике и зачемИнтерактив и анимация
Реакция на наведение, микроанимации, векторные анимации, интерактивный скролл3D-модели и WebGL
Мы создаём 3D-модели сами и ищем более лёгкие решения для упрощения разработки и скоростиКонструкторы, игры, графики
Онлайн-конструкторы, игровые элементы, анимированные графики и дашборды. Лучшие примеры из библиотек внедряем и дорабатываем под брендОптимизация, админка, поддержка
Адаптация под слабые смартфоны, управление контентом на Strapi, пакет технической поддержки
Как устроена работа и что видите вы — в статье блога «Как мы работаем над проектом» [подтвердить URL]. На чём построен сайт — ниже ↓
ТЕХНОЛОГИИ
Быстрая анимация на современном стеке
Скорость, безопасность и техническая основа поиска закладываются в архитектуру, а не «докручиваются» после запуска.
- WebGL
- Three.js
- GSAP
- Lottie
- SVG
- JavaScript
- TypeScript
- Next.js
- Strapi
Интерактив вместо видео
Когда нужен интерактивный элемент, мы не используем встроенное видео: сцена живёт в браузере, реагирует на каждое действие и весит меньше
Скорость
Сложная анимация без тормозов: сцены и библиотеки подгружаются только по клику на демо, а вес материалов оптимизирован
Безопасность
Собираем по OWASP Top 10
Хостинг
Хостинг подбираем вместе с сайтом
Технологии подбираем под задачу. Стандарты и проверки — в статье блога «Безопасность и скорость сайта: как мы это проверяем» [подтвердить URL]. Как проходит работа по этапам — ниже ↓
РЕЗУЛЬТАТ
После запуска: контент ваш, анимация работает
Брендовый проект, которым ваша команда управляет сама: тексты и разделы меняет сотрудник, а интерактивные элементы остаются в рабочем состоянии.
Админ-панель на Strapi
Меняете тексты, фото и разделы без программиста [подтвердить, какие элементы редактируются, а какие остаются в коде]
Видео-обучение для команды
Записываем обучение под ваш сайт и остаёмся на связи после запуска
Поддержка и развитие
Пакет технической поддержки и возможность добавлять новые экраны и анимации
Примеры наших работ — ниже ↓
ПОРТФОЛИО
Анимированные сайты, которые мы запустили
Работаем с компаниями из разных отраслей. Ниже — примеры, остальные кейсы в разделе «Проекты».
СТОИМОСТЬ
Сколько стоит анимированный сайт
Называем диапазон до начала работ и фиксируем цену в договоре. Стоимость в разы выше, чем у обычного сайта [подтвердить формулировку]: мы создаём 3D-модели и уникальный интерактив.
Интерактивный элемент или баннер
Один элемент: конструктор, игровая механика, HTML5-баннер, график
от [X] ₸[N] недель
Обсудить проектБрендовый анимированный сайт
Презентация продукта или имиджевый сайт: сценарий, интерактив, индивидуальный дизайн
от [X] ₸[N] месяцев
Обсудить проект3D и WebGL-проект
Собственные 3D-модели, объёмные сцены, сложный интерактив
от [X] ₸[N] месяцев
Обсудить проектК каждому сайту предлагаем пакет технической поддержки от 50 000 ₸ в месяц, состав зависит от проекта. Хостинг подберём вместе с сайтом: страница хостинга.