Как мы разработали сайт для поставщика стройматериалов с удобным каталогом и интеграцией с 1С
Анна Андреева
Менеджер it-проектов CoffeeStudio
08.09.2025
О клиенте
Бренд «Адмирал» — белорусский поставщик стройинструментов и материалов для строительных компаний, дизайнеров и архитекторов. В агентство CoffeeStudio клиент обратился за созданием сайта. Этот проект стал нашей первой совместной работой.
Задача
Разработать сайт, который производит впечатление надёжности и высокого качества. Основная часть сайта — это, конечно, каталог. Его содержимое мы должны были получать с помощью синхронизации с 1С, а заказы с сайта — автоматически передавать обратно в 1С.
Условия
Конечно, в современных реалиях удобнее работать с гибким обменом сайта с 1С через JSON-файлы, которые системы передают друг другу по запросу. Но не у всех клиентов есть возможность нанять разработчика 1С для реализации такой синхронизации. Такая ситуация произошла и с «Адмиралом». Нам пришлось работать с тем, что было доступно — стандартным обменом в 1С через XML.
Что мы сделали, чтобы добиться результата?
Общее настроение на сайте создают цвета и формы. Сочетание чёрного, красного и золотого с минимальными скруглениями формирует впечатление сдержанной роскоши. При этом интерфейс остаётся интуитивно понятным и удобным для пользователей.
Что касается синхронизации с 1С, в том же «Битриксе» для этого есть готовые решения. Однако мы ничем не уступаем — наши сайты на Django полностью кастомизируемы в руках опытного разработчика. Поэтому мы самостоятельно запрограммировали получение XML-файла с товарами и его парсинг, а также настроили отправку заказов с сайта в 1С в том же формате XML.
Дизайн
В дизайне мы использовали закреплённое боковое меню с основными текстовыми разделами сайта. Кнопку перехода в каталог разместили в самое видное место — в шапку. При клике на неё раскрывается навигация по категориям каталога.
Интерфейс каталога выполнен в светлых тонах и отличается простотой, а навигация по категориям закреплена слева. И хотя, казалось бы, слева закреплено одновременно два меню, что могло бы создать ощущение нагромождённости, этого эффекта удалось избежать. Список товаров реализован в двух вариантах отображения, между которыми пользователь может переключаться.
В карточке товара уже на этапе дизайна мы показали, как будет выглядеть задумка клиента — переключение с помощью вкладок между разными вариантами одного товара.
В корзине также сразу обозначили, как будут выглядеть уведомления, необходимые клиенту для его бизнес-процессов.
С какими трудностями столкнулись во время работы?
У клиента было чёткое видение организации товаров в каталоге: общее название модели, внутри которой группируются варианты товаров разных размеров, цветов и характеристик. Однако структура каталога в 1С не поддерживала такую вложенность. Мы нашли простое и эффективное решение: 1С продолжает передавать все товары без дополнительной группировки, а в админке сайта мы создали функционал для ручного создания моделей и привязки к ним товаров, полученных из 1С. Админка интуитивно понятна, и клиенту не потребовалось много времени, чтобы освоить процесс. Теперь он может гибко объединять товары в модели по своему усмотрению, без каких-либо изменений в синхронизации с 1С.
Какой результат смогли достичь?
Сайт получился понятным для постоянных клиентов и привлекательным для новых. Проект уже запущен и теперь служит удобным инструментом для продаж продукции нашего клиента.
Вывод
Даже если у вас нет программиста 1С для настройки обмена с сайтом — не отчаивайтесь. Обращайтесь в CoffeeStudio, и мы обязательно найдём решение. Например, как в случае с «Адмиралом», мы настроим обмен через стандартную выгрузку из 1С, которая не требует дополнительного программирования внутри самой системы.
