Smart Graphics

Логотип, фирменный стиль и графика для автомойки и детейлинга DetailLab в Минске: Instagram, Яндекс Карты, авторамки. Кейс студии RezDesigners

Спорт Tilda

Сайт на Tilda для Smart Graphics: как мы сделали одностраничник с вау-эффектом для студии спортивной графики

О клиент

Smart Graphics создаёт и автоматизирует графику для спортивных трансляций: эфирные пакеты, облачную платформу для управления титрами, интеграцию статистики и AR. У компании было что показать, но не было страницы, которую можно уверенно отправить потенциальному клиенту. За 2 месяца в 2025 году мы нарисовали дизайн в Figma, перенесли его в Tilda, добавили анимации и адаптивы и сделали одностраничный сайт, который работает как презентация продукта

Карточка проекта

Параметр	Значение
Клиент	Smart Graphics — продукт группы компаний VSporte
Сайт	smartgfx.ru
Ниша	Графика и автоматизация для спортивных трансляций
Что сделали	Дизайн в Figma, перенос на Tilda, анимации, адаптивы
Тип сайта	Одностраничный (лендинг)
Объём	4 смысловых раздела (Дизайн, Автоматизация, Интеграция данных, AR-графика), блок «О нас», форма заявки, около 15 видеовставок [проверить]
Срок	2 месяца
Год	2025
Инструменты	Figma, Tilda

Задача

У компании, которая работает в этой сфере, не было страницы, которую можно презентовать клиентам.

Цель: сделать вау-эффект перед потенциальными клиентами. Сильное SEO-продвижение здесь не требовалось: это одностраничный сайт, который отправляют клиентам напрямую.

Что это значит на практике:

продукт визуальный и технологичный, поэтому страница должна его показывать, а не рассказывать;
направлений четыре, и посетитель должен быстро понять, чем они отличаются;
сайт нужно было запустить быстро и без сложной разработки, поэтому выбрали Tilda

Решение

Мы построили сайт как презентацию, которую листает потенциальный клиент: каждый экран — одно направление продукта, а основной акцент — на видео и движении. Дизайн мы сначала проработали в Figma, затем перенесли в Tilda, добавили анимации и подготовили адаптивные версии

Структура страницы

Блок	Что показывает
Первый экран	Позиционирование: создаём и автоматизируем графику для спортивных трансляций, кнопка «Оставить заявку»
Дизайн	Уникальный графический пакет для любого вида спорта: эфирная графика, заставки, перебивки, анимированная инфографика
Автоматизация	Облачная платформа для управления эфирной графикой: Матч ID, расписание тура, состав команды, турнирная таблица, статистика; более 20 графических элементов
Интеграция данных	Собственная система сбора и аналитики данных; примеры по четырём видам спорта: футбол, футзал, хоккей, регби
AR-графика	Дополненная реальность в прямых трансляциях: 3D-модели и инфографика на площадке
О нас	Группа компаний, цифры о компании (20+ видов спорта, 30+ лиг, 200+ проектов, 13 лет на рынке)
Контакты	Связь через Telegram-бота и почту, ссылки на презентации

Ключевые решения

Один экран — одно направление

Страница разделена на четыре якорных раздела с понятной навигацией, поэтому сложный продукт воспринимается по частям

Видео вместо длинных описаний

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

Переключение по сценариям

Посетитель переключает элементы графики (Матч ID, расписание тура, состав, таблица, статистика) и виды спорта (футбол, футзал, хоккей, регби), чтобы увидеть, как решение работает в разных ситуациях

Анимации

Движение в блоках усиливает «эфирный» характер бренда и создаёт вау-эффект

Адаптивные версии

Страница комфортно открывается на телефоне и планшете, потому что клиентам часто отправляют ссылку в мессенджере

Короткий путь к контакту

Кнопка заявки и связь через Telegram-бота доступны с первого экрана и в меню, а презентации можно скачать со страницы

Как мы работали

Бриф и структура

Разобрали продукт и определили, как показать четыре направления на одной странице

Дизайн в Figma

Нарисовали концепцию, экраны и состояния блоков

Перенос в Tilda

Собрали страницу на платформе по макетам

Анимации

Добавили движение и интерактивные переключатели

Адаптивы и запуск

Подготовили версии под разные устройства, проверили и запустили

Сложности и как их решили

Сложность	Как решили
Сложный продукт: графика, автоматизация, данные и AR	Разделили на четыре понятных блока с одним смыслом на экран
Вау-эффект на конструкторе Tilda	Заранее продумали анимации в дизайне и аккуратно воспроизвели их при переносе
Много видео может замедлить страницу	Вынесли видео на внешний хостинг и подключили без лишних элементов
Страницу открывают на разных устройствах	Подготовили адаптивные версии для телефона и планшета
Нужен быстрый запуск без сложной разработки	Использовали Tilda для быстрого переноса и дальнейшего редактирования

Результаты

Что получил клиент	Итог
Страница для презентаций	Одностраничный сайт, который можно отправлять потенциальным клиентам
Подача продукта	Четыре направления, видеодемонстрации и примеры по видам спорта
Анимации и адаптивы	Страница с движением, которая корректно открывается на разных устройствах
Управление	Сайт на Tilda, который команда клиента может редактировать

Почему этот кейс важен для вашего проекта

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