Закажите сайт по телефону 8-800-5555-864

Канцелярская Мекка: как завоевать рынок канцтоваров интернет-магазином

Заказчик: Канцелярская Мекка

Разработчик: Denero

Платформа: UMI.CMS Commerce

О проекте

магазин

«Канцелярская Мекка» — хорошо известная в Санкт-Петербурге сеть канцелярских магазинов. Эти милые магазинчики существуют с 1996 года, в них всегда масса канцелярских мелочей на прилавках и непременно заботливое отношение к покупателям. Сеть состоит из 8 магазинов в разных районах города, а это значит, что каждый житель города хотя бы раз видел вывеску с надписью «Канцелярская Мекка». 

Канцелярская Мекка Denero

Выбор подрядчика

Вывод бизнеса в интернет — маленький шаг для рынка, огромный прыжок для компании

В 2010 году руководство компании поставило задачу — выводить бизнес в интернет. Несмотря на то, что сама «Канцелярская Мекка» к тому времени уже достаточно давно присутствовала на рынке и была заметным его игроком, — интернет как канал продвижения и, тем более, продаж до сих пор не был задействован в ее бизнесе. Поэтому выход в интернет и организация онлайн-продаж казался компании на тот момент не меньшим шагом, чем выход в космос. И этим шагом должен был стать масштабный интернет-магазин канцелярских товаров.

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

дизайн

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

  • собрала информацию об игроках рынка,
  • рассмотрела их портфолио и рекомендации клиентов,
  • выяснила уровень компетенции подрядчиков,
  • учла технические особенности и вопросы интеграции будущего интернет-магазина с 1С,
  • сформулировала конкретные требования по выгрузке и автоматизации,
  • подробно описала требования к функционалу.

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

Задачи проекта

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

Основная цель компании — завоевать рынок канцтоваров Петербурга

Требования к интернет-магазину

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

Ключевым требованиями к функционалу были:

  • Синхронизация остатков, цен, номенклатуры каталога, заказов с 1С.
  • Удобство и простота первичного наполнения и дальнейшего обновления, с учетом отличий структуры каталога на сайте от структуры в 1С.

Проектирование

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

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

структура

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

каталог товар

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

схема

Реализация и синхронизация с 1С

Для реализации проекта была выбрана система управления UMI.CMS в редакции Commerce, которая полностью удовлетворяла требованиям компании по надежности, функционалу и возможностям расширения. Решающим фактором при выборе платформы стало удобство интерфейсов, полноценная синхронизация с 1С с возможностью кастомизации под индивидуальную конфигурацию 1С компании.

Обмен данными

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

Если же какой-то товар требуется вручную перенести в другой раздел, то это совсем несложно благодаря встроенной в UMI.CMS функции перетаскивания (drag&drop) товаров по структуре сайта. Впрочем, для большего удобства разработчики добавили возможность перенести товар в другой раздел в процессе его редактирования: в карточке товара просто появилось дополнительное поле указанием с текущего раздела и возможностью его сменить. Эта функция действительно очень актуальна для электронной коммерции, поэтому команда UMI.CMS, по многочисленным просьбам клиентов, внедрила ее в коробочную платформу вслед за «первопроходцами» Denero.

перенос

Обмен данными между сайтом и 1С происходит в двустороннем режиме: импортируются товары, экспортируются заказы и отдельно внедрен экспорт пользователей. Синхронизация с 1С производится автоматически каждые 4 часа, а также есть возможность синхронизировать товары вручную.

Аналогичные товары

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

Вот как происходит процесс замены товара:

  • В списке товаров в заказе напротив каждой позиции есть значок редактирования:
  • список
  • По клику на значок появляется дополнительное окно со списком товаров текущего раздела (при этом есть возможность перейти также в другой раздел каталога и выбрать товар, не являющийся аналогом, — ограничений нет):
  • каталог
  • Двойной клик на выбранном заменяющем товаре — система запрашивает подтверждение:
  • Подтверждение

Подтверждаем и делаем повторную выгрузку, чтобы информация о заказе была передана в 1С.

Юзабилити

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

Удобство интернет-магазина — один из ключевых факторов его успеха

Регистрация

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

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

Коммуникация с пользователями

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

Один из примеров таких из приятных особенностей сайта — он коммуницирует с клиентами так, как это делал бы живой продавец с живым покупателем, а не так, как это обычно принято делать в Сети. Например, если в корзине нет товаров, то сайт сообщит не «Товаров: 0 на 0,00 руб.», и не предложит «Оформить заказ», а укажет «В вашей корзине нет товаров».

Как обычно:   Как в Мекке:
корзина   корзина покупателя

Если доставка платная, то сайт сообщит об этом покупателю ДО оформления заказа, объяснит, почему, укажет ее стоимость и рассчитает срок:

доставка

И много других приятных нюансов.

Корзина

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

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

Оформление заказа

Существуют две группы покупателей: юридические лица и физические лица — к которым предъявляются разные требования по обязательным полям, полю связки с 1С и условиям оплаты.

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

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

Информация о доставке товара сообщается клиенту еще на этапе оформления заказа: в зависимости от суммы заказа выводится информация о стоимости доставки, либо о том, что доставка бесплатная, а также ведется приблизительный подсчет даты доставки (с учетом праздников и выходных).

Магазины

Просмотр магазинов сети «Канцелярская Мекка» был отдельно проработан, так как этот раздел сайта предполагался (так в итоге и оказалось) самым посещаемым, он должен был быть удобным и наглядным. При этом разработчики воспользовались API Яндекс.Карт, благодаря чему в системе управления появился специальный инструмент для редактирования и добавления магазинов сети (как через поиск по адресу, так и по выбору точки вручную). Для посетителей, помимо адреса, выводится фотография каждого магазина с улицы и описание, как к нему удобнее всего добираться общественным транспортом.

Дизайн интернет-магазина

Особого внимания заслуживает дизайн интернет-магазина «Канцелярская Мекка». Дизайн очень легкий, но при этом ненавязчивые иллюстративные детали интерфейса создают особую, очень приятную атмосферу сайта. Интерфейс, с одной стороны, простой — все внимание направлено на товары, как это и должно быть в интернет-магазине, с другой — очень приятный на вид, даже несколько милый благодаря интерфейсным деталям:

  • подчеркивание в главном меню сделано словно «от руки»,
  • корзина заказа, на которую мы смотрим под нестандартным углом — сверху,
  • ластик с копирайтом «Канцелярской Мекки» в нижней части сайта,
  • копирайт веб-студии Denero, выполненный в несколько несерьезной манере с эскизом жучка с балалайкой в руках.
дизайн
«

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

»

Екатерина Чаликова,

руководитель проекта со стороны веб-студии Denero

Екатерина Чаликова

Результаты и планы

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

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

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

Команда Denero продолжает развивать проект, его возможности и интерфейсы, исходя из результатов сбора статистики и аналитики продаж интернет-магазина. Среди ближайших планов по развитию проекта — внедрение новых функций на основе коробочного решения UMI.CMS:

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

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

»

Сергей Лукашевич,

ведущий менеджер департамента электронной коммерции сети «Канцелярская Мекка»

Сергей Лукашевич