Главное о кейсе
Задача, поставленная перед нами, была полностью реализована. За время пользования сайтом, удалось убедиться, что навигация по сайту не вызывает проблем (на основании записей вебвизора от Яндекс.Метрики). Количество заказов выросло
The task set before us was fully implemented. During the use of the site, I was able to make sure that navigation on the site does not cause problems (based on the records of the webvisor from Yandex Metrica). The number of orders has increased
Бизнес-задача и ее решение
Перед нами стояла задача разработать красивый, легкий, удобный сайт, который в дальнейшем будет продвигаться.
Для реализации использовалась платформа 1С-Битрикс, на которой удалось реализовать следующие моменты:
1) Карточки товаров, в которых есть несколько способов приобретения: реализованы формы обратной связи и лизинговый калькулятор.
Нашим UX-специалистом в соответствии с пожеланиями заказчика была разработана доступная и лаконичная инфографика по износу шин.
2) Страница для подачи заявки на кредит и лизинг. Сделали её максимально простой и не требующей много полей для заполнения
3) Адаптивная версия сайта для понижения процентов отказов
4) Инфографика типов техники - для того, чтобы любой смог сориентироваться, в какой раздел ему надо перейти
5) Сделали первичную SEO оптимизацию - скорректировали структуру, прописали мета-теги и собрали семантическое ядро.
В процессе верстки Front-end разработчики придумали схему, при которой не будут "мешать" друг-другу верстать real-time и было решено установить и настроить соответствующим образом на сервере сборщик проектов
Gulp.js. Основной стайлгайд хранится в отдельном файле-исходнике.
При разработке дизайна использовали схему Axure+Sketch+Zeplin. Для доработки ползунков в заказе лизинга использовали библиотеку ionRangeSlider, а для поп-ап окон одну из облегченных библиотек magnificPopup.
We were faced with the task of developing a beautiful, lightweight, user-friendly website that will continue to advance.
For implementation, the 1C-Bitrix platform was used, on which the following points were implemented:
1) Cards of goods in which there are several ways to purchase: feedback forms and a leasing calculator are implemented.
Our UX specialist, in accordance with the wishes of the customer, has developed an affordable and concise tire wear infographic.
2) Page for applying for a loan and leasing. Made it as simple as possible and not requiring many fields to fill
3) Adaptive version of the site to lower the failure rate
4) Infographics of types of equipment - so that anyone can sort out which section he needs to go to
5) Made the initial SEO optimization - adjusted the structure, prescribed meta tags and assembled the semantic core.
During the Front-end layout process, the developers came up with a scheme in which they won’t "interfere" with each other's real-time layout and it was decided to install and configure the
Gulp.js. project builder on the server accordingly. The main style guide is stored in a separate source file.
When designing, we used the Axure + Sketch + Zeplin scheme. To refine the sliders in the leasing order, we used the ionRangeSlider library, and for pop-up windows, one of the lightweight magnificPopup libraries.
Прочая информация о кейсе
Компания "СГМ ГРУПП" - это одни из ведущих поставщиков коммерческой техники в России. В их каталогах представлен широкий ассортимент коммерческой техники европейских производителей.
Их партнерами выступают крупнейшие европейские заводы, такие как WIELTON, MEGA, JM KIPPER, SCHMITZ CARGOBULL и другие.
SGM GROUP is one of the leading suppliers of commercial equipment in Russia. A wide range of commercial equipment from European manufacturers is presented in their catalogs.
Their partners are the largest European plants, such as WIELTON, MEGA, JM KIPPER, SCHMITZ CARGOBULL and others.
Скриншоты