Разработка и внедрение бизнес-решений на 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 16:52
// Реальные кейсы
Декабрь 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
Это интересно
  • Как сделать удобный процесс согласования договора в Битрикс24 с помощью смарт-процесса
    Как сделать удобный процесс согласования договора в Битрикс24 с помощью смарт-процесса
    28 марта 2024
  • ЭДО в Битрикс24: как мы сделали удобную интеграцию с Контур.Диадок
    ЭДО в Битрикс24: как мы сделали удобную интеграцию с Контур.Диадок
    22 февраля 2024
  • Сайт интернет-магазина на базе 1С-Битрикс:Управление сайтом за три недели. Кейс M-Tool
    Сайт интернет-магазина на базе 1С-Битрикс:Управление сайтом за три недели. Кейс M-Tool
    13 февраля 2024
  • «Ходовая» доработка Битрикс24: создаем лиды из почты, упрощаем согласование договора и поиск документов. NDA
    «Ходовая» доработка Битрикс24: создаем лиды из почты, упрощаем согласование договора и поиск документов. NDA
    22 декабря 2023
  • Переезд из Террасофт Creatio в Битрикс24 за 1 месяц. Кейс NDA
    Переезд из Террасофт Creatio в Битрикс24 за 1 месяц. Кейс NDA
    4 декабря 2023
  • Как перенести Битрикс24 из облака в коробку с помощью мигратора и сохранить данные
    Как перенести Битрикс24 из облака в коробку с помощью мигратора и сохранить данные
    30 октября 2023
  • Как мы сделали интеграцию Битрикс24 с Google Docs и при чем тут 1С:Bit.Finance. Кейс Magic
    Как мы сделали интеграцию Битрикс24 с Google Docs и при чем тут 1С:Bit.Finance. Кейс Magic
    6 октября 2023
  • Личный кабинет сотрудника на корпоративном портале Битрикс24: возможности и сервисы
    Личный кабинет сотрудника на корпоративном портале Битрикс24: возможности и сервисы
    7 сентября 2023
  • Возможности и функционал корпоративного портала на Битрикс24. Кейс NDA
    Возможности и функционал корпоративного портала на Битрикс24. Кейс NDA
    17 июля 2023
  • Повышаем лояльность покупателей и качество бизнес-процессов через интеграцию 1С с сайтом на БУС. Кейс ЮкиГрупп. Часть 2
    Повышаем лояльность покупателей и качество бизнес-процессов через интеграцию 1С с сайтом на БУС. Кейс ЮкиГрупп. Часть 2
    10 апреля 2023
  • Делегируем обязанности сотрудника на 1С с помощью интеграции с сайтом магазина. Кейс ЮкиГрупп. Часть 1
    Делегируем обязанности сотрудника на 1С с помощью интеграции с сайтом магазина. Кейс ЮкиГрупп. Часть 1
    10 апреля 2023
  • Как увеличить прибыль и наладить рабочий процесс обслуживания техники в постпродажном периоде с помощью Битрикс24. Кейс «Стартек»
    Как увеличить прибыль и наладить рабочий процесс обслуживания техники в постпродажном периоде с помощью Битрикс24. Кейс «Стартек»
    13 марта 2023
  • Наводим порядок в процессе продаж крупного дилера сельхозтехники с помощью Битрикс24
    Наводим порядок в процессе продаж крупного дилера сельхозтехники с помощью Битрикс24
    17 февраля 2023
  • Разрабатываем систему управления и контроля за контейнерным парком на базе Битрикс24
    Разрабатываем систему управления и контроля за контейнерным парком на базе Битрикс24
    7 февраля 2023
  • Одна система для всех задач: решение на базе Битрикс24 для крупного логистического оператора
    Одна система для всех задач: решение на базе Битрикс24 для крупного логистического оператора
    27 января 2023
  • Делаем процесс обработки заявок на поставку металлопроката прозрачным и организованным. Кейс "МЕТЧИВ"
    Делаем процесс обработки заявок на поставку металлопроката прозрачным и организованным. Кейс "МЕТЧИВ"
    9 января 2023
  • Из хаоса в порядок: как мы настроили Битрикс24 и интегрировали 1С для компании «Точка опоры»
    Из хаоса в порядок: как мы настроили Битрикс24 и интегрировали 1С для компании «Точка опоры»
    8 декабря 2022
  • Шаблоны сайта, МойСклад и СДЭК: как мы разработали интернет-магазин одежды
    Шаблоны сайта, МойСклад и СДЭК: как мы разработали интернет-магазин одежды
    7 декабря 2022
  • Каждому по заслугам: внедряем систему мотивации в Битрикс24
    Каждому по заслугам: внедряем систему мотивации в Битрикс24
    21 ноября 2022
  • Меньше слов, больше цифр: как мы разработали нестандартные отчеты для юридической компании из ТОП-50 России
    Меньше слов, больше цифр: как мы разработали нестандартные отчеты для юридической компании из ТОП-50 России
    21 ноября 2022
