Как разрабатывать сайты для технически сложных продуктов Заказчик: Лаборатория Умного Вождения

Как разрабатывать сайты для технически сложных продуктов

Заказчик: Лаборатория Умного Вождения

Как разрабатывать сайты для технически сложных продуктов

Заказчик:
Лаборатория Умного Вождения

Заказчик:
Лаборатория Умного Вождения

Это IT-компания ‒ разработчик высокотехнологичной платформы, которая объединяет в себе технологии, данные и автомобили. А также с помощью специального оборудования позволяет удаленно управлять автомобилем и обеспечивает его безопасность.

Что умеет «Элемент»:

Контролировать уровень топлива и оценивать качество вождения

Запускать и блокировать двигатель по запросу или заданному расписанию

Удаленно открывать и закрывать автомобиль

Это был идеальный заказ

2019

Заказчик обратился к нам в декабре 2019 года. Это был идеальный заказ. Не нужно было ничего переделывать, нужно было сделать все с нуля.

Заказчик разработал умную систему управления и защиты автомобиля «Элемент».

Экономить

Всегда быть уверенным в безопасности своего автомобиля

Чувствовать себя защищенным в пути

Система управления и защиты «Элемент» позволяет:

Кнопка SOS на метке безопасности позволяет автовладельцу получить своевременную помощь, а автономный поисковый маяк ‒ оперативно найти автомобиль в случае угона. Владельцы системы получают содействие на дорогах, быстрое реагирование МВД, скидки на КАСКО и другие привилегии.

Для этого продукта нужно было:

● Разработать сайт на платформе «1С-Битрикс»
● Сделать верстку и интеграцию адаптивного дизайна сайта.

Вместо скучного рассказа о достижениях, которые обычно никто не читает, посетители сайта видят анимированную историю «Лаборатории Умного Вождения» и процесса создания системы «Элемент».

Демонстрация приложения

Анимированная презентация компании.

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

Что у нас получилось: визуальные решения

Система «Элемент» ‒ нетривиальный продукт. Поэтому сайт нужен был не обычный информационный, а содержащий технически сложные маркетинговые элементы для поддержки продаж и упрощения работы менеджеров.

Все изображения сайта мы адаптировали под экраны, поддерживающие технологию Retina. Реализовали быструю проверку на наличие технологии Retina у пользователя. При открытии сайта на экранах без ее поддержки отображаются изображения меньшего размера, чтобы не грузить лишний объем данных.

Мы использовали на сайте элементы геймификации, для этого создали несколько анимированных элементов.

Так выглядит на сайте расчет скидок на КАСКО от разных страховых компаний. Анимация позволяет автовладельцу быстрее ориентироваться среди большого количества предложений.

Иллюстрация работы системы скоринга и оценки рисков

Расчет скидок на КАСКО

Также анимация использована для объяснения, как работает Atlas Scoring и нейросеть Crash AI. Систему скоринга и оценки рисков Atlas Scoring используют страховщики при расчетах по КАСКО.

Что умеет «Элемент»:

Контролировать уровень топлива
и оценивать качество вождения

Запускать и блокировать двигатель
по запросу или заданному расписанию

Удаленно открывать
и закрывать автомобиль

Это был идеальный заказ

2019

Заказчик обратился к нам в декабре 2019 года. Это был идеальный заказ. Не нужно было ничего переделывать, нужно было сделать все с нуля.

Заказчик разработал умную систему управления и защиты автомобиля «Элемент».

Экономить

Всегда быть уверенным в безопасности своего автомобиля

Чувствовать себя защищенным в пути

Система управления и защиты «Элемент» позволяет:

Кнопка SOS на метке безопасности позволяет автовладельцу получить своевременную помощь, а автономный поисковый маяк ‒ оперативно найти автомобиль в случае угона. Владельцы системы получают содействие на дорогах, быстрое реагирование МВД, скидки на КАСКО и другие привилегии.

Для этого продукта нужно было:

● Разработать сайт на платформе «1С-Битрикс»
● Сделать верстку и интеграцию адаптивного дизайна сайта.

Что у нас получилось: визуальные решения

Система «Элемент» ‒ нетривиальный продукт. Поэтому сайт нужен был не обычный информационный, а содержащий технически сложные маркетинговые элементы для поддержки продаж и упрощения работы менеджеров.

Все изображения сайта мы адаптировали под экраны, поддерживающие технологию Retina. Реализовали быструю проверку на наличие технологии Retina у пользователя. При открытии сайта на экранах без ее поддержки отображаются изображения меньшего размера, чтобы не грузить лишний объем данных.

Мы использовали на сайте элементы геймификации, для этого создали несколько анимированных элементов.

Расчет скидок на КАСКО

Так выглядит на сайте расчет скидок на КАСКО от разных страховых компаний. Анимация позволяет автовладельцу быстрее ориентироваться среди большого количества предложений.

Также анимация использована для объяснения, как работает Atlas Scoring и нейросеть Crash AI. Систему скоринга и оценки рисков Atlas Scoring используют страховщики при расчетах по КАСКО.

Иллюстрация работы системы скоринга и оценки рисков

Анимированная презентация компании.

