Исходная ситуация

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

Задача клиента

Настроить и вывести в строй интернет-магазин в течение 1,5 месяцев.

Как мы решали задачу

Часть первая. Подготовка.

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

Объяснить эту простую истину клиенту оказалось несложно, так как проджект со стороны заказчика был очень профессиональным и мотивированным на оперативную и плотную работу.

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

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

2. Для ускорения ввода в работу основного функционала все второстепенные задачи и системы ставятся на паузу до полного старта основного сайта.

3. В качестве CMS-системы необходимо использовать 1С-Битрикс: Управление сайтом, сайт необходимо реализовывать на базе шаблона Аспро: Максимум (он имел весь необходимый на старте функционал, а также неплохую базу для дальнейшего расширения)

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

Эти обсуждения легли в основу технического задания. Его итоговая версия содержала следующую информацию:

• Описание общей структуры сайта.

• Описание структуры всех типовых страниц сайта с указанием конкретных элементов, блоков и модулей шаблона Аспро, Максимум, которые необходимо использовать.

• Список систем коммуникации с клиентом.

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

• Информацию о способах оплаты для физических и юридических лиц (в том числе данные о выбранных системах доставки: клиент выбрал доставку через СДЭК и PickPoint), а также описание логики показа этих способов доставки в зависимости от особенностей оформления заказа. 

• Логику загрузки товарного каталога (на первом этапе, для ускорения процесса разработки клиент решил отказаться от интеграции с учетной системой МойСклад и мы реализовали загрузку товаров через xls-файл в личном кабинете администратора сайта).

• Список информации, которую необходимо подготовить заказчику к этапу загрузки контента.

В итоге буквально в течение недели после подписания договора мы полностью проработали проект и сформировали полный план работы с проектом. Клиент был доволен. После опыта работы со своим предыдущим подрядчиком он не ожидал такой быстрой и качественной проработки своего сайта.

Часть вторая. Подготовка сервера.

Еще до утверждения технического задания, на первых встречах по аудиту мы обсуждали с клиентом вопрос сервера для сайта. Как это часто происходит, клиент не особо разбирался в теме и доверил выбор нам. Мы рекомендовали один из тарифов TimeWeb, специально предназначенный для сайтов под 1С-Битрикс.

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

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

Часть третья. Базовая настройка сайта.

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

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

• Шаблон имеет очень большое количество настроек и вариантов отображения информации.

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

• Не все желания, даже самые просты (например, банальное отображение артикула товара в выпадающем окне корзины или выравнивание названия пункта каталога по центру иконки) можно сделать настройками шаблона. Для их реализации приходится программно дорабатывать существующий шаблон Аспро: Максимум.

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

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

Часть четвертая. Разработка парсера для загрузки товаров в каталог.

Для ускорения работы мы решили запустить работу с парсером товаров из .xls-файла параллельно с настройкой шаблона.

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

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

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

Выбор варианта цвета и объема миски для окрашивания в общем каталоге товаров

Выбор варианта цвета и объема миски для окрашивания в общем каталоге товаров

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

1. Система находит в .xls-файле товары с одинаковым артикулом

2. Система автоматически смотрит, какими свойствами отличаются данные товары

3. Для каждого подобного товара система формирует торговое предложение в соответствующем каталоге 1С-Битрикс: Управление сайтом

4. Итоговый вариант отображения формируется стандартными средствами шаблона Аспро:Максимум

Кроме торговых предложений мы так же вывели в .xls-файл систему управления статусами остатков. Всего техническим заданием в системе было предусмотрено три статуса:

1. В наличии

2. Ожидается поставка

3. Под заказ

По первым двум статусам система должна давать пользователю возможность оформить товар через корзину. Для товара со статусом «Под заказ»:

• Кнопка «В корзину» меняется на кнопку «Оформить заказ»

• При нажатии на кнопку вместо корзины открывается окно оформления предзаказа

Вид карточки товара со статусом «Под заказ»

Форма заказа товара со статусом «Под заказ»

