Как разработали интернет-магазин для компании B2B

Что сделали

• Спроектировали архитектуру будущего сайта и технические процессы;
• Разработали интернет-магазин;
• Интегрировали интернет-магазин с 1С двумя методами — файловый обмен, интеграция по API;
• Разработали личный кабинет пользователя;
• Реализовали новый функционал оформления заказа;
• Разработали административную панель для управления сайтом;
• Подключили сервис для автоматического заполнения контактов: адресов, реквизитов ИП и ЮЛ, ФИО, почт, телефонов;
• Настроили автоматическую генерацию печатных форм счетов.

До и после 

До запуска 

У клиента (NDA) был устаревший сайт с ограниченным функционалом, не отвечающий потребностям отдела продаж. Ручная обработка заказов занимала много времени, а отсутствие интеграции с 1С приводило к ошибкам и задержкам со стороны менеджеров. При этом клиенты компании не видели полную информацию о своих заказах. 

После запуска

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

Особенности проекта

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

Стек технологий

• Фреймворк: Laravel
• Backend: PHP
• Frontend: JavaScript, CSS

Интерфейс 

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

Каталог товаров

Каталог товаров передается на сайт через 1С. Чтобы обмен данными работал стабильно и без потерь, мы выстроили процесс в несколько этапов:

• Проектирование архитектуры обмена — определили объекты интеграции (товары, категории, остатки, цены), их атрибуты и периодичность обновления данных.
• Разработка структуры выгрузки — скорректировали и стандартизировали файлы выгрузки из 1С под требования нового сайта.
• Настройка приема и валидации данных — реализовали на стороне сайта логику импорта: проверку целостности файлов, обработку ошибок и логирование расхождений.
• Автоматизация обновлений — настроили регулярный автоматический импорт каталога, чтобы цены, остатки и карточки товаров всегда были актуальны без участия менеджеров.

Дополнительно спроектировали два независимых метода интеграции 1С и сайта:

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

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

Модуль «Пользователи» 

Личный кабинет пользователя 

Разработали расширенный функционал для личного кабинета пользователя: 

• Оформление заказов — все заказы автоматически интегрируются с 1С.
• История заказов — полный список всех заказов, включая статусы и детали. Клиенты могут просматривать историю своих покупок и отслеживать статус текущих заказов.
• Сохраненные корзины — возможность сохранять корзины для будущих покупок или для повторного оформления заказа. 
• Возможность редактирования профиля организации — клиенты могут вносить изменения в свои контактные данные, адреса доставки и другие личные сведения.
• Избранное — возможность сохранять как отдельные позиции, так и группы товаров.
• Сравнение технических характеристик товаров. 

Оформление заказа: как это работает

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

1. Пользователь формирует корзину из каталога или загружает сохраненную спецификацию.
2. Система автоматически подтягивает актуальные цены и остатки из 1С в момент оформления.
3. Реквизиты организации и адрес доставки заполняются автоматически благодаря интеграции с DaData.
4. Пользователь подтверждает заказ — заказ мгновенно передается в 1С без участия менеджера.
5. Система формирует и отправляет клиенту печатную форму счета в автоматическом режиме.
6. Статус заказа обновляется в личном кабинете в реальном времени по мере изменения статуса в 1С.

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

Регистрация пользователя

Раньше клиенты входили в личный кабинет по логину и паролю. Мы упростили процесс:

1. Пользователь вводит email или номер телефона.
2. Система генерирует и отправляет одноразовый код по SMS или на почту.
3. Пользователь вводит код и получает доступ к личному кабинету — без необходимости запоминать пароль.

Для защиты от злоупотреблений добавили лимит на отправку кодов: не более 3 SMS в течение 10 минут на один номер телефона или с одного IP-адреса.

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

Модуль «Магазин» 

Панель администрирования 

Для удобного управления контентом сайта, заказами и пользователями разработали панель администрирования со следующими функциями:

• Обработка заказов — просмотр и управление новыми заказами, обновление статусов в реальном времени.
• Управление пользователями — просмотр и редактирование контактной информации клиентов, управление ролями и правами доступа сотрудников.
• Контент-менеджмент — создание и редактирование страниц сайта, добавление новых товаров, фото и видео.

Типовой сценарий обработки заказа менеджером теперь выглядит так:

1. Новый заказ автоматически поступает в панель администрирования сразу после оформления на сайте.
2. Менеджер видит заказ со всеми деталями — без необходимости запрашивать данные у клиента повторно.
3. Менеджер меняет статус заказа в панели — статус мгновенно синхронизируется с 1С и отображается клиенту в личном кабинете.
4. Печатная форма счета формируется автоматически и не требует ручной подготовки.

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

Интеграции со сторонними сервисами

Подключили сервис DaData для автоматического заполнения адресов и реквизитов. Теперь при заполнении профиля пользователя или организации данные подтягиваются автоматически по ИНН или частичному адресу, что исключает опечатки и ускоряет заполнение форм.