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

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

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

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

О проекте

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

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

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

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

• собрала информацию об игроках рынка,
• рассмотрела их портфолио и рекомендации клиентов,
• выяснила уровень компетенции подрядчиков,
• учла технические особенности и вопросы интеграции будущего интернет-магазина с 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.

»

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

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