Разработка и внедрение бизнес-решений на 1C-Битрикс | LUCKRU
  • О компании
  • Портфолио
  • Блог
  • Контакты
order@luckru.ru
+7 800 301 56 16
Заказать звонок whatsapp
  • меню второго уровня Битрикс24
    • Цены на лицензии Битрикс24
    • Внедрение Битрикс24
    • Интеграции Битрикс24
    • Дополнительные настройки Битрикс24
    • Обучение Битрикс24
    • Настройка Битрикс24
    • Доработка Битрикс24
    • Автоматизация Битрикс24
    • BI-аналитика в Битрикс24
  • меню второго уровня Решения на 1С-Битрикс24
    • Битрикс24 для производственной компании
    • CRM для управляющей компании и сферы ЖКХ
    • Битрикс24 для строительной компании
    • Битрикс24 CRM для отдела продаж
    • Битрикс24 для транспортной компании и логистики
    • Корпоративный портал для компании
    • Битрикс24 для юридической компании
    • CRM для сельскохозяйственного предприятия и агробизнеса
    • Битрикс24 CRM для интернет-магазина
    • Битрикс24 для банка
    • Битрикс24 для клиники
    • HRM Битрикс24 Enterprise
  • меню второго уровня Разработка 1С-Битрикс
    • Разработка на 1С-Битрикс: сайты и web-сервисы
    • Цены на лицензии 1С-Битрикс: Управление сайтом
    • Web-разработка: дополнительные услуги
  • меню второго уровня amoCRM
    • Цены на тарифы amoCRM
    • Интеграции amoCRM
Разработка и внедрение бизнес-решений на 1C-Битрикс | LUCKRU
Меню  
  • О компании
    • О компании
    • Портфолио
    • Блог
    • Контакты
  • Битрикс24
    • Цены на лицензии Битрикс24
    • Внедрение Битрикс24
    • Интеграции Битрикс24
    • Дополнительные настройки Битрикс24
    • Обучение Битрикс24
    • Настройка Битрикс24
    • Доработка Битрикс24
    • Автоматизация Битрикс24
    • BI-аналитика в Битрикс24
  • Решения на 1С-Битрикс24
    • Битрикс24 для производственной компании
    • CRM для управляющей компании и сферы ЖКХ
    • Битрикс24 для строительной компании
    • Битрикс24 CRM для отдела продаж
    • Битрикс24 для транспортной компании и логистики
    • Корпоративный портал для компании
    • Битрикс24 для юридической компании
    • CRM для сельскохозяйственного предприятия и агробизнеса
    • Битрикс24 CRM для интернет-магазина
    • Битрикс24 для банка
    • Битрикс24 для клиники
    • HRM Битрикс24 Enterprise
  • Разработка 1С-Битрикс
    • Разработка на 1С-Битрикс: сайты и web-сервисы
    • Цены на лицензии 1С-Битрикс: Управление сайтом
    • Web-разработка: дополнительные услуги
  • amoCRM
    • Цены на тарифы amoCRM
    • Интеграции amoCRM
Заказать звонок
whatsapp
+7 800 301 56 16
order@luckru.ru
Разработка и внедрение бизнес-решений на 1C-Битрикс | LUCKRU
whatsapp phone
  • О компании
    • О компании
    • Портфолио
    • Блог
    • Контакты
  • Битрикс24
    • Цены на лицензии Битрикс24
    • Внедрение Битрикс24
    • Интеграции Битрикс24
    • Дополнительные настройки Битрикс24
    • Обучение Битрикс24
    • Настройка Битрикс24
    • Доработка Битрикс24
    • Автоматизация Битрикс24
    • BI-аналитика в Битрикс24
  • Решения на 1С-Битрикс24
    • Битрикс24 для производственной компании
    • CRM для управляющей компании и сферы ЖКХ
    • Битрикс24 для строительной компании
    • Битрикс24 CRM для отдела продаж
    • Битрикс24 для транспортной компании и логистики
    • Корпоративный портал для компании
    • Битрикс24 для юридической компании
    • CRM для сельскохозяйственного предприятия и агробизнеса
    • Битрикс24 CRM для интернет-магазина
    • Битрикс24 для банка
    • Битрикс24 для клиники
    • HRM Битрикс24 Enterprise
  • Разработка 1С-Битрикс
    • Разработка на 1С-Битрикс: сайты и web-сервисы
    • Цены на лицензии 1С-Битрикс: Управление сайтом
    • Web-разработка: дополнительные услуги
  • amoCRM
    • Цены на тарифы amoCRM
    • Интеграции amoCRM
