Главное о кейсе
FMG работает в сегменте сложных мультимодальных перевозок, где сделки совершаются не через сайт, а через личные коммуникации, отраслевые связи и экспертизу. Поэтому компании был нужен не продающий сайт, а тот, который сформирует первое впечатление и усилит переговоры.
Мы создали киношный 3D-сайт-впечатление на основе метафоры «луч света в темном царстве». Один скролл ведет пользователя по пути груза — через темный индустриальный мир, где луч FMG подсвечивает лучшее решение. Это не видеоролик, а полноценно собранная WebGL-сцена: динамика камеры, световая драматургия, проработанные планы и эффект присутствия.
Сайт стал отстройкой от десятков похожих логистических ресурсов, рабочим инструментом для менеджеров на выставках и встречах и фундаментом будущей цифровой экосистемы FMG. Он запоминается, вызывает эмоцию и сразу показывает масштаб и технологичность бизнеса.
Как проект изменил жизнь пользователей
Клиенты FMG:
✔️ получают мгновенное понимание масштаба и возможностей компании,
✔️ видят сложные логистические сценарии в понятном визуальном формате,
✔️ получают уверенность в уровне экспертизы компании.
Менеджеры:
✔️ используют сайт как эффектную визитку и инструмент презентации,
✔️ представляют компанию на выставках с помощью созданного под сайт видеоряда.
Потенциальные партнеры:
✔️ воспринимают FMG как современную, технологичную и нестандартную компанию,
✔️ запоминают бренд благодаря сильной визуальной метафоре и стилистике.
Бизнес-задача и ее решение
== Задача ==
Создать сайт, который не продает, а создает впечатление и работает на бренд:
✔️ отстраивает FMG от однотипных логистических компаний,
✔️ передает масштаб проектов и уровень экспертизы,
✔️ запоминается после первого просмотра,
✔️ помогает менеджерам на встречах и выставочных стендах,
✔️ укрепляет доверие и повышает узнаваемость,
✔️ становится цифровой визиткой уровня компании.
== Решение ==
1. Сместили акцент с продаж на впечатление — и создали сайт-фильм, который презентует FMG так же сильно, как личная встреча.
2. Сформировали визуальную и смысловую концепцию. Метафора про луч света стала основой сайта и максимально точно передает суть работы FMG – способность находить и подсвечивать лучшие решения для своих клиентов.
3. Параллельно с созданием сайта мы:
✔️ начали работу над CRM-процессами,
✔️ заложили фундамент под цифровые сервисы: личный кабинет, трекинг грузов, калькулятор стоимости, подачу заявок,
✔️ создали собственный блочный редактор на V0
(https://v0.app/ ), позволяющий компании создавать кейсы и экспертные материалы,
✔️ наметили продолжение маркетинга: Telegram-канал, SEO-контент, развитие визуального языка.
Крафт (мастерство), реализация, технические детали
1️⃣ Тестирование гипотезы
Перед стартом работ проверили гипотезу «сайт как источник лидов»: доработали старый сайт на Tilda, запустили трафик и несколько месяцев отслеживали конверсии. Результат предсказуемый: почти ноль релевантных обращений.
2️⃣ Поиск креативной идеи
У нас была общая амбиция — сделать сайт «не как у всех логистов». Мы прошли через 40+ концепций: от почти трэшовых игровых идей до кинематографичных сценариев с длинными пролетами камеры.
Итоговая ключевая метафора: FMG работает в хаосе мировой логистики, но буквально подсвечивает лучший путь — для груза, клиента и решения. Эта идея стала визуальным ядром проекта.
3️⃣ AI как инструмент раскадровки и поиска визуального языка
Midjourney и Stable Diffusion использовали не как источник итоговых кадров, а как инструмент предпродакшена:
✔️ перебирали десятки вариантов стилистики и освещения,
✔️ тестировали плотность тумана, фактуру металла, характер света,
✔️ собирали визуальные сценарии для будущих экранов.
❗️Важный прием — намеренный даунгрейд: перевод реалистичных AI-рендеров в скетчевые варианты, чтобы сосредоточить клиента на сюжете, темпе, ритме и эмоции, а не на деталях. AI ускорил поиск концепции и помог быстро согласовать раскадровку 3D-сцены.
4️⃣ От концепции к 3D
Когда образ был найден, мы перешли к полноценному 3D-производству. Команда создала сцену в Blender и экспортировала ее через Verge3D в WebGL.
За счет этого на главной у нас не демонстрационный ролик, а настоящая интерактивная сцена:
✔️ с проработанной композицией,
✔️ собственной световой драматургией (холодный индустриальный свет + теплый луч FMG),
✔️камерой, движущейся по заранее спланированному маршруту — от общих планов к деталям и обратно, как в кино.
Сцена адаптивна: мы не делали отдельные версии под мобайл и десктоп, а разработали логику, которая подстраивает канвас и угол обзора под устройство, сохраняя целостный опыт.
❗️Важно: финальная 3D-сцена почти полностью повторяет концепты, собранные в AI и согласованные с клиентом.
5️⃣ Анимация и интерактив
3D-пролет синхронизирован со скроллом: пользователь буквально прокручивает путь груза.
Мы настраивали:
✔️ поведение камеры,
✔️ тайминги переходов,
✔️ моменты остановок,
✔️ точки появления ключевых объектов.
Это создает то самое ощущение цифрового фильма, который проживается в реальном времени.
6️⃣ Цвет, графика и визуальный язык
Брендовый синий стал основой. Мы добавили теплый оранжевый акцент, вдохновленный ретро-плакатами — чтобы уйти от холодного техно и добавить драматургии.
Итоговый стиль:
✔️сочетание объемной 3D-сцены и более плоских, графичных элементов,
✔️ динамичные диагонали и направляющие, создающие ощущение движения и маршрута.
7️⃣ Еще немного AI
Помимо 3D мы сделали блочный редактор: собрали компонентную систему на базе v0
(https://v0.app/ ), адаптировали ее под кейсы, новости и длинные материалы.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
1️⃣ Про рынок
После 2022 года логистика стала еще более хаотичной: меняются маршруты, ставки, правила, геополитика. На этом фоне сайты логистов продолжают выглядеть однотипно.
Тест с перфомансом подтвердил: через сайт сложные B2B-перевозки не покупают. Но сайт критически важен как инструмент, который оставляет после себя правильное впечатление.
2️⃣ Много ЛПР-ов и совместный выбор концепции
На стороне FMG было несколько собственников и директора филиалов, работающих в разных часовых поясах. Это означало, что:
- решения не принимались линейно,
- смелые концепции легко могли «размыться»,
- нужно было показывать не один путь, а поле возможностей.
Поэтому команда:
✔️ подготовила широкую воронку идей (от игровых механик до кинематографичных сюжетов),
✔️вместе с клиентом отсеяла концепции, которые не вызывают отклика,
✔️ вышла на одну метафору, которая совпадает с тем, как FMG сами рассказывают о себе: «Мы подсвечиваем нужный путь в хаосе логистики».
3️⃣ Итог и дальнейшее развитие
Проект запускался под конкретный дедлайн — отраслевую выставку в ноябре. 3D-пролет стал центром стенда и использовался как отдельный видеоролик.
Внутри компании сайт быстро стал:
✔️поводом для гордости,
✔️первым примером нового визуального языка FMG (который планируется для применения в мерче и печатных материалах).
В параллель собирали бэклог для развитие экосистемы сервисов:
✔️калькулятор стоимости с учетом динамики ставок,
✔️ личный кабинет и документооборот,
✔️ трекинг грузов,
✔️ Telegram-кабинет как альтернатива мобильному приложению.
Сайт стал MVP будущей экосистемы, а не просто красивой главной страницей.
Скриншоты
Видео
Комментарий заказчика
Как заказчики, мы ценим не только результат, но и процесс. Нас впечатлил профессиональный подход: команда не стала действовать по шаблону, а глубоко погрузилась в нашу специфику, проверила гипотезы и предложила десятки концепций. Использование AI для визуализации и раскадровки позволило нам быстро найти общий язык по визуалу и сэкономило массу времени.
Финальный результат — это именно то, что мы хотели: сильный, запоминающийся образ, который работает на наш бренд и уже доказал свою эффективность на выставках. Мы не просто получили сайт, мы получили партнера, который помогает нам строить цифровое будущее компании.
Артём Бочикалов, генеральный директор FMG Group
===
От лица компании FMG Group хочу выразить искреннюю благодарность команде JetStyle. За два года сотрудничества вы сделали продукт, к которому мы шли почти 18 лет — сайт, о котором давно мечтали.
Это не просто красивый проект, а наша гордость и рабочий инструмент. Мы используем его на выставках и международных конференциях, и он каждый раз производит сильное впечатление. Сайт стал симбиозом креатива JetStyle и наших задач: он отражает структуру компании, демонстрирует сервисы и уже готов к развитию — от интеграции Quotation Tool до трекинга грузов.
Работать вместе было приятно и продуктивно. Мы планируем продолжать сотрудничество и желаем команде JetStyle новых успешных проектов и амбициозных клиентов. Спасибо вам за высокий профессионализм и за то, что помогли нам выйти на новый уровень.
Максим Шаталин, соучредитель FMG Group