Сайт для компании по розничной продаже шин и дисков в Казахстане «Tyre-service»

Компания Tyre-service – ведущий продавец шин и дисков в Казахстане, которому потребовалось разработать стильный и лёгкий сайт. 

Клиент пришел к нам с уже существующим дизайном, главной проблемой которого, помимо устаревшего стиля, было отсутствие мобильной версии сайта.

Изначально клиент озвучивал пожелание удалить имеющийся движок сайта на фреймворке yii и переписать всё с нуля на Битриксе. Мы отговорили клиента от этого шага — и это оказалось очень верным решением, так как проект оброс большим количеством функционала, реализовывать который на Битриксе было бы дольше, дороже и сложнее, чем на фреймворке.

Клиент хотел светлый и легкий сайт, поэтому для уточнения визуального стиля мы стали смотреть в сторону современных интернет-магазинов, продающих элитные товары. 

Сформировался объемный мудборд с огромным количеством примеров.

В первую очередь мы обновили общий вид сайта: «успокоили» палитру цветов, убрав излишне яркий красный цвет, подобрали современный шрифт, обновили стили блоков и подготовили для разработчиков подробный гайд.

На старом дизайне целый экран занимал блок с отзывами и опросник. Мы сместили акценты на фильтр и каталог товаров, сместив менее важную информацию вниз.

Переработали внешний вид карточек товаров в листинге. Они стали занимать меньше места, но остались такими же информативными.

Сам листинг стал отвечать всем требованиях хорошего интернет-магазина: возможность купить в один клик и в кредит, сортировка и фильтрация.

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

Доработали фильтр подбора, добавив необходимые параметры — найти подходящие шины и диски стало удобно прямо с первого экрана сайта. Мы отлично понимаем, что часто автолюбители не знают технических тонкостей своих колёс, поэтому боковой фильтр (его мы реализовали на React), помимо стандартных элементов выбора, помогает пользователю подсказками. Подбор в фильтре можно организовать по параметрам или по автомобилю.

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

В первую очередь, tyre-service.kz — это всё-таки интернет-магазин, поэтому мы уделили большое внимание процессу покупки. Первоначальную идею пошагового оформления заказа отбросили — получалось слишком много мелких раздробленных шагов. Решили разместить весь процесс на одной странице.

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

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

Внешний вид сайта не стоит на месте, проект развивается вместе с бизнесом. Совсем недавно мы добавили возможность расчёта стоимости монтажа, что очень удобно.

Цельнометаллокордные шины — ЦМК — это одна из особенностей бизнеса клиента. Для посетителей сайта важно рассчитать стоимость эксплуатации таких шин. Разработали удобный калькулятор, дающий всю необходимую информацию:

Как всегда, с душой подходим к ошибке 404, оформляем её в стиле нашего нового сайта.

Статистика показывает, что около ⅔  посетителей сайта — мобильные пользователи. Поэтому каждый макет оптимизирован под мобильные устройства и планшеты.

Мы приступили к работе над сайтом в начале 2020 года, при этом параллельно вели разработку b2b кабинета (о котором рассказали отдельно, настолько это большой проект).