+7 800 301 56 16
Заказать звонок
  • Главная
  • Блог

Разработка магазина на 1с-битрикс с умным конструктором ИБП и аккумуляторов для 220problem.net

10 Декабря 2021

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


1. Предыстория
2. Что хотел клиент
3. Шаг 1. Детализация задач и подготовка ТЗ
4. Шаг 2. Реализация базового функционала
5. Шаг 3. Корзина и страница оформления заказа
6. Шаг 4. Создание контентных страниц
7. Шаг 5. Создание каталога комплектов товаров

Предыстория

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

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

Для решения этой проблемы клиент хотел видеть 3 варианта каталога:

  • Классический каталог;
  • Каталог комплектов товаров (ИБП + аккумуляторы);
  • Конструктор – умный калькулятор, подбирающий комплект ИБП + аккумулятор на основании домашней техники и желаемого времени автономной работы, указанных пользователем.

Что хотел клиент

Разработать интернет-магазин для онлайн продажи ИБП, аккумуляторов и инверторов.

У Вас похожий проект или аналогичные задачи?

Давайте обсудим

Этапы решения

Шаг 1. Детализация задач и подготовка ТЗ:

Работу с проектом мы начали с подробного обсуждения и всестороннего анализа задач клиента.

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

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

Весь проект был поделен на несколько основных этапов:

  1. Реализация базового каталога и детальной страницы товара;
  2. Реализация корзины и оформления заказа;
  3. Реализация контентных страниц;
  4. Реализация каталога комплектных товаров;
  5. Реализация конструктора заказов.

Сайт было решено реализовывать на базе платформы 1-С Битрикс: Управление сайтом.

Шаг 2. Реализация базового функционала:

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

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

PHOTOGALLERYID_1690

После корректировки макетов под правки клиента мы приступили с реализации базового каталога.

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

В рамках работы с каталогом мы полностью сверстали и адаптировали для мобильных устройств Главную страницу сайта (вкладки «Комплекты» и «Конструктор» на данном этапе были не активны).

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

Шаг 3. Корзина и страница оформления заказа:

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

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

220-3.png

Страница оформления заказа получилась также вполне стандартная:

  • Блок информации о товаре;
  • Блок информации о стоимости и весе заказа;
  • Выбор службы доставки (сайт был интегрирован с Деловыми линиями и Возовозом);
  • Выбор способа оплаты;
  • Блок ввода информации о покупателе.

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

По итогам данного шага клиент смог увидеть и протестировать полноценную работу каталога.

Шаг 4. Создание контентных страниц:

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

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

  • У клиента появляется возможность начать быстрее окупать свои инвестиции в сайт;
  • У разработчиков быстрее появляется реальный фидбек от пользователей.
PHOTOGALLERYID_1693

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

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

Шаг 5. Создание каталога комплектов товаров:

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

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

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

Со стороны фронта сайта мы подготовили:

  • Дополнительный шаблон для отображения каталога комплектов;
  • Шаблон для детальной страницы комплекта на основе детальной страницы простого товара;
  • Внесли изменения в корзину сайта для корректного отображения комплектов.

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

PHOTOGALLERYID_1694   

Шаг 6. Создание конструктора:

После релиза каталога комплектов нам оставалась самая технологичная часть сайта – конструктор.

Этот блок должен был состоять из 3 частей:

  1. Выбор домашней техники и указание ее параметров; 
  2. Выбор длительности автономной работы; 
  3. Вывод подобранных системой комплектов товаров.

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

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

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

PHOTOGALLERYID_1695

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

PHOTOGALLERYID_1696

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

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

220-13 (1).png

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

220-14 (1).png

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

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

220-15 (1).png