Облако тегов
1С 1С и Битрикс24 5 основных причин AmoCRM Amocrm Екатеринбург Amocrm москва Amocrm скачать Bitrix24 bitrix24 Bitrixcrm Clients CRM CRM Bitrix CRM бесплатно CRM для бизнеса CRM Екатеринбург crm система FAB Luckru Luckru.ru Luckruотзывы Megaplany SAP Автоматизация бизнеса автоматизация бизнеса Авторский блог продажника Активные продажи Амосрм скачать Антивирусная подготовка Аттестация отдела продаж Аудит отдела продаж База клиентов бесплатная CRM Бизнес литература Бизнес процесс автоматизация Битрикс и 1С Битрикс24 битрикс24 Битрикс24 внедрение Битрикс24 Екатеринбург Битрикс24с Блог продажника Будущее продаж Внедрение Amocrm Москва Внедрение CRM Внедрение Битрикс24 Москва Внедрить Битрикс24 Внедрить Битрикс24 Екатеринбург Внедрить Битрикс24 Москва Внедрить СРМ Воровство базы Выбрать интегратора Выбрать СRM Выгода Выгода преимущества черта Выявление потребности Делегирование Деловые встречи Делят базу клиентов Для менеджеров по продажам Для руководителей по продажам Заказать аудит Изменение бизнеса Интеграция 1С и интернет-магазина на 1С-Битрикс Интеграция CRM Интеграция Битрикс Исследование рынка CRM Как влиться в новый коллектив Как внедрить CRM Как научиться продавать Как не бояться звонить Как не работать до ночи Как организовать свой рабочий день Как подготовиться к деловой встрече Как поменять работу Как правильно уволить Как распределить свой день Командировка Командировка за границей Кризис Купить CRM Курсы для менеджеров по продажам Курсы менеджеров по продажам Лакру Менеджер по продажам Менеджерам по продажам Модуль 1С и Битрикс Наим сотрудников Найм персонала Найти персонал Настройка Amocrm Настройка CRM настройка crm Настройка SAP Настройка Yclients Настройка Битрикс24 Научиться продавать Научиться торговать Нематериальная мотивация Обучение менеджеров Обучение менеджеров по продажам Обучение продажам Организация отдела продаж Отдел продаж Оценка менеджеров План в командировке План на день Повышение продаж Подготовка к командировке Подключение IP-телефонии Подключить CRM Помощь при выборе CRM Построение отдела продаж Построить отдел продаж Презентация Презентация продукта Преимущества Проверить интегратора Продажа по телефону Продажи Рабочий день Распорядок дня Распорядок рабочего дня Регламент работы Регламент работы отдела продаж Рейтинг CRM рейтинг партнеров РОП Руководитель Руководитель отдела продаж Рынок CRM-систем Самая популярная CRM Сборы в командировку Советы менеджерам по продажам Советы при увольнении Советы руководителям Соискатели не приходят Сотрудники не хотят работать СРМ СРМ Битрикс СРМ в екатеринбурге срм система Увеличение продаж Уволить Увольнение Увольнение сотрудника Удаленная работа Холодный звонок Что делать в командировке Что ждет рынок России
LUCKRU logo


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