Косметика Интернет-магазин Ecommerce Каталог

Интернет-магазин косметики SFERANGS

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

01 / 05

Кратко

Заказчик — официальный эксклюзивный представитель косметического бренда SFERANGS в России с подтверждённым брендом статусом и офисом в пяти минутах от Кремля.

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

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

После аудита сотрудничество продолжилось: заказчик поручил нам разработку нового интернет-магазина.

02 / 05

Роль

Команда sadovnikov.digital провела технический аудит прежнего сайта и подготовила заключение с описанием обнаруженных проблем и скриншотами.

В новом магазине отвечали за интерфейс, разработку на WordPress и WooCommerce, каталог, оформление заказа, подключение ЮKassa и обмен с 1С. Создали собственную тему, настроили панель управления и проверили сценарий покупки.

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

03 / 05

Покупатель должен оплатить заказ. Сотрудник — поменять цену

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

Для покупателей требовалось:

  • представить бренд и ассортимент профессиональной косметики;
  • организовать выбор средств по характеристикам;
  • обеспечить оформление и онлайн-оплату заказа.

Для команды заказчика:

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

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

04 / 05

Решение

Технический аудит

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

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

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

Выдержка из аудита SFERANGS.SHOP от sadovnikov.digital
Выдержка из аудита для sferangs.shop от sadovnikov.digital

Разработка магазина

Магазин создали на WordPress и WooCommerce с собственной темой. Настроили управление товарами и материалами сайта через панель администрирования.

На главной представили бренд и переходы к продукции. Работу интерфейса показывали заказчику уже на раннем этапе: сохранилась видеодемонстрация первой рабочей версии.

Демо работающего сайта на первом этапе

Каталог косметики

В каталоге предусмотрели сортировку и фильтры по цене, категории, объёму и составу. Эти параметры позволяют отбирать косметику по характеристикам, а не просматривать весь ассортимент подряд.

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

Пример каталога интернет-магазина для sferangs.shop
Каталог интернет-магазина косметики SFERANGS.SHOP

Иконки категори товаров на главной

1 / 7

Обмен с 1С

Настроили загрузку товаров из 1С. Каталог магазина включал более 300 товарных позиций.

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

Таким образом, сайт был связан с учётной системой в двух конкретных операциях — получении товаров и передаче заказов.

Онлайн-оплата и проверка покупки

Для приёма платежей подключили ЮKassa. Перед сдачей проверили путь покупателя от выбора товара до оформления заказа и успешной оплаты.

Это закрывало одну из основных проблем прежней реализации: покупатель должен был иметь возможность завершить покупку на сайте.

Документация и обучение

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

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

05 / 05

Результаты

Заказчик получил запущенный интернет-магазин с каталогом более 300 товарных позиций, онлайн-оплатой и передачей заказов в 1С.

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

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

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

Баннеры для рекламной кампании, представленные заказчику

1 / 4

Отзыв на нашу работу:

SFERANGS.SHOP отзыв о работе sadovnikov.digital команда Никиты Садовникова