Шаг 7. Последние штрихи:

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

  1. При оформлении заказа или обращении в форму обратной связи были настроены автоматические отбивки в рабочую группу клиента в Телеграм;
  2. Перевели закупочную цену товара на сайте в валюту и настроили ежедневное автоматическое конвертирование цены товаров в рубли по курсу ЦБ РФ;
  3. Была организована автоматическая выгрузка товара на Яндекс.Маркет.

Поделиться
Назад к списку
  • Комментарии
Загрузка комментариев...
Категории
  • Бизнес-советы43
  • Вокруг CRM54
  • Реальные кейсы58
  • События17
Это интересно
  • Делаем процесс обработки заявок на поставку металлопроката прозрачным и организованным. Кейс "МЕТЧИВ"
    Делаем процесс обработки заявок на поставку металлопроката прозрачным и организованным. Кейс "МЕТЧИВ"
    3 августа 2025
  • Цифровая система для онлайн уроков, максимальный контакт с клиентом : Стриминговый сервис + сайт + Битрикс24
    Цифровая система для онлайн уроков, максимальный контакт с клиентом : Стриминговый сервис + сайт + Битрикс24
    1 августа 2025
  • Решение на базе Битрикс24 для крупного логистического оператора по предоставлению контейнеров в аренду
    Решение на базе Битрикс24 для крупного логистического оператора по предоставлению контейнеров в аренду
    27 июля 2025
  • 13+ воронок в Битрикс24 – охватываем все направления бизнеса по продаже инструмента
    13+ воронок в Битрикс24 – охватываем все направления бизнеса по продаже инструмента
    22 июля 2025
  • Как сделать удобный процесс согласования договора в Битрикс24 с помощью смарт-процесса
    Как сделать удобный процесс согласования договора в Битрикс24 с помощью смарт-процесса
    18 июля 2025
  • Холдинговая система контрагентов, позволяющая одному клиенту оформлять заказы на разные юрлица
    Холдинговая система контрагентов, позволяющая одному клиенту оформлять заказы на разные юрлица
    18 июля 2025
  • CRM-решение на коробочной версии Битрикс24 для типографии
    CRM-решение на коробочной версии Битрикс24 для типографии
    17 июля 2025
  • Как мы сделали интеграцию Битрикс24 с Google Docs и при чем тут 1С:Bit.Finance. Кейс Magic
    Как мы сделали интеграцию Битрикс24 с Google Docs и при чем тут 1С:Bit.Finance. Кейс Magic
    15 июля 2025
  • Интеграция социально-значимого способа оплаты в интернет-магазин товаров для реабилитации
    Интеграция социально-значимого способа оплаты в интернет-магазин товаров для реабилитации
    14 июля 2025
  • Реалити обучение. Часть 1
    Реалити обучение. Часть 1
    14 июля 2025
  • Наводим порядок в процессе продаж крупного дилера сельхозтехники с помощью Битрикс24
    Наводим порядок в процессе продаж крупного дилера сельхозтехники с помощью Битрикс24
    8 июля 2025
  • Делегируем обязанности сотрудника на 1С с помощью интеграции с сайтом магазина. Кейс ЮкиГрупп. Часть 1
    Делегируем обязанности сотрудника на 1С с помощью интеграции с сайтом магазина. Кейс ЮкиГрупп. Часть 1
    7 июля 2025
  • Реалити обучение. Часть 3
    Реалити обучение. Часть 3
    2 июля 2025
  • Каждому по заслугам: внедряем систему мотивации в Битрикс24
    Каждому по заслугам: внедряем систему мотивации в Битрикс24
    1 июля 2025
  • Внедрение сложного бизнес-процесса работы с претензиями в Битрикс24 для мясокомбината
    Внедрение сложного бизнес-процесса работы с претензиями в Битрикс24 для мясокомбината
    29 июня 2025
  • Как найти причины потери клиентов с помощью отчётов Битрикс24
    Как найти причины потери клиентов с помощью отчётов Битрикс24
    22 июня 2025
  • Реалити обучение. Часть 5
    Реалити обучение. Часть 5
    19 июня 2025
  • B2B интернет-магазин на 1c-битрикс для производителя электроинструмента P.I.T tools
    B2B интернет-магазин на 1c-битрикс для производителя электроинструмента P.I.T tools
    11 июня 2025
  • Виджет для интеграции amocrm и 1С для компании, торгующей запчастями к складской технике
    Виджет для интеграции amocrm и 1С для компании, торгующей запчастями к складской технике
    1 июня 2025
  • Реалити обучение. Часть 6
    Реалити обучение. Часть 6
    29 мая 2025