Для надежности работы системы нам так же необходимо было максимально встроить логику работы статусов в работу шаблона Аспро: Максимум. По этому парсер был написан таким образом, чтобы осторожно менять статусы в 1С-Битрикс: Управление сайтом. Подмена кнопок и отображение формы заказа при этом полностью осталось в рамках стандартного функционала шаблона.

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

Окно для простой загрузки каталога сайта из .xls-файла

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

Таким образом, к концу второй недели у клиента уже был сайт с необходимой структурой и рабочий каталог с актуальными товарами.

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

Учитывая, что на сайте еще не было возможности провести онлайн-оплату, выбрать доставку СДЭКом или PickPoint-ом, а так же отсутствовал текстовый и графический контент, клиент решил придержать релиз сайта. Однако прогресс работы очень впечатлил нашего клиента - то, на что у предыдущего подрядчика ушло полгода, мы сделали за две недели!

Часть пятая. Загрузка текстового и графического контента.

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

В результате, в те две недели, когда мы проводили свои работы, проджект-менеджер клиента подготовил и предоставил нам всю необходимую нам информацию:

• Описания и референсы для графических материалов

• Тексты и описания для контентных разделов и блоков сайта

• Доступы от смежных систем, с которыми потребуется интеграция в дальнейшем

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

Загрузка текстов заняла около дня. Еще три дня ушло на согласование и размещение графических материалов. В итоге этой работы сайт принял полностью законченный вид.

После завершения работ по контенту мы установили на сайт счетчики от Яндекс.Метрики и Google.Analytics, перевели сайт в боевой режим и он начал принимать первых клиентов.

Часть шестая. Интеграции со службами доставки и эквайрингом Альфабанка.

Этап работы с интеграциями всегда самый непредсказуемый, т.к. при нем многое завязывается на партнера:

• Многие партнеры (особенно банки) требуют проверки сайта. А значит, пока на нем не размещен весь каталог и текст, провести интеграцию не получится.

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

• Многие серьезные интеграции (например, с онлайн-оплатой Альфабанка) требуют первоначально обкатывать систему в тестовом режиме под отдельным тестовым API-токеном. После настройки системы в тестовом режиме зачастую требуется очередная проверка со стороны партнера, что также съедает дополнительное время.После всех проверок нужно настроить и протестировать систему в боевом режиме.

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

Нужно отдать должное, в данном проекте, во многом благодаря активной и своевременной работе проджект-менеджера со стороны клиента, интеграция со СДЭКом и PickPoint-ом прошли достаточно быстро.

Основное время работы с этапом заняли согласования со стороны Альфабанка. Так же в рамках лояльности мы бесплатно настроили интеграцию с облачной онлайн-кассой от Атол для данного клиента.

Все работы по данному этапу (с учетом всех проверок и согласований партнеров) удалось завершить в течение двух недель.

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

Часть седьмая. Обучение администратора сайта и старт гарантийной поддержки.

После завершения всех основных работ мы назначили время для обучения администратора сайта со стороны клиента.

За две часовые встречи через Zoom мы разобрали весь основной функционал сайта, принципы работы с контентом и заказами сайта, еще раз разобрали принципы управления товарным каталогом через .xls-файл.

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

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

Итог

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

Часть дополнительная. Разработка бонусной системы для клиентов.

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

Обсудив бизнес-задачи с клиентом, мы решили, уточнили механику работы этой бонусной системы:

• После оплаты заказа покупатель должен получать бонусы на свой внутренний бонусный счет на сайте.

• Размером бонуса должен управлять администратор сайта из административной панели. При этом у него должна быть возможность задавать разные размеры бонусов для разных товаров и товарных групп.

• Бонусы должны считаться в процентах от стоимости соответствующих товаров.

• Пользователь должен иметь возможность оплатить бонусами не более 15% от стоимости основного заказа.

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

• Информация о количестве бонусов, а также о начислениях/списаниях бонусов должна отображаться в личном кабинете пользователя.

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

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

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

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