Корпоративный сайт для производителя спецавтомобилей

Главное о кейсе

Результаты
Новый сайт компании стал более динамичным, ярким, вызывающим эмоции, стимулирующим интерес к продукции компании и дающим потребителю чувство уверенности в технике от «ВолгаТрейд».
Новый сайт компании отвечает всем современным требованиям front- и back-end разработки. Сайт получил новую структуру, удобную навигацию и эксклюзивный контент.
В результате редизайна уже в течение первых трёх месяцев эксплуатации новой версии количество обращений в компанию заинтересованных потребителей выросло на 12%.

Results
The new website of the company became more dynamic, vivid, emotional, stimulating interest in the company's products and giving the consumer a sense of confidence in VolgaTrade equipment.
The new website of the company meets all modern requirements of front- and back-end development. The site received a new structure, easy navigation and exclusive content.
As a result of the redesign, within the first three months of operation of the new version, a number of requests from interested consumers increased by 12%.
Cooperation between our companies continues within the framework of technical support and project development. It is planned to develop a configurator in order to enable the user to assemble all necessary equipment of a motorhome directly on the site.

Бизнес-задача и ее решение

О клиенте
Есть такие места на планете Земля, добраться до которых во все времена было очень непросто. Они всегда влекли к себе путешественников, искателей приключений, ученых, исследователей и предпринимателей. Наградой для смельчаков были не только эмоции и незабываемые впечатления, но и новые знания, открытые месторождения и новые возможности.
Компания «ВолгаТрейд» более 20 лет проектирует и производит внедорожные «дома на колесах» на базе полноприводных автофургонов «ГАЗ», «КАМАЗ», «УРАЛ», «ЗИЛ». Каждый автодом — это уникальный проект, который создаётся под каждого клиента индивидуально.
География поставок — это более 70 городов России, Казахстана и Монголии.
Клиенты — частные лица и крупные компании, использующие технику в труднодоступных регионах нашей страны и мира, такие как «Газпром», «АЛРОСА», «ЛУКОЙЛ» и др.

Цели и задачи проекта
Создать новый сайт компании, который будет отвечать следующим требованиям.
1. Дизайн сайта, с одной стороны, должен передать посетителям энергетику создателей уникальных вездеходных домов, заразить их страстью к приключениям, разбудить в них дух пионеров-первооткрывателей, а с другой стороны, убедить в абсолютной надёжности компании-производителя и наглядно презентовать выпускаемую технику.
2. Структура сайта должна способствовать быстрому поиску необходимой техники или услуги. Также сайт должен стать эффективным инструментом продаж для менеджеров компании, предоставляя пользователям подробнейшую информацию по всем моделям автодомов, комплектующим и сервисам.
3. Необходимо акцентировать внимание на индивидуальном подходе к каждому клиенту — любой проект учитывает все требования заказчика к назначению, комплектации, комфорту и условиям эксплуатации автотодома.

Прототипирование
При прототипировании определена структура сайта. Протестированы пути пользователей до целевого действия. Расставлены приоритеты по функционалу на каждом виде страниц. Самой сложной и информативной станицей стала карточка товара.

Стилистика проекта
Автодом — приобретение всегда основательное и тщательно продуманное. Заказчик знакомиться с большим количеством предложений, прежде чем определяется с компанией — производителем. Мы решили добавить на чащу весов ещё и эмоциональную составляющую от покупки, зацепить пользователя атмосферой драйва, приключений, активного отдыха с комфортом.
О сложном и недешевом товаре мы рассказываем через эмоции. «Путешествия с надёжной и удобной техникой от „ВолгаТрейд“ — безусловный выбор современного человека» — эту мысль мы постарались выразить в дизайне.
Использованы только природные цвета. Для заголовков выбран округлый акцентный шрифт, для набора — чистый, без засечек.
Отдельно отрисованы топографический паттерн, иконки для каталога и несколько фотоиллюстраций с самыми популярными моделями автодромов.

Главная страница
Основная задача Главной страницы — познакомить пользователя с компанией, её продукцией и сервисами, а также презентовать последние проекты и предоставить быстрый доступ к каталогу.

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

Встроенный 3d-тур
В карточке самых популярных моделей пользователь может прогуляться в виртуальном туре. Мы предусмотрели возможность добавлять 3d тур к любому товару каталога.

Страница о компании
ООО ГК «ВолгаТрейд» заметный участник рынка спецавтомобилей России и СНГ. Многие известные корпорации, а также любители экстремальных путешествий, охоты и рыбалки выбрали автодома именно этой компании. Репутация, статус, эмоциональная заряженность продукта и любовь к своему делу сотрудников «ВолгаТрейд» во многом имеют определяющее значение для потребителей.
Поэтому большое внимание уделено разработке страницы «О компании», которая стала такой же эмоциональной, как и страницы, посвященные реализованным проектам. Миссия и ценности компании, коллектив, клиенты, география поставок, а также ответы на самые частые вопросы — всё это представлено на данной странице.

