Полноценный одностраничный сайт с объясняющей анимацией
(Которая наглядно показывает суть и основные преимущества новой технологии запорно-пломбировочных устройств "Смартпломба")
Эволюция устройств для защиты грузов от несанкционированного доступа.
Онлайнпроверка
Мобильнаяфотофиксация
Цифровойпаспорт
Страхованиеответственности
Так выглядит анимационный блок
на ПК, ноутбуке, планшете и смартфоне в горизонтальной ориентации
Откройте эту страницу на мобильном устройстве в вертикальной ориентации и увидите вертикальную анимацию.
Так выглядит анимационный блок
на мобильном устройстве в вертикальной ориентации
Откройте эту страницу на ПК, ноутбуке, планшете или смартфоне в горизонтальной ориентации и увидите горизонтальную анимацию.
Моментальная проверка подлинности и уникальности смартпломбы с любого мобильного устройства.
Приложение для фотофиксации процессов установки и снятия смартпломб.
Цифровой паспорт с полным перечнем информации о всех этапах жизненного цикла смартпломбы.
Страхование ответственности.
Применение смартпломб способствует:
Увеличение пропускной способности пунктов коммерческого осмотра вагонов.
Снижение рисков криминального вскрытия грузовых вагонов.
Повышение прозрачности учёта пломбировочных устройств, применяемых для грузовых перевозок.
Мобильное приложение
Отслеживайте историю СМАРТПЛОМБЫ
- Контроль подлинности
- Контроль текущего статуса
- Фотофиксация факта установки
- Фотофиксация факта снятия
СКАЧАЙ ПРИЛОЖЕНИЕ
Более подробная информация и правила пользования
Описание примера
Данный одностраничный сайт был создан полностью из векторной графики, которая в свою очередь была создана из обычных изображений как взятых с интернета, так и предоставленных самой компанией Инфодин. Анимационный блок простроен таким образом что анимация элементов и групп элементов происходит последовательно, давай потенциальному клиенту / партнёру ровно ту информацию, которая ему нужна на данный момент.
Структура сайта
Сцена 1 — Демонстрация логотипа и названия технологии
Сцена 2 — Демонстрация отличий смартпломбы от других ЗПУ (запорно-пломбировочных устройств)
Сцена 3 — Показ основных преимуществ технологии
Сцена 4 — Демонстрация связывания номера смартпломбы с цифровым паспортом в компьютере
Сцена 5 — Демонстрация процесса пломбирования, перевозки и распломбировки груза.
Сцена 6 — Показ всех этапов жизненного цикла смартпломбы
Сцена 7 — Применение смартпломбы
Сцена 8 — Принципы работы компании OdinTouch
Основные технические характеристики
Длительность:
1. Горизонтальной анимации: 2 минуты
2. Вертикальной анимации с соотношением сторон 1.33 (Высота / Ширина): 2 минуты 58 секунд
После первого воспроизведения, анимация зациклена на начало и начинает проигрываться заново, то есть является бесконечной.
Вертикальная анимация для мобильных устройств на первый взгляд похожа на основную горизонтальную анимацию, но ее производство занимает 70% от времени разработки основной горизонтальной анимации. Так происходит, потому что для вертикального формата нужно, во-первых, выстраивать все движения элементов заново. А, во-вторых, некоторые движения, эффектно, корректно и красиво преподносящие информацию в горизонтальном формате, не могут также справиться с этой задачей в вертикальном формате. И поэтому их нужно переделывать и адаптировать под вертикальный формат.
Размеры горизонтальной анимации:
1. Файл анимации в формате json: 2.02 мб
Размеры вертикальной анимации:
1. Файл анимации в формате json: 2.02 мб
Все это говорит о том, что анимация быстро загружается вместе с загрузкой страницы сайта и сразу же начинает проигрываться и выполнять заложенные в нее задачи.