Облако тегов
1С 1С и Битрикс24 1С-Битрикс 1сбитрикс 5 основных причин AmoCRM Amocrm Екатеринбург Amocrm москва Amocrm скачать Bitrix24 bitrix24 Bitrixcrm CRM CRM Bitrix CRM бесплатно CRM для бизнеса CRM Екатеринбург crm система FAB Features Advantages Benefits Luckru Luckru.ru Luckruотзывы Megaplany SAP   купить CRM   лакру Автоматизация бизнеса Авторский блог продажника Активные продажи Антивирусная подготовка Аттестация отдела продаж Аудит Аудит CRM системы Аудит отдела продаж База клиентов Бизнес литература Бизнес процесс автоматизация Битрикс и 1С Битрикс24 Битрикс24 внедрение Битрикс24 Екатеринбург Битрикс24 Москва Битрикс24с Блог продажника Будущее продаж Внедрение Amocrm Москва Внедрение CRM Внедрение Битрикс24 Внедрение Битрикс24 Екатеринбург Внедрение Битрикс24 Москва Внедрить Битрикс24 Внедрить Битрикс24 Екатеринбург Внедрить Битрикс24 Москва Внедрить СРМ Воровство базы Выбор партнера CRM Выбрать CRM Выбрать интегратора Выбрать СRM Выгода преимущества черта Выявление потребности Делегирование Делегирование полномочий Деловые встречи Делят базу клиентов Для менеджеров по продажам Для руководителей по продажам Заказать аудит Изменение бизнеса Интеграция 1С и Битрикс24 Интеграция 1С и интернет-магазина на 1С-Битрикс Интеграция CRM Интеграция Битрикс Исследование рынка CRM Как влиться в новый коллектив Как внедрить CRM Как научиться продавать Как не бояться звонить Как не работать до ночи Как организовать свой рабочий день Как подготовиться к деловой встрече Как поменять работу Как правильно уволить Как распределить свой день Как собраться в командировку Как уволить сотрудника Командировка Кризис Купить CRM Курсы для менеджеров по продажам Курсы менеджеров по продажам Лакру Менеджер по продажам Менеджерам по продажам Модуль 1С и Битрикс Наим сотрудников Найм персонала Найти персонал Настройка Amocrm Настройка CRM Настройка Profitbase Настройка SAP Настройка Yclients Настройка Битрикс24 Научиться продавать Научиться торговать Нематериальная мотивация Нематериальная мотивация отдела продаж Новый коллектив Обучение менеджеров Обучение менеджеров по продажам Обучение продажам Организация отдела продаж Отдел продаж Оценка менеджеров Первый день на работе Перенос сервера в облако План в командировке План на день Повышение продаж Подключить CRM Поколение Y Полезные советы для продаж Помощь при выборе CRM Построение отдела продаж Построить отдел продаж Презентация Презентация продукта Проблемы с бизнесом Проблемы с подбором персонала Проверить интегратора Продажа по телефону Продажи Рабочий день Распорядок дня Распорядок рабочего дня РОП Руководитель Руководитель отдела продаж Советы при увольнении Советы руководителям СРМ СРМ Битрикс СРМ в екатеринбурге срм система Уволить Увольнение Увольнение сотрудника Холодный звонок
LUCKRU logo


Заказать звонок
8 800 301 56 16
order@luckru.ru
Компания
О компании
Партнёр Битрикс24
Философия внедрения проектов
Сертификаты и благодарственные письма
Наши клиенты
Отзывы клиентов
Наша команда
Реквизиты
Вакансии
Контакты
Продукты
Битрикс24
amoCRM
1С-Битрикс: Управление сайтом
Акции
Услуги
Битрикс24
amoCRM
Отраслевые решения
Web & Mobile
Техподдержка
Условия
Список услуг
Обратиться к техподдержке
Подписаться на рассылку
  • Вконтакте
  • Telegram
© 2014 — 2025 Все права защищены.