Видео, ставшее чем-то большим
Клиент:
Velvet Automtica
Экспертизы:
Проморолик
Сайт
Digital-дизайн
Дата:
2024 г.
Пермская IT-компания «Velvet Automatica» впервые создала материальный продукт — автомат для выдачи спецодежды и экипировки сотрудникам промышленных предприятий.
Автомат — это интерфейс, объединивший системы учёта предприятия, химчистку, обеспечивающий персонал и рабочих.
Компания вышла на рынок в новой роли, выступая до этого как химчистка и прачечная для промышленных предприятий. Теперь это IT-интегратор, создавший свой вендинговый сервис и это нужно было показать.
И «Вельвет Автоматика» обратилась к нам за съёмкой имиджевого ролика, который одновременно показывал бы, как работает автомат.
Этапы работ
Брифинг
1
- Согласование задачи с заказчиком
- Подбор команды проекта
2
Съёмка видеоролика
- Препродакшн: локейшн-чек, подбор и аренда оборудования
- Продакшн
- Постпродакшн: цветокоррекция, монтаж
3
Разработка сайта
- Разработка и согласование архитектуры сайта
- Создание инфографики и иллюстраций
- Разработка сайта
- Базовая SEO-настройка, адаптация под мобильные экраны
Пришёл, увидел, снял
Первой задачей для агентства было создание качественного видеоролика, который сумел бы понятно и просто показать сложный продукт, то есть решать информационную, объясняющую функцию. Но кроме того видео должно решать и другие задачи: быть красивым промо материалом и легко интегрироваться на главную страницу сайта в обложку.
В промо мы решили показать сам продукт, часть производственного процесса, людей компании, настройку и тестирование автоматов.
Постпродакшн видео и разработка сайта
– Сайт рассказывает о сложном продукте. Его нужно было понять самим, упростить до «целого числа», и донести до клиентов компании в компактном и ясном виде.
Александра Нагибина, руководитель проектов be art:
“
На постпродакшене мы поняли, что одного ролика мало, и чтобы грамотно представить продукт потенциальным клиентам нужен и информативный лэндинг.
Основной задачей сайта стало разъяснение работы автомата, его экономических и технологических возможностей для бизнеса.
Тем самым сайт снял необходимость каждый раз объяснять потенциальным заказчиком что и зачем им предлагают.
Исходя из этого строилась структура сайта:
1. Главная страница с промороликом, инфографикой, калькулятором автоматизации (о нём расскажем подробнее ниже), каталогом с коротким описанием четырёх станций, и формой заявки для клиентов.
2. Страница с подробным описанием каждой из четырёх вендинговых станций.
Дизайн и вёрстка
Преимущества инновационных продуктов могут быть не очевидны сразу. Мы думали о разъясняющих форматах представления продукции. В итоге мы постарались переосмыслить скучные и некрасивые блок-схемы из учебников и проектной документации, чтобы через них рассказать о вендинговых станциях.
Поэтому сайт венчает подробная и понятная инфографика с пиктограммами про цифровую инфраструктуру станции.
– Сначала мы получили несколько схем станций от заказчика, но они не всегда отражали то, как автомат выглядит для конечного потребителя. В итоге станции отрисовывались по фотографиям, которые мы сделали сами. Затем мы добавили информационной графики для каждой иллюстрации.
Екатерина Шпакова, дизайнер-иллюстратор be art:
“
Особое внимание мы уделили отрисовке каждой вендинговой станции и иллюстрации алгоритма её работы.
Для интерактивности к каждой схеме станции мы добавили всплывающие пояснения.
Разработка сайта и адаптация под мобильные устройства
— Сначала заказчик предлагал сделать лендинг о продукте, но вместе мы поняли, что такой структуры недостаточно. Мы хотели найти баланс между одностраничной посадочной страницей и полноценным многостраничным сайтом. Не перегрузить клиентов информацией. За счёт этого оптимизировали объём информации на сайте.
Алексей Амиров,
веб-дизайнер be art:
“
Сайт разработан на платформе Тильда с интеграциями JavaScript для оптимизации юзабилити сайта, оптимизации пространства и улучшения потребительского опыта
