Категория А

Сделали адаптивный интернет-магазин с современным дизайном.
Провели полную интеграцию каталога и заказов с 1С в реальном времени.
Настроили сервер на максимальную скорость.
Разработали модуль показа товарных коллекций в каталоге.

Заказчик

Категория А — популярный онлайн- и офлайн-магазин запчастей, расходных материалов и аксессуаров для различной мототехники, расположенный на Новорижском шоссе.

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

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

Задача

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

При этом учесть все современные требования к дизайну и интерфейсам, сделать понятный каталог с фильтром и удобным поиском, полностью интегрировать проект с системой учёта товаров и заказов, с платежными сервисами и торговыми площадками, и не забыть сделать так, чтобы "всё летало"©, тормоза в торговле ни к чему!

Ну и конечно, новый магазин должен быть одинаково удобным при просмотре на любом устройстве, от iPhone4 до FullHD, полный адаптив.

Отправная точка

Изначально у нас был старый сайт. Хоть и броский внешне, но совершенно хаотичный и неудобный по подаче материала. С массой ошибок и недоделок. Устаревший и снаружи, и внутри.

Производственные показатели

Глобальные выводы делать пока рано. Следует иметь в виду, что «Категория А» — это вполне себе реальный магазин, имеющий представительство в Москве. На оффлайн-продажи сайт влияет опосредованно. Но влияет!

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

И мы сделали новый сайт, такой, каким он должен был стать с самого начала. Самим понравилось.

Решение

Начали с того, что полностью переработали интерфейс. По «внешности» всегда понятно, давно ли сайт обновлялся, ведь законы стиля действуют в сфере IT-дизайна так же, как на неделе моды в Париже. Теперь о том, пройдёт ли сайт интерфейсконтроль у покупателя, можно не переживать. Пройдёт.

Полностью адаптировали сайт для просмотра на любом устройстве, от iPhone4 до Retina Display. Потрудились специально для тех, кто любит делать покупки со смартфона. Чтобы решить эту задачу, нам пришлось разработать отдельный CSS-фреймворк, т.к. новый дизайн не ложился ни под одну из имеющихся «сеток». Преодолели!

Сделали виртуальную витрину такой же удобной и понятной, как в оффлайн-магазине. Все основные блоки товаров и услуг вынесены на главную страницу и сгруппированы по актуальности. И показанные на главной товары действительно есть в наличии. Вас тоже раздражает, когда вы пытаетесь заказать товар, а его, оказывается, нет на складе? Вот и мы от этого не в восторге. На сайте «Категории А» такой проблемы теперь нет.

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

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

Ничто так не греет душу покупателя, как возможность отдохнуть и выпить чаю в Личном кабинете на сайте. Пожалуйста! Построили личный кабинет с отслеживанием статуса заказов и оплаты. А поскольку никто не любит возиться с сочинением логинов и паролей, добавили авторизацию через соцсети.

Не забыли перенести со старого сайта динамический контент, адаптировав его под новый дизайн. Сделали интересную подачу статей и новостей. Ещё нам удалось решить задачу, которую техподдержка 1С-Битрикс официально объявила нерешаемой. А именно: мы перенесли медиабиблиотеку со старого сайта на новый с сохранением всех адресов картинок.

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

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

Настроили интеграцию с Яндекс.Маркетом: автоматическое регулярное обновление прайс-листа, подключение к программе «Покупка на Маркете». Использовали модуль экспорта из «инструментов». Ну куда сейчас без Большого Брата? Согласитесь, что никуда.

Также настроили интеграцию с платёжным сервисом «Яндекс.Касса» — клиенты должны иметь возможность оплатить товар любым удобным способом! Все популярные варианты — на выбор покупателя. А бдительно следящее за финансовой отчётностью юрлицо может получить счёт в автоматическом режиме.

Мы позаботились и о SEO — все разделы, страницы и даже отдельные выборки из каталога имеют возможность задания уникального текстографического контента и метаинформации. С использованием модуля «SEO умный фильтр» из инструментов (который, как это нередко бывает, пришлось творчески переработать, разобрать и собрать заново), мы перелинковали весь каталожный фильтр «внутрь себя». Это было сделано того, чтобы не только разделы и коллекции, но и отфильтрованные внутри раздела товары имели свои описания и заголовки. SEO-люди наш манёвр сильно похвалили.

Специально для этого проекта мы написали модуль оптимизации изображений через API сервиса TinyPNG. Модуль бесплатный, может работать в ручном или автоматическом режиме, отправляя на сайт сервиса картинку при загрузке и сохраняя уже оптимизированное изображение. С помощью этого произведения нам удалось сократить объем картинок в каталоге более чем на 1.5 Гб.

Инструменты

  1. CMS 1С-Битрикс: Управление сайтом, редакция «Бизнес».
  2. Модуль «Товарные коллекции» (производство «Иннова-Медиа», карточка модуля в Marketplace).
  3. Модуль «SEO умного фильтра 2.0» с доработками и модификациями (производство «SYNPAW»).
  4. Модуль «Оптимизатор картинок TinyImg» (производство «Иннова-Медиа»).

Поставленные задачи выполнены. Сайт ожил и похорошел. Избавился от лишнего веса и забегал быстрее. Как, в общем, и положено современному магазину со спортивной харизмой.

Если хотите, мы сделаем то же и с вашим сайтом. Вы знаете, где нас найти — вы уже находитесь в нужном месте.

Ваш ход

Суть проекта?

Скидывайте ТЗ, если есть

С роботами не работаем!