Вёрстка и программирование
Реализована кроссбраузерная адаптивная верстка сайта с применением таск-менеджера Gulp. Для написания и компиляции стилей использовался CSS-препроцессор SASS. Скрипты, обеспечивающие интерактив на страницах, написаны на языке JavaScript.
Для некоторых анимаций микровзаимодействия задействована библиотека GSAP. Программирование сайта осуществлено на платформе «1С-Битрикс: Управление сайтом». Сайт прошёл мониторинг качества, а также поддерживает композитную технологию, что способствует мгновенной загрузке страниц.

About the Client
There are places on planet Earth that have been very difficult to reach at all times. They have always attracted travelers, adventurers, scientists, explorers, and entrepreneurs. The reward for the brave was not only emotions and unforgettable impressions, but also new knowledge, discovered fields, and new opportunities.
For more than 20 years, VolgaTrade has been designing and manufacturing off-road "mobile homes" based on all-wheel drive vans "GAZ", "KAMAZ", "URAL", and "ZIL". Each motorhome is a unique and customized project.
Geography of supplies covers more than 70 cities in Russia, Kazakhstan, and Mongolia.
Clients are individuals and large companies that use equipment in remote regions of our country and the world, such as Gazprom, ALROSA, LUKOIL, etc.

Goals and objectives of the project
To develop a new company website that would meet the following requirements:
1. The website design, on the one hand, should make visitors feel the energy of unique all-terrain houses, the passion for adventure, awaken the spirit of pioneers, and on the other hand, convince of its absolute reliability and visually present the produced equipment.
2. The structure of the website should facilitate a quick search for the necessary equipment or service. Also, the site should become an effective sales tool for company managers, providing users with detailed information on all models of motorhomes, accessories, and services.
3. It is necessary to focus on an individual approach to each client - any project takes into account all the customer's requirements related to the intended purpose, configuration, comfort and operating conditions of a mobile home.

Prototyping
During prototyping, a structure of the website was developed. User paths to target action were tested. Functionality on each page type was prioritized. The product card became the most comprehensive and informative page of the site.

Project Style
A motorhome is always a thorough and well-thought-out purchase. The customer gets acquainted with a large number of proposals before being selecting a manufacturer. We decided to add an emotional component, to hook the user with an atmosphere of drive, adventure, and active comfortable recreation.
We talk about a complex and expensive product through emotions. “Traveling with reliable and convenient equipment from VolgaTrade is an unconditional choice of a modern person” - we tried to express this idea in design.
Only natural colors were used. A round accent font was selected for the headings, and a clean, sans-serif font for the main text. The topographic pattern, icons for the catalog and several photographic illustrations with the most popular models of mobile homes were drawn separately.

Home Page
The main task of the Home page is to acquaint the user with the company, its products and services, as well as to present the most recent projects and provide quick access to the catalog.

Product Card
The product page bears the primary information load. The user has access to documentation, technical specifications, descriptions of configurations, photographs, volumetric diagrams, virtual presentations, and videos for each standard model of a motorhome.

Built-In 3D Tour
The card of the most popular models offers the user to take a virtual tour. We have secured an option to add a 3D tour to any product in the catalog.

Company Page
VolgaTrade Group of Companies, LLC is a significant participant in the market of special-purpose vehicles in Russia and the CIS. Many well-known corporations, as well as fans of extreme travel, hunting and fishing, have chosen motorhomes from this particular company. Reputation, status, emotional charge of the product and sincere devotion of VolgaTrade employees to their work are in many ways of decisive importance for consumers.
Therefore, much attention was paid to development of the About Us page, which became as emotional as the pages dedicated to the implemented projects. The mission and values of the company, the team, customers, geography of supplies, as well as answers to the most frequent questions - all this is presented on this page.

Layout and Software Engineering
Cross-browser adaptive layout of the site using the Gulp task manager was implemented. A CSS- preprocessor SASS was used to write and compile styles. The scripts that provide interactivity on the pages are written in JavaScript.

GSAP library was used for certain microinteraction animations.

Website engineering was carried out using the 1C-Bitrix: Site Management platform. The site successfully passed quality monitoring, and also supports composite technology, which facilitates instant page loading.

Прочая информация о кейсе

Сайт kung.ru представляет специальную автомобильную технику для комфортных путешествий и работы в труднодоступных местах.


The kung.ru website presents special automotive equipment for comfortable travel and work in hard-to-reach places.

Скриншоты