Вместо скучного рассказа о достижениях, которые обычно никто не читает, посетители сайта видят анимированную историю «Лаборатории Умного Вождения» и процесса создания системы «Элемент».

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

Демонстрация приложения

Технические решения и маркетинг

Раздел «Блог»

Для размещения информации, новостей и полезных статей от компании реализован раздел «Блог». Для него нам пришлось доработать стандартный редактор текстов. Теперь контент-менеджеры могут размещать красиво оформленные тексты с цитатами, галереями фото, видео, едиными заголовками и прочими элементами без освоения html-верстки.

Формы обратной связи

На сайте созданы формы обратной связи и реализована их интеграция с CRM и учетной системой заказчика. Результаты заполнения форм сразу попадают к менеджерам, для дальнейшей обработки согласно процессам компании.

Сначала мы использовали калькулятор подбора и расчета стоимости комплекта оборудования со сложной структурой взаимосвязей и зависимостей опций комплекта. Но калькулятор использовался редко и не приводил к покупке, так как высокая стоимость и сложность продукта требовали индивидуальной работы менеджера с клиентом и объяснения всех дополнительных опций. Поэтому было принято решение заменить калькулятор на форму запроса стоимости комплекта.

В нее интегрирован справочник, клиенту теперь не нужно вводить никакие данные. Он просто выбирает из списка модель автомобиля и получает индивидуальное предложение на подходящее для него оборудование.

Версии сайта на других языках

Архитектура сайта реализована таким образом, чтобы впоследствии была возможность создавать новые языковые версии сайтов, без дополнительных доработок. На первом этапе была создана только английская версия сайта.

Технические решения и маркетинг

Раздел «Блог»

Для размещения информации, новостей и полезных статей от компании реализован раздел «Блог». Для него нам пришлось доработать стандартный редактор текстов. Теперь контент-менеджеры могут размещать красиво оформленные тексты с цитатами, галереями фото, видео, едиными заголовками и прочими элементами без освоения html-верстки.

Формы обратной связи

На сайте созданы формы обратной связи и реализована их интеграция с CRM и учетной системой заказчика. Результаты заполнения форм сразу попадают к менеджерам, для дальнейшей обработки согласно процессам компании.

Сначала мы использовали калькулятор подбора и расчета стоимости комплекта оборудования со сложной структурой взаимосвязей и зависимостей опций комплекта. Но калькулятор использовался редко и не приводил к покупке, так как высокая стоимость и сложность продукта требовали индивидуальной работы менеджера с клиентом и объяснения всех дополнительных опций. Поэтому было принято решение заменить калькулятор на форму запроса стоимости комплекта.

В нее интегрирован справочник, клиенту теперь не нужно вводить никакие данные. Он просто выбирает из списка модель автомобиля и получает индивидуальное предложение на подходящее для него оборудование.

Версии сайта на других языках

Архитектура сайта реализована таким образом, чтобы впоследствии была возможность создавать новые языковые версии сайтов, без дополнительных доработок. На первом этапе была создана только английская версия сайта.

Свяжитесь с нами:

Посчитаем смету и дадим рекомендации по архитектуре

Сайт должен быть быстрее всех остальных

2021

На сайт загружается большое количество фотографий и видео, при этом их размер и объем никак не ограничен. Нам нужно было сделать так, чтобы это не отражалось на скорости работы сайта.

Поэтому в 2021 году для уменьшения объема данных, загружаемых пользователем при открытии страниц, был реализован функционал автоматического сжатия картинок.

Также в 2021 году мы подключили заказчику технологию «Композитный сайт», которая позволяет быстро загружать страницы сайта, даже при большом количестве качественной графики и анимации.

Оптимизация скорости работы сайта

2022

Мы продолжили работы по оптимизации скорости работы сайта. В начале года мы перевели все изображения в формат WebP и оптимизировали загрузку данных при открытии страниц.

А в декабре 2022 обновили программное обеспечение. В целях защиты клиентов от несанкционированного доступа мы это делаем регулярно на всех наших долгосрочных проектах. Работы проходят в плановом режиме и поддерживают безопасность на должном уровне.

Мы золотой партнер компании 1С-Битрикс, и поэтому все реализованные проекты передаем им на дополнительную проверку для соответствия ключевым требованиям и стандартам.

Рассчитать стоимость своего проекта

Оставьте ваши контакты и мы вяжемся с вами для уточнения деталей по проекту

Активная визуализация помогает продажам

Такие продукты, как система «Элемент», продавать непросто. Сама система технически очень сложная, а покупатель ‒ обычный автолюбитель, который часто не хочет разбираться ни в каких тонкостях. Он просто хочет комфорта и безопасности.

В таких ситуациях на помощь приходит визуализация. Мы приложили максимум усилий для того, чтобы Лаборатория Умного Вождения могла демонстрировать клиентам все возможности своей системы.

А быстрая загрузка страниц, обработка фото и видео, бесперебойная работа сайта и все остальные технические тонкости ‒ это уже наша забота.

Загрузка 10+ млн продаваемых SKU

Подключение 100+ прайсов от удаленных поставщиков онлайн

Поддержка 500+ тысяч посетителей в день

Миллионы продвигаемых низкочастотных страниц

Если вы продаете большое количество товаров, используйте наши оптимизированные решения для высоконагруженных интернет-магазинов: