Меню

Кейс: разработка интернет-магазина хоккейной экипировки

Более 50% интернет-магазинов, создаваемых нашей компанией, разрабатываются на платформе Битрикс. Наш сегодняшний кейс – ещё один пример такой разработки.

В этом случае – в рамках проекта по созданию интернет-магазина хоккейной экипировки, – нам пришлось решить следующие задачи: разработка уникального дизайна страниц, реализация вариативности товара по нескольким характеристикам, внедрение конструктора товара, адаптивность с сохранением уникальности дизайна и другие. Читайте ниже о том, как нам удалось с этим справиться.

Скриншот главной страницы Ice-armour
Скриншот мобильной версии сайтаIce-armour

Уникальный дизайн. Действительно уникальный!

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

Вариативные товары

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

Наши разработчики с этой задачей справились на “отлично”, удобно реализовав все опции в карточке товара. Пользователь в режиме реального времени может изменить цвет и сразу же увидеть соответствующее изображение. То же самое касается и выбора размера, который меняется тут же.

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

Конструктор товаров

Говоря о товарах и их вариациях, трудно пройти мимо такой интересной фишки, как конструктор хоккейных баулов. Данный виджет, который был разработан исключительно для этого магазина, позволяет каждому желающему прямо на сайте создать свой уникальный баул с уникальной надписью, неповторимой цветовой гаммой, логотипом и прочими интересными “плюшками”. Подробнее об этом конструкторе вы можете прочитать по ссылке.

Адаптивность

Без адаптивности ныне не обходится ни один из разрабатываемых нами сайтов. Интернет-магазин должен быть доступен и удобен в использовании на любом устройстве, имеющем выход в интернет.

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

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

Итоги работы

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

Над проектом работали

Mr. Noone

Программист. Back-end разработчик
Разработка сайтов на Bitrix, WordPress. HTML/CSS/PHP/JS/SQL

Олег Фролов

CEO, партнер
Продажи. Управление проектами. SEO. Разработка сайтов на CMS Wordpress и Битрикс.

Павел Путинцев

Front-end разработчик
Разработка пользовательских интерфейсов с клиентской стороны (front-end), создание сайтов. HTML/CSS/JavaScript/Vue.JS