Как мы разработали сайт для поставщика стройматериалов с удобным каталогом и интеграцией с 1С

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

Условия:

Конечно, в современных реалиях удобнее работать с гибким обменом сайта с 1С через JSON-файлы, которые системы передают друг другу по запросу. Но не у всех клиентов есть возможность нанять разработчика 1С для реализации такой синхронизации. Такая ситуация произошла и с «Адмиралом». Нам пришлось работать с тем, что было доступно — стандартным обменом в 1С через XML.

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

Что касается синхронизации с 1С, в том же «Битриксе» для этого есть готовые решения. Однако мы ничем не уступаем — наши сайты на Django полностью кастомизируемы в руках опытного разработчика. Поэтому мы самостоятельно запрограммировали получение XML-файла с товарами и его парсинг, а также настроили отправку заказов с сайта в 1С в том же формате XML.

В дизайне мы использовали закреплённое боковое меню с основными текстовыми разделами сайта. Кнопку перехода в каталог разместили в самое видное место — в шапку. При клике на неё раскрывается навигация по категориям каталога.

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

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

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

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

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

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

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