Мы («ИНТЕРВОЛГА») всегда позиционируем себя как компания, которая делает сайты под конкретные цели и учитывает потребности заказчиков. Мы не рисуем 100 вариантов дизайна в надежде, что какой-нибудь из них понравится Заказчику и будет принят (как это делают некоторые наши коллеги по цеху).
Вместо этого мы выясняем цели Заказчика, выявляем его аудиторию и
проектируем сайт основываясь на этих знаниях. В результате получается сайт, который решает задачи не только нашего Заказчика, но и его клиентов.
Проект «SHELL» как раз ярко это иллюстрирует.
Покупка моторного масла и фильтров для автомобиля сильно отличается от покупки любого другого товара. Здесь мало выбрать то, что тебе нравится визуально или подходит по цене. В первую очередь нужно учитывать особенности автомобиля. О том как решать такую задачу читайте в этом посте.
Специфика
Сайт планировался как большой интернет-магазин с кучей современных новшеств, но все же ничем не выделяющийся. Возможно так бы оно и было, если бы не специфика продажи масел.
Первое что мы сделали — поговорили с теми сотрудниками Заказчика, которые непосредственно продают масла и фильтры. В ходе разговора выяснилось, что обычный человек, который хочет просто купить масло или фильтры для своей машины вероятнее всего не сможет сделать это правильно. Большинство обывателей наивно полагает что правильно подобрать масло можно по вязкостной характеристике (5W-40, 0W-40), но на самом деле это не так.
Правильный способ подобрать масло — посмотреть на спецификацию. Когда производитель выпускает автомобиль — он предъявляет определенные требования к толщине масляной пленки при разных температурах, величине силы трения, энергоэффективности и т. д. Эти классификации выглядят примерно вот так API: SN/CF; ACEA: A3/B3, A3/B4; BMW: LL-01… Производители масел в свою очередь тестируют свою продукцию на соответствие этим спецификациям и печатают результаты на упаковкам.
В результате чтобы подобрать масло для своего автомобиля нужно найти в сервисной книжке к своему авто запись о спецификации масла, а потом перебрать все канистры с маслами в поисках такой же строчки. Сложно, не правда ли? А если сложно, значит никто не будет это все делать.
Как быть в таком случае? Мы спросили как подбирают масла все те же менеджеры по продажам. Они подбирали 2-мя способами: по бумажному каталогу (которого естественно нет в электронном виде) или по базе подбора компании Shell. Нужно сказать что второй способ связан с определенной сложностью — эта форма подбора расположена на сайте Shell-а, ее адрес постоянно меняется и партнерам в каком-либо-виде не выдается. В результате было принято решение любыми средствами заполучить эту базу себе на сайт и сделать жизнь покупателей проще.
C разрешения наших клиентов мы взяли 2 базы для подбора масел Shell и фильтров MANN соответственно. В базе подбора масел оказалось более 70 000 модификаций различных транспортных средств, а в базе подбора фильтров — более 30 000. На весь процесс получения этих данных ушло более 3-х месяцев.
Эти формы подбора доступны почти с любой страницы и призваны помочь покупателям выбрать именно то, что рекомендовано для их автомобиля.
А дальше было проектирование, дизайн и все сопутствующие технологические операции по созданию сайта. Вместо рассказа о них я бы хотел рассказать что в итоге получилось и что было нестандартного.
Проектирование, дизайн, фирменный стиль
Процесс проектирования сайта в нашей компании мы описывали ранее и сейчас я не буду на нем останавливаться.
А вот рисование дизайна началось с изучения BrandBook-а компании Shell. Как и любе другое руководство по стилю чтобы его прочитать, а главное понять нужно было потратить немало времени. При рисовании дизайна мы учли и размеры названия сайта по отношению к логотипу, и цвет, и шрифт Futura Bold и еще много чего.
При рисовании дизайна было сгенерировано несколько макетов. Но до финала дошли только 2 — на темном и светлом фоне. Как и в ситуации с сайтом ЗАОр НП «Конфил» пару лет назад наши с Заказчиком мнения по поводу того какой лучше разошлись. Мы даже устроили голосование в твиттере — и мнения опять поделились 50/50. В результате был выбран светлый макет.
Однако мы не оставляли надежды что темный вариант еще сослужит свою службу. Именно поэтому оба макета были сверстаны и вы можете увидеть их, нажав на картинки ниже.
3 региона
Наш заказчик является официальным дилером Shell и MANN в
3-х регионах: Волгоградская, Саратовская и Астраханская области. Для каждого региона разнятся цены и наличие продукции. Для каждого региона есть свой домен.
Чтобы учесть эту особенность каталог товаров был выгружен из 1С 3 раза (по 1-му каталогу для каждого региона) с учетом цен и наличия в этом регионе. Также была использована технология многосайтовости 1С-Битрикс (для работы сайта на 3-х доменах с 3-мя разными каталогами, контактной информацией и т. д.).
Умные фильтры
Давно всем полюбившаяся возможность фильтровать товары по параметрам, которые характерны только им применена и на этом сайте. В основном это сделано для раздела «Масла». У фильтров и автохимии параметров меньше или вообще нет (кроме цены).
Летающая корзина
На этом проекте мы применили новую фишку для магазинов — летающую корзину. Ее смысл в том, чтобы корзина всегда была в области видимости (под рукой), куда бы не пролистал страницу покупатель. Поэтому когда Вы прокручиваете страницу вниз корзина «открепляется» от своего постоянного места и начинает двигаться вместе со страницей.
Интеграция с 1С
У нашего клиента была 1С 8 «Управление торговлей» версии 10.3 переписанная вдоль и поперек. В то время не было нового модуля обмена который стал уметь много всего хорошего и поэтому многие задачи приходилось решать самим.
Первой задачей стала установка в нее модуля обмена с сайтом.
Второй — сделать чтобы из 1С выгружалась не та же структура каталога что имеется в номенклатуре (для сайта нужна была другая иерархия).
Третьей большой задачей стала передача из 1С дополнительных описаний товара, а в 1С вместе с заказами передача дополнительных реквизитов, которые в данном модуле не передавались (информация о службах доставки, комментарий покупателя и т. д.)
Однако благодаря специалисту по 1С Максиму Кубышкину — все эти задачи благополучно разрешились.
Мобильная версия
Несмотря на то, что Битрикс уже довольно давно для
интернет-магазинов предлагает отдельную мобильную версию сайта (не путать с недавно появившимся мобильным приложением) — этот проект стал первым где мы ее использовали.
Мобильная версия отличается немного по внешнему виду (оптимизирована под маленькие экраны) и по скорости работы (оптимизирована под более быструю загрузку).
Однако по возможностям она практически не уступает основной версии сайта.
Счета от разных организаций
Наш заказчик продает масла и фильтры в
3-х регионах физическим лицам, а также юридическим лицам с НДС и без НДС. В зависимости от типа продукции и типа покупателя — договор (в оффлайне) заключается с одной из нескольких организаций).
Эту же технологию мы перенесли и в интернет-магазин. Сайт определяет от какой из 3-х организаций нужно выставить счет при первом заказе. При последующих заказах сайт выставляет счет от той же организации (но администратор может эту организацию для пользователя поменять).
В этом проекте мы даже сделали факсимиле на счетах, чтобы они выглядели как сделанные вручную — с подписями и печатями.
Кросс-продажи
Если человек покупает моторное масло — нужно обязательно предложить ему масляный фильтр (как минимум, а лучше еще и воздушный и салонный). Ведь если заменить моторное масло и не заменить фильтр — эффекта не будет никакого. Учитывая эту тонкость и еще несколько — в корзине были созданы специальные подсказки. Они появляются в зависимости от содержимого вашей корзины. Вот так стимулируются кросс-продажи.
Кабинет оптовиков
Когда у вас много клиентов — это хорошо! А когда эти клиенты еще и оптовики — нужно заботиться о том, чтобы им было удобно у вас покупать. С этой целью мы сделали отдельный интерфейс каталога, который виден только оптовым покупателям. Там нет картинок, зато в нем проще найти и купить нужные товары.
В результате
А в результате получился большой, красивый и мощный сайт. Уже ближе к запуску Заказчик продумал более четко свою маркетинговую политику и принял решение сделать доставку бесплатной и быстрой (в течении нескольких часов). По факту это значит что покупать масло или фильтры теперь можно не выходя из дома и быть уверенным, что они точно подойдут к вашему автомобилю.
За интересный и успешный проект хочу поблагодарить всех участников проекта: Эдуарда Васильевича Петрова, Виктора Краснова, Андрея Ивченко, Максима Кубышкина и Василия Коваль.
