Мы создали киношный 3D-сайт-впечатление для логистической компании FMG Group на основе метафоры «луч света в темном царстве».
Сайт стал отстройкой от десятков похожих логистических ресурсов, рабочим инструментом для менеджеров на выставках и встречах и фундаментом будущей цифровой экосистемы FMG. Он запоминается, вызывает эмоцию и сразу показывает масштаб и технологичность бизнеса.
Заказчик
FMG Group — международная логистическая компания с филиалами в Екатеринбурге, Москве, Новороссийске и Владивостоке. Занимаются мультимодальными перевозками «под ключ»: от сложного промышленного оборудования до нестандартных проектных грузов.
Особенность рынка – сделки совершаются не через сайт, а через личные коммуникации, отраслевые связи и экспертизу. Поэтому компании был нужен не продающий сайт, а тот, который сформирует первое впечатление и усилит переговоры.
Как проект изменил жизнь пользователей
Клиенты FMG:
- получают мгновенное понимание масштаба и возможностей компании,
- видят сложные логистические сценарии в понятном визуальном формате,
- получают уверенность в уровне экспертизы компании.
Менеджеры:
- используют сайт как эффектную визитку и инструмент презентации,
- представляют компанию на выставках с помощью созданного под сайт видеоряда.
Потенциальные партнеры:
- воспринимают FMG как современную, технологичную и нестандартную компанию,
- запоминают бренд благодаря сильной визуальной метафоре и стилистике.
Бизнес-задача и ее решение
Задача
Создать сайт, который не продает, а создает впечатление и работает на бренд:
- отстраивает FMG от однотипных логистических компаний,
- передает масштаб проектов и уровень экспертизы,
- запоминается после первого просмотра,
- помогает менеджерам на встречах и выставочных стендах,
- укрепляет доверие и повышает узнаваемость,
- становится цифровой визиткой уровня компани
Решение
1. Сместили акцент с продаж на впечатление — и создали сайт-фильм, который презентует FMG так же сильно, как личная встреча.
2. Сформировали визуальную и смысловую концепцию. Метафора про луч света стала основой сайта и максимально точно передает суть работы FMG – способность находить и подсвечивать лучшие решения для своих клиентов.
3. Параллельно с созданием сайта мы:
- начали работу над CRM-процессами,
- заложили фундамент под цифровые сервисы: личный кабинет, трекинг грузов, калькулятор стоимости, подачу заявок,
- создали собственный блочный редактор на v0, позволяющий компании создавать кейсы и экспертные материалы,
- наметили продолжение маркетинга: 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, адаптировали ее под кейсы, новости и длинные материалы.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
1. Про рынок
После 2022 года логистика стала еще более хаотичной: меняются маршруты, ставки, правила, геополитика. На этом фоне сайты логистов продолжают выглядеть однотипно.
Тест с перфомансом подтвердил: через сайт сложные B2B-перевозки не покупают. Но сайт критически важен как инструмент, который оставляет после себя правильное впечатление.
2. Много ЛПР-ов и совместный выбор концепции
На стороне FMG было несколько собственников и директора филиалов, работающих в разных часовых поясах. Это означало, что:
- решения не принимались линейно,
- смелые концепции легко могли «размыться»,
- нужно было показывать не один путь, а поле возможностей.
Поэтому команда:
- подготовила широкую воронку идей (от игровых механик до кинематографичных сюжетов),
- вместе с клиентом отсеяла концепции, которые не вызывают отклика,
- вышла на одну метафору, которая совпадает с тем, как FMG сами рассказывают о себе: «Мы подсвечиваем нужный путь в хаосе логистики».
3. Итог и дальнейшее развитие
Проект запускался под конкретный дедлайн — отраслевую выставку в ноябре. 3D-пролет стал центром стенда и использовался как отдельный видеоролик.
Внутри компании сайт быстро стал:
- поводом для гордости,
- первым примером нового визуального языка FMG (который планируется для применения в мерче и печатных материалах).
В параллель собирали бэклог для развитие экосистемы сервисов:
- калькулятор стоимости с учетом динамики ставок,
- личный кабинет и документооборот,
- трекинг грузов,
- Telegram-кабинет как альтернатива мобильному приложению.
Сайт стал MVP будущей экосистемы, а не просто красивой главной страницей.
Отзывы
Как заказчики, мы ценим не только результат, но и процесс. Нас впечатлил профессиональный подход: команда не стала действовать по шаблону, а глубоко погрузилась в нашу специфику, проверила гипотезы и предложила десятки концепций. Использование AI для визуализации и раскадровки позволило нам быстро найти общий язык по визуалу и сэкономило массу времени.
Финальный результат — это именно то, что мы хотели: сильный, запоминающийся образ, который работает на наш бренд и уже доказал свою эффективность на выставках. Мы не просто получили сайт, мы получили партнера, который помогает нам строить цифровое будущее компании.
Артём Бочикалов, генеральный директор FMG Group
От лица компании FMG Group хочу выразить искреннюю благодарность команде JetStyle. За два года сотрудничества вы сделали продукт, к которому мы шли почти 18 лет — сайт, о котором давно мечтали.
Это не просто красивый проект, а наша гордость и рабочий инструмент. Мы используем его на выставках и международных конференциях, и он каждый раз производит сильное впечатление. Сайт стал симбиозом креатива JetStyle и наших задач: он отражает структуру компании, демонстрирует сервисы и уже готов к развитию — от интеграции Quotation Tool до трекинга грузов.
Работать вместе было приятно и продуктивно. Мы планируем продолжать сотрудничество и желаем команде JetStyle новых успешных проектов и амбициозных клиентов. Спасибо вам за высокий профессионализм и за то, что помогли нам выйти на новый уровень.
Максим Шаталин, соучредитель FMG Group
