Апдейты в продуктах Атвинты: что нового на сайте и в личном кабинете «Брок-Инвест-Сервис»
Бизнес и эффективность
Аналитика
26 сентября 2025
«Брок-Инвест-Сервис» — один из топ-10 металлотрейдеров России. Продукция компании применяется в строительстве, прокладке коммуникаций в жилых и коммерческих зданиях, а также при создании масштабных инфраструктурных объектов: Московский метрополитен, аэропорт Шереметьево и Крымский мост.
Наша команда сотрудничает с клиентом с 2022 года, развивая цифровые сервисы компании.
- Подготовка SEO-аудита на 40 страниц и разработка стратегии.
- Обновление дизайна корпоративного сайта.
- Создание каталога продукции. Разбили позиции на типы и категории, а также подготовили карточки товаров с характеристиками.
- Настройка геолокации — выбор города, актуальные контакты и склады по региону.
- Внедрение удобного личного кабинета покупателей в связке с интеграциями сервисов по работе с товарами и логистикой.
- Разработка HR-портала для подбора персонала.
В этой статье расскажем про последние обновления основного сайта и особенности структуры кода. А также поделимся нашими разработками персонального кабинета для крупного индустриального партнера.
Что разберем:
- что изменилось на сайте и в админпанели;
- как обновился личный кабинет покупателей;
- как работает персональный кабинет для крупного партнера;
- какие изменения в коде ускорили обработку заказов и упростили работу менеджеров.
Обновления на сайте
Обновили каталог, карточки товаров и административную панель, чтобы упростить работу менеджеров и улучшить пользовательский опыт на сайте.
Шапка и первый экран
Перестроили шапку в два уровня. Контакты всегда на виду, а путь до звонка стал быстрее. Телефон вынесли в верхнюю часть экрана и сделали крупнее.
Обновление первого экрана
Антон Змановский
Фронтенд-разработчик в Атвинте
Регулярно с клиентом обсуждаем идеи по доработкам: добавить блок, изменить поведение элемента или перерисовать целые секции. Берем в работу точечные задачи и полный редизайн ключевых компонентов. Параллельно развиваем функционал личных кабинетов — то, что сокращает путь от просмотра к заявке, ставим в приоритет.
Главный баннер теперь можно настроить в админпанели: добавить кнопку, изменить текст и выбрать порядок слайдов. Настройки закрывают задачи маркетинга — можно запускать акции и предложения в пару кликов.
Настройка слайдов в административной панели
Карточка товара
Оптимизировали карточку товара. На странице с продуктом отдельно вынесли характеристики, описание и блок с похожими товарами. Панель с кнопкой заказа закрепили справа. Так пользователь может оформить заявку в любом месте страницы, не возвращаясь на верх страницы.
В админпанели теперь можно загрузить несколько фотографий сразу и настроить галерею. Мультизагрузка фото ускоряет подготовку карточек и снижает количество правок на стороне менеджеров.
Карточка товара
Контакты и филиалы
На странице «Контакты» собрали карту и список. Пользователю проще выбрать склад, посмотреть схему проезда и график работы.
Страница с контактами
Адреса, телефоны и филиалы редактируются в админпанели. Менеджер может быстро добавить новый склад без участия разработчиков.
Настройка данных по складам и филиалам
Новости и статьи
Обновили оформление ленты новостей и блога. Материалы удобно читать на любом экране, делиться ссылками и находить нужную информацию. Такой подход формирует узнаваемость бренда и вовлеченность аудитории.
Оформление страниц с новостями и статьями
На странице новости или статьи пользователь может подписаться на рассылку, перейти в социальные сети или карточку товара.
Пример оформления новости
В административной панели добавили быстрый переход на публичные страницы товаров, новостей и статей. Это позволяет менеджерам проверить верстку материалов и только после этого опубликовать страницу.
Настройка статей в админпанели
Личный кабинет покупателей
Обновили ключевые шаги, чтобы вход и оформление заявки занимали меньше времени, а повторные закупки осуществлялись в несколько кликов.
Вход в личный кабинет
Проверили сайт на соответствие требований №152-ФЗ «О персональных данных» и поставили капчу, которая не собирает информацию о пользователях. А также добавили двухфакторную авторизацию, чтобы минимизировать риск несанкционированного доступа.
Изменили подтверждение входа с получения SMS на звонок. Входящий вызов поступает мгновенно — пользователю достаточно ввести последние четыре цифры номера. Так авторизация проходит без задержек, даже в часы пиковой нагрузки. Такой подход безопаснее для пользователей, снизить расходы на сообщения и уменьшает число обращений — «что делать, если код не пришел».
Доступ в личный кабинет
Оформление заказа
Оставили только необходимые поля для заполнения заказа. Пользователь не переключается на звонок менеджеру или переписку с ним — все доступно на одном экране. Так клиент тратит меньше времени на оформление, а компания получает корректные заявки без исправлений.
Оформление заявки на сайте «Брок-Инвест-Сервис»
История заказов
В кабинете появился журнал заявок: номер и дата, состав позиций с количеством товаров и текущий статус. Любую заявку можно открыть, скопировать наименования и оформить повтор. Это экономит время и снижает число обращений в поддержку.
Отслеживание истории заказов
Персональный кабинет для крупного индустриального партнера
Добавили отдельный кабинет под процессы партнера Брока. ЛК показывает остатки по складам в режиме реального времени и позволяет оформлять, редактировать и аннулировать заказы.
Доступ
Кабинет доступен менеджерам партнера и Брока. Интерфейс заточен под процессы компании — без лишних шагов и переключений между системами.
Каталог и номенклатура
Собрали отдельный каталог с номенклатурой производителя. Данные синхронизированы с 1C и изменяются в соответствии с наличием продукции. Такой подход снижает путаницу в названиях и кодах, а также ускоряет согласование по выписке товаров.
Отдельный каталог для партнера
По отзывам партнера, пользоваться кабинетом на сайте удобнее и быстрее, чем работать в программе SAP.
Товары партнера на сайте «Брок-Инвест-Сервис»
Остатки и резерв в режиме реального времени
Показываем актуальные остатки по складам. В кабинете можно проверить наличие на складах и добавить товары в резерв. Решения принимаются по фактическим данным и в одной системе.
Проверка наличия товаров на складах
Оформление заказа
Процесс оформления заявки адаптирован под документооборот партнера. После отправки появляется окно со скачиванием документа в формате Excel.
Заказ можно открыть повторно, добавить позиции, изменить количество и реквизиты. Режим редактирования сохраняется при выходе — вернувшись, пользователь продолжит с того же места и при необходимости может изменить все данные в заказе. Также можно аннулировать заявку: система проверяет статус в 1C и снимает резерв товара.
Окно оформления заказа
Изменения в коде для удобной работы с заказами
Навели порядок в самом важном процессе — оформлении заказа. Раньше логика была собрана в один длинный блок кода, где смешивались разные сценарии. Любая правка тянула за собой цепочку изменений — из-за этого появлялся риск повлиять на другие части системы.
Схема того, как ранее выглядело оформление заявки
Что сделали
Разбили процесс на небольшие этапы — пайпы. Каждый отвечает за свое действие: проверить данные, записать заказ, передать информацию в 1C и отправить уведомления. Заказ проходит по этой цепочке и по пути заполняется нужными данными. Отдельный механизм определяет, какой это вид заявки, и собирает для него подходящую цепочку шагов.
В системе есть несколько сценариев заявок:
- стандартный для клиентов «Брок-Инвест-Сервис»;
- оформление резерва партнером в его личном кабинете;
- заказ менеджера, когда сотрудник компании оформляет заявку от лица клиента.
Для каждого сценария собран свой набор пайпов. Если появляется новый тип, мы добавляем или меняем несколько этапов — без переписывания всего процесса.
Данил Кудрявцев
Бэкенд-разработчик в Атвинте
Ушли от большого монолитного сценария к пайпам. Заказ — это объект, который проходит сквозь ряд явно обозначенных в коде шагов и наполняется данными. Тип сценария определяется автоматически, поэтому общие шаги переиспользуем, а отличия подключаем точечно.
Отправка писем
Логику отправки писем с подтверждением заказа и уведомлениями также вынесли в пайпы. Теперь видно, какое письмо уходит и кому: покупателю, менеджеру или партнеру. Если нужно поменять адресатов или условия отправки — меняется один этап, а не весь процесс.
Зачем это бизнесу
Обновления и доработки выходят быстрее. Можно гибко настраивать процесс под правила конкретного клиента без полной переделки. Риск ошибки уменьшается — правка затрагивает только нужный этап и не ломает остальную систему. Команда оперативно отвечает на запросы и выпускает улучшения. Это сокращает время релизов и снижает стоимость изменений в долгосрочном сотрудничестве.
Подведем итоги
Сайт стал понятнее и сразу ведет пользователя к конкретному действию. Простая административная панель помогает менеджерам и сотрудникам быстрее вносить изменения и добавлять новые материалы.
Упростили доступ к личному кабинету покупателей и улучшили этапы оформления заявки. Это позволяет получать заказы без ошибок и не тратить время на обращения в поддержку.
Для крупного партнера сделали отдельный кабинет. Такой подход укрепил отношения и долгосрочное сотрудничество с «Брок-Инвест-Сервис».
Навели порядок в коде, внедрив логику пайпов для оформления заказов. Пользователь не видит изменений, но это позволяет команде лучше работать с архитектурой, оперативно выпускать обновления и избегать проблем с системой.
В ближайших планах развитие ролей и прав, работа над контентом и доработки, которые мы фиксируем в бэклоге.
0
0
0
Подпишись и будь в курсе новых статей!
Услуги
Читайте также
Как оценить эффективность IT-продукта после релиза: основные метрики
7 шагов: как выбрать метрики под релиз, не запутаться в цифрах и отследить результат.
Инхаус vs аутсорс: что лучше для продуктовой разработки
Преимущества и недостатки инхаус-подхода и аутсорсинговой разработки продукта.
Апдейты в продуктах Атвинты: что нового на образовательной платформе СМИТАП
В новой рубрике рассказываем об обновлениях в системах, которые мы разработали для наших клиентов.
