avatar Александр Андреев
Номинация: Фрилансер года

Корпоративный сайт компании DVM

Корпоративный сайт компании DVM

Задача

КОРОТКО О КОМПАНИИ
Компания Digital Video Machines с 2008 года успешно работает в индустрии построения диспетчерских, ситуационных центров, а также систем Digital Signage и Outdoor TV. В 2014 году компания DVM была выделена в отдельное подразделение с узкой специализацией, ориентированной на проектирование, создание и обслуживание видеостен и всего, что с ними связано.

ЗАДАЧА
Сайт клиента сильно устарел и перестал отвечать современным требованиям удобства и качества. Требовалось реализовать полный редизайн проекта и смену программной платформы на «1С-Битрикс: Управление сайтом» Лицензия Малый бизнес.

ЦЕЛИ ПРОЕКТА
- Повышение привлекательности бренда
- Доступное донесение информации о продукции, услугах, проектах и решениях.
- Повышение числа звонков и заявок с сайта
- Удобное управление контентом из административной части

Решение

ОПИСАНИЕ И РЕШЕНИЕ
Традиционно процесс разработки начинается с прототипов, но в данном случае клиент пришёл с готовым дизайном, который разрабатывал непрофильный специалист, дизайн был очень плохого качества и не проработан с точки зрения подачи контента. Его пришлось полностью переделывать. ВНИМАНИЕ: В самом конце приложено 2 референса как выглядели макеты до начала работ, по редизайну.

Перед началом работ по редизайну, мы приняли решение сделать аудит коммерческих факторов текущего сайта и макетов которые были у заказчика. Были даны рекомендации по всем страницам сайта, здесь привожу лишь некоторую часть из них, в совокупности более 20 рекомендаций:
- Вывод блока с компетенциями / преимуществами на главную страницу
- Внедрение калькулятора стоимости видеостены и вывод соответствующего блока на главную
- Вывод блока с партнёрами на главную страницу
- Вывод блока с отзывами на главную страницу
- Вывод блока с новостями на главную страницу
- Блок "Рекомендуемые товары"
- Блок "Вы недавно смотрели"

Обязательно в каждом проекте отдельно рисуется адаптивная версия в разрешении 320, адаптив это must have в 2021 году.

СТЕК ТЕХНОЛОГИЙ
Дизайн: Figma
Frontend: HTML5, CSS3, jQuery, Sass, SCSS, сетка Bootstrap 4, Swiper Slider, Gulp, Canvas
Backend: PHP 7.4, CMS Bitrix, MySQL.

Результат

В результате компания получила полноценный обновлённый инструмент для представления своего бизнеса в сети интернет. Была проведена внутренняя SEO оптимизация сайта и настройка редиректов с целью избежать просадок по трафику после релиза нового сайта.

Перечислим возможности новой платформы:
- Корректное отображение на всех устройствах и во всех браузерах
- Размещение информации о товарах (Описание, спецификация, сбор заявок)
- Размещение информации о выполненных проектах
- Размещение информации о готовых решениях для бизнеса
- Наличие конструктора посадочной страницы под контекстную рекламу
- Калькулятор видеостены https://dvmx.ru/calc/ с визуализацией самой стены с помощью Canvas и сложной логикой формул, а также возможностью вносить изменения в стоимость компонентов. После релиза сайта попал в ТОП-1 по запросам вида "расчет видеостены"
- Возможность ведения корпоративного блога, публикации новостей
- Сбор заявок на КП и консультации
- Потенциальное масштабирование функционала (интеграция с 1С, CRM и другими системами)

Примеры реализации