Апдейты в продуктах Атвинты: что нового на сайте и в личном кабинете «Брок-Инвест-Сервис»

Это Атвинта. Для своих клиентов мы создаем и развиваем цифровые веб-продукты. В этой статье рассказываем, что нового сделали для «Брок-Инвест-Сервис» — компании, с которой работаем уже 3 года.

Про клиента и наши проекты

«Брок-Инвест-Сервис» — один из топ-10 металлотрейдеров России. Продукция компании применяется в строительстве, прокладке коммуникаций в жилых и коммерческих зданиях, а также при создании масштабных инфраструктурных объектов: Московский метрополитен, аэропорт Шереметьево и Крымский мост.

Наша команда сотрудничает с клиентом с 2022 года, развивая следующие цифровые сервисы компании:

В этой статье расскажем про последние обновления на основном сайте, в коде и об обновлениях ЛК.

→ Кейс: комплексная цифровая поддержка «Брок-Инвест-Сервис»

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

Перестроили шапку сайта в два уровня. Контакты всегда на виду, а путь до звонка стал быстрее. Телефон вынесли в верхнюю часть экрана и сделали крупнее.

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

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

→ Кейс: разработка HR-портала «Брок-Инвест-Сервис»

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

В админпанели теперь можно загрузить несколько фотографий сразу и настроить галерею.

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

На странице «Контакты» собрали карту и список. Пользователю проще выбрать склад, посмотреть схему проезда и график работы.

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

→ Оставить заявку на разработку сайта / веб-сервиса / личного кабинета

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

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

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

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

Читайте о развитии образовательной платформы:

Проверили сайт на соответствие требований №152-ФЗ «О персональных данных» и поставили капчу, которая не собирает информацию о пользователях. А также добавили двухфакторную авторизацию, чтобы минимизировать риск несанкционированного доступа. И

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

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

Оставили только необходимые поля для заполнения заказа.

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

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

Рассказали, как обновить действующий интерфейс:

Добавили отдельный кабинет для партнера Брока. ЛК показывает остатки по складам в режиме реального времени и позволяет оформлять, редактировать и аннулировать заказы.

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

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

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

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

Как корпоративный портал ускоряет работу менеджеров:

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

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

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

Любая правка тянула за собой цепочку изменений — из-за этого появлялся риск повлиять на другие части системы.

Разбили процесс на небольшие этапы — пайпы. Каждый отвечает за свое действие: проверить данные, записать заказ, передать информацию в 1C и отправить уведомления.

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

В системе есть несколько сценариев заявок:

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

Логику отправки писем с подтверждением заказа и уведомлениями также вынесли в пайпы. Теперь видно, какое письмо уходит и кому: покупателю, менеджеру или партнеру. Если нужно поменять адресатов или условия отправки — меняется один этап, а не весь процесс.

Обновления и доработки выходят быстрее. Можно гибко настраивать процесс под правила конкретного клиента без полной переделки. Риск ошибки уменьшается — правка затрагивает только нужный этап и не ломает остальную систему.

Команда оперативно отвечает на запросы и выпускает улучшения. Это сокращает время релизов и снижает стоимость изменений в долгосрочном сотрудничестве.

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

2. Упростили доступ к личному кабинету покупателей и улучшили этапы оформления заявки. Это позволяет получать заказы без ошибок и не тратить время на обращения в поддержку.

3. Для крупного партнера сделали отдельный кабинет. Такой подход укрепил отношения и долгосрочное сотрудничество с «Брок-Инвест-Сервис».

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

В ближайших планах развитие ролей и прав, работа над контентом и доработки, которые мы фиксируем в бэклоге.

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