Не знаете с чего начать? Напишите нам
Получите полную консультацию по Вашему проекту бесплатно и быстро
SANTISPRO более 20 лет занимается оптовой и розничной продажей сантехники, инженерного оборудования и товаров для обустройства дома. За это время компания сформировала широкую ассортиментную матрицу, накопила отраслевую экспертизу и выстроила работу с частными покупателями, строительными организациями, монтажными бригадами и корпоративными заказчиками.
Однако продажи были сосредоточены преимущественно в офлайн-магазинах. Покупатели могли познакомиться с ассортиментом непосредственно в торговых точках или уточнить наличие у менеджера, но полноценного онлайн-канала, позволяющего самостоятельно выбрать и заказать товар, у компании не было.
Изначально заказчик планировал начать с небольшого сайта-каталога, разместить основные товарные группы и постепенно расширять функциональность. После анализа бизнес-модели мы предложили сразу создать полноценный интернет-магазин. Масштаб компании, количество товарных направлений и особенности работы с оптовыми и розничными клиентами требовали не временной витрины, а системного решения, способного стать самостоятельным каналом продаж.
Мы разработали интернет-магазин SANTISPRO на Битриксе, объединив в нём каталог, подробные карточки товаров, поиск, фильтрацию, персональные цены, корзину, оформление заказа, личные кабинеты физических и юридических лиц, историю покупок и интеграцию с 1С.
В результате компания получила управляемую e-commerce-платформу, которая показывает реальный масштаб бизнеса, автоматизирует работу с ассортиментом и позволяет покупателям пройти весь путь от выбора сантехники до оформления заказа онлайн.
SANTISPRO — сеть магазинов сантехники и инженерного оборудования с более чем двадцатилетним опытом работы на рынке.
Компания предлагает товары для ремонта, строительства и оснащения жилых, коммерческих и технических помещений. В ассортимент входят ванны, смесители, полотенцесушители, отопительное оборудование, элементы водоснабжения и канализации, трубы и фитинги, электрика, комплектующие и другие категории.
Особенность бизнеса заключается не только в количестве товарных позиций, но и в разнообразии покупателей.
Частный клиент может искать конкретный смеситель, сифон или полотенцесушитель для квартиры. Ему важно быстро увидеть цену, проверить характеристики и оформить покупку без дополнительных согласований.
Профессиональному монтажнику требуется регулярно заказывать расходные материалы и комплектующие, сравнивать технические параметры и быть уверенным в актуальности остатков.
Представитель строительной компании или магазина работает с крупными объёмами, оптовыми ценами, специальными условиями, реквизитами организации и безналичной оплатой.
Все эти сценарии необходимо было объединить на одной площадке, сохранив понятный интерфейс и предложив каждому типу покупателя подходящие условия взаимодействия.
За годы работы SANTISPRO сформировал ассортимент, который невозможно полноценно представить в формате небольшой витрины.
Каждая товарная группа включает десятки или сотни позиций, отличающихся назначением, производителем, материалом, размерами, способом подключения, техническими характеристиками и стоимостью. Чтобы выбрать подходящий товар, покупателю необходимо не только увидеть фотографию, но и изучить параметры, сравнить несколько моделей и проверить совместимость с другими элементами системы.
При отсутствии интернет-магазина значительная часть этой работы переносилась на менеджеров. Сотрудникам приходилось отвечать на вопросы о наличии и цене, уточнять характеристики, отправлять фотографии и вручную собирать заказ.
Для покупателя такой процесс также был неудобен. Он не мог самостоятельно посмотреть весь ассортимент, вернуться к выбранным позициям, сформировать корзину или оформить заказ в нерабочее время.
Отдельной проблемой было разделение розничных и оптовых клиентов. У этих аудиторий отличаются цены, объёмы закупок, способы оплаты и требования к оформлению документов. Обычный сайт-каталог не позволил бы полноценно поддерживать оба сценария.
Компании был необходим ресурс, который не просто рассказывает о магазинах, а становится частью торговой инфраструктуры.
Перед нашей командой стояла задача разработать полноценный интернет-магазин на Битриксе и перенести основные процессы выбора и оформления товаров в онлайн.
Сайт должен был показать широкий ассортимент SANTISPRO через понятную многоуровневую структуру, помочь пользователю быстро перейти к нужной категории и предоставить достаточное количество информации для принятия решения.
Необходимо было реализовать подробные карточки товаров, поиск, фильтрацию, корзину и самостоятельное оформление заказа.
Одновременно требовалось разработать разные сценарии для розничных и оптовых покупателей. Физическое лицо должно было видеть стандартные цены и проходить короткий путь оформления. Юридическому лицу необходимо было предоставить доступ к специальным условиям, оптовым предложениям и работе от имени организации.
Важной частью проекта стала интеграция с 1С. При таком количестве позиций вручную поддерживать актуальность стоимости, остатков и характеристик практически невозможно. Данные на сайте должны были синхронизироваться с учётной системой компании.
Кроме функциональных задач, проект решал имиджевую. Новый ресурс должен был передать масштаб SANTISPRO, показать опыт компании и сформировать образ крупного профессионального поставщика.
Работу над проектом начали с анализа пользовательских сценариев.
Первая группа посетителей приходит за конкретным товаром. Человек уже знает название, тип или производителя и хочет быстро найти нужную позицию. Для него важны поиск, понятная структура категорий, открытая цена и доступность товара.
Вторая группа начинает выбор с общей задачи. Например, покупателю необходимо обустроить ванную комнату, заменить элементы водоснабжения или подобрать оборудование для отопительной системы. Такой пользователь движется от категории к подкатегории, сравнивает варианты и постепенно формирует комплект.
Третья группа — профессиональные покупатели. Они работают с техническими параметрами, регулярно заказывают похожие позиции и могут добавлять в корзину большое количество товаров. Для них особенно важны характеристики, быстрый доступ к нужным разделам, персональные условия и история заказов.
Четвёртая группа — корпоративные клиенты, которым необходимо оформить заказ от имени юридического лица, использовать реквизиты организации и оплачивать товары по безналичному расчёту.
Эти сценарии стали основой архитектуры интернет-магазина. Мы не ограничились красивой витриной, а выстроили систему, в которой каждый раздел помогает пользователю перейти от потребности к конкретному товару и оформленному заказу.
Первоначальная идея заказчика предполагала постепенное развитие: сначала разместить основные товарные группы, затем добавлять корзину, личный кабинет и другие инструменты.
Однако для компании с большим ассортиментом такой путь создавал риск получить ресурс, который устареет ещё до полноценного запуска. Каталог без оформления заказа продолжал бы направлять покупателей к менеджерам, а последующее расширение потребовало бы перестройки архитектуры.
Поэтому мы спроектировали интернет-магазин как единую систему с самого начала.
Каталог, карточки товаров, пользовательские профили, корзина, оформление заказа и интеграция с 1С связаны между собой. Покупатель может начать с рекламного баннера на главной странице, перейти в нужную категорию, выбрать позицию, изучить параметры и завершить покупку, не покидая сайт.
Так SANTISPRO получил не промежуточное решение, а готовую основу для онлайн-продаж и дальнейшего развития.
Главную страницу разработали как навигационный центр интернет-магазина.
На первом экране размещено крупное товарное предложение, которое знакомит посетителя с актуальной категорией или специальной акцией. В представленном дизайне акцент сделан на большом выборе ванн. Крупная фотография, короткое сообщение и кнопка перехода позволяют сразу направить пользователя в соответствующий раздел.
Ниже расположены преимущества магазина. Через цветные пиктограммы мы показали основные аргументы компании: большой ассортимент, собственную розничную сеть, опыт работы и доступность популярных товарных направлений.
Следующий блок посвящён каталогу. Вместо обычного текстового списка категории представлены в виде визуальной сетки с фотографиями. Посетитель может быстро перейти к смесителям, полотенцесушителям, отопительному оборудованию, элементам водоснабжения, канализации, электрике или другим направлениям.
Далее размещён раздел с лучшими предложениями. Пользователь видит популярные товары, их стоимость и может перейти к подробной карточке. Такой блок помогает познакомиться с ассортиментом даже тем посетителям, которые ещё не определились с конкретной категорией.
Главную страницу дополняют новости и полезные материалы. Они позволяют рассказывать об акциях, новых поступлениях, особенностях оборудования и событиях компании.
В результате страница одновременно работает как витрина, навигатор и точка входа в основные пользовательские сценарии.
Ассортимент сантехники включает множество категорий, названия которых не всегда помогают неподготовленному покупателю быстро сориентироваться.
Поэтому на главной странице мы представили каталог через крупные тематические изображения. Каждая карточка показывает не абстрактную иконку, а реальный тип продукции или понятный контекст использования.
Сетка построена из блоков разного размера. Крупные категории получают больше визуального пространства, а дополнительные направления дополняют композицию. Такой приём помогает показать широту ассортимента и одновременно избежать ощущения перегруженного прайс-листа.
Цветные фоны разделяют направления и позволяют быстрее считывать структуру. При этом палитра остаётся связанной с общей визуальной системой сайта.
Пользователь может начать знакомство с магазином не через сложное многоуровневое меню, а через понятный образ необходимого товара.
Каталог стал центральным разделом проекта.
Мы разделили ассортимент на основные товарные направления, категории и подкатегории. Такая архитектура позволяет постепенно сужать выбор: от общей группы оборудования до конкретного типа товара.
Пользователь, который ищет полотенцесушитель, не должен просматривать ванны, смесители и элементы канализации. Он сразу переходит в нужный раздел и работает только с релевантными позициями.
Внутри каталога предусмотрели боковую навигацию, сортировку и фильтрацию. Покупатель может уточнять параметры и быстрее исключать неподходящие варианты.
Для разных категорий используются собственные характеристики. При выборе сантехнического оборудования могут быть важны материал, тип подключения, размеры и форма. Для элементов отопления или водоснабжения — технические параметры, диаметр, мощность и назначение.
Благодаря этому фильтры не превращаются в универсальный набор формальных полей, а действительно помогают решить задачу пользователя.
Часть посетителей приходит на сайт с уже сформированным запросом. Пользователь может знать название модели, производителя или артикул.
Для такого сценария мы предусмотрели заметный поиск в верхней части сайта. Он остаётся доступным на главной и внутренних страницах, поэтому посетителю не приходится возвращаться в каталог и вручную открывать несколько уровней категорий.
Поиск особенно важен для монтажников и постоянных корпоративных клиентов. Такие покупатели часто работают с конкретными позициями и ценят возможность перейти к товару за несколько действий.
Карточку товара разработали как основную страницу принятия решения.
В верхней части размещаются название, изображения, стоимость и ключевые параметры продукции. Пользователь может рассмотреть товар, уточнить характеристики и сразу перейти к покупке или запросить дополнительную консультацию.
Информация распределена так, чтобы не перегружать первый экран. Основные сведения доступны сразу, а подробные технические данные вынесены в структурированный блок характеристик.
Для инженерных товаров это особенно важно. Покупателю необходимо проверить размеры, материал, вариант подключения, конструктивные особенности и другие параметры, влияющие на совместимость оборудования.
В карточке предусмотрена возможность указать количество и добавить товар в корзину. Пользователь не отправляет перечень позиций менеджеру вручную — выбранная модель сразу становится частью заказа.
Страница также может дополняться связанными позициями и комплектующими. Такой сценарий помогает собрать более полный заказ и снижает риск забыть необходимый элемент.
Розничный покупатель ожидает от интернет-магазина привычного и короткого сценария.
Он открывает каталог, выбирает товар, проверяет цену, добавляет позицию в корзину и переходит к оформлению. Сайт не должен заставлять его разбираться в корпоративных реквизитах или заполнять поля, которые не относятся к личной покупке.
Для физических лиц мы предусмотрели отдельный тип профиля. Интерфейс содержит только необходимую информацию: контакты, данные для получения заказа и историю покупок.
Такой подход снижает количество действий и делает интернет-магазин доступным даже для пользователя, который впервые покупает техническое оборудование онлайн.
Оптовая торговля — важное направление SANTISPRO, поэтому корпоративный сценарий нельзя было реализовать как дополнение к обычной розничной покупке.
Для юридических лиц предусмотрен отдельный тип личного кабинета. После регистрации и подтверждения данных организация получает доступ к соответствующим условиям сотрудничества, специальным предложениям и оптовым ценам.
В профиле сохраняются реквизиты компании и контактная информация. При повторных заказах представителю организации не требуется заново передавать данные менеджеру.
Корпоративный клиент может сформировать заказ из большого количества позиций, проверить его состав и оформить покупку по подходящему сценарию оплаты.
Разделение личных кабинетов позволило объединить B2C- и B2B-аудитории на одной площадке. При этом каждая группа видит только актуальную для неё информацию и не сталкивается с лишними действиями.
Личный кабинет разработали как рабочее пространство покупателя.
Пользователь может управлять персональными данными, просматривать текущие и завершённые заказы, проверять их состав и отслеживать статус обработки.
История особенно полезна для профессиональных клиентов. Монтажник или представитель организации может открыть предыдущий заказ, вспомнить использованные позиции и быстрее сформировать новую закупку.
В кабинете юридического лица дополнительно сохраняются данные организации и условия работы с компанией.
Так сайт поддерживает не только первую покупку, но и регулярное взаимодействие с постоянными клиентами.
Корзину спроектировали как понятную сводку заказа.
На одном экране отображаются выбранные товары, изображения, названия, стоимость, количество и итоговая сумма. Пользователь может скорректировать объём, удалить ненужную позицию или вернуться к каталогу.
При работе с сантехникой и комплектующими корзина может включать большое количество товаров. Поэтому важно было сделать структуру легко проверяемой.
Покупатель видит не просто общую сумму, а весь состав будущего заказа. Это позволяет убедиться, что добавлены необходимые модели и количество каждой позиции указано правильно.
После проверки пользователь переходит к оформлению, не повторяя уже введённую информацию.
Процесс оформления разделён на последовательные шаги.
Сначала покупатель проверяет состав корзины, затем указывает контактные данные и выбирает подходящий способ получения и оплаты. Набор полей зависит от типа клиента.
Физическое лицо заполняет только сведения, необходимые для розничного заказа.
Юридическому лицу доступны поля и данные, связанные с организацией и безналичным расчётом. Если реквизиты уже сохранены в профиле, они могут использоваться повторно.
После оформления заказ поступает в систему в структурированном виде. Менеджер видит выбранные товары, количество, стоимость и информацию о покупателе.
Это сокращает ручную обработку и снижает вероятность ошибок, которые возникают при передаче длинного списка позиций по телефону или в сообщениях.
Для постоянных покупателей разработали отдельный раздел с текущими заказами.
В нём пользователь видит номер, дату, сумму и статус каждой покупки. Цветовые обозначения помогают быстро понять, находится ли заказ в обработке, ожидает оплаты, готовится к выдаче или уже завершён.
Так клиенту не нужно каждый раз обращаться к менеджеру, чтобы уточнить этап выполнения.
Для корпоративных покупателей, которые могут одновременно вести несколько закупок, такой раздел становится полноценным инструментом контроля.
При большом количестве товаров ручное обновление каталога быстро приводит к расхождениям.
Цена может измениться в учётной системе, товар закончиться на складе, а на сайте продолжит отображаться старая информация. Это создаёт негативный пользовательский опыт и увеличивает нагрузку на менеджеров.
Чтобы избежать подобных ситуаций, мы интегрировали интернет-магазин с 1С.
Обмен данными позволяет передавать на сайт актуальные сведения об ассортименте, стоимости, остатках и характеристиках. Сотрудникам не требуется вручную редактировать каждую карточку после изменения информации в учётной системе.
Интеграция особенно важна для SANTISPRO из-за масштаба каталога. Даже небольшое изменение, применяемое к десяткам или сотням позиций, без автоматизации потребовало бы значительного времени.
Связь с 1С превратила сайт из отдельной витрины в часть общей торговой инфраструктуры компании.
Пользователь получает доступ к более актуальной информации и может принимать решение на основе реальных данных.
Он видит текущую стоимость, доступные позиции и характеристики товара. Вероятность ситуации, когда после оформления менеджер сообщает об отсутствии модели или другой цене, существенно снижается.
Для оптовых покупателей точность данных особенно важна. При заказе большого количества товаров даже небольшое расхождение может повлиять на бюджет и сроки проекта.
Таким образом, интеграция решает не только внутреннюю техническую задачу SANTISPRO, но и напрямую влияет на доверие аудитории.
Основой визуальной системы стал фирменный красный цвет SANTISPRO.
Он используется в акцентных фонах, навигационных элементах, кнопках и отдельных интерфейсных состояниях. Красный помогает выделять ключевые действия и одновременно поддерживает узнаваемость бренда.
Чтобы большое количество товаров и технической информации не создавало визуальный шум, основной контент размещён на светлом фоне. Белое пространство отделяет блоки друг от друга, а тёмная типографика обеспечивает хорошую читаемость.
В дизайне сочетаются строгая e-commerce-структура и яркие эмоциональные акценты. Сайт не выглядит сухим техническим каталогом, но при этом сохраняет функциональность и не отвлекает от выбора.
Крупные фотографии сантехники показывают продукцию в контексте интерьера. Они помогают представить, как товар будет выглядеть в реальном пространстве, и делают визуальную коммуникацию более понятной для частного покупателя.
Для основных преимуществ и отдельных товарных направлений разработали систему цветных иконок.
Каждый блок получает собственный оттенок, но все элементы выполнены в едином стиле. Это помогает быстро различать разделы и поддерживает визуальный ритм страницы.
В каталоге цвет используется более активно. Красный, жёлтый, голубой, зелёный и другие оттенки разделяют товарные группы и делают большую сетку легче для восприятия.
При этом яркие фоны не переходят на карточки товаров и технические таблицы, где на первом месте остаётся информация. Таким образом, декоративность используется там, где она помогает навигации, а функциональные разделы сохраняют сдержанность.
На главной странице предусмотрели товарную подборку с актуальными предложениями.
Она помогает направлять внимание на популярные позиции, новинки, товары со специальной ценой или продукцию, которую компания хочет продвигать в конкретный период.
Карточки содержат фотографию, название и стоимость. Пользователь может быстро познакомиться с несколькими вариантами и перейти к подробному описанию.
Такой блок выполняет сразу несколько задач: знакомит нового посетителя с ассортиментом, сокращает путь к востребованным товарам и создаёт основу для проведения маркетинговых кампаний.
Для интернет-магазина с техническим ассортиментом контент может стать важным инструментом выбора.
Покупателям необходимо понимать, чем отличаются типы оборудования, как подобрать комплектующие, на что обратить внимание при монтаже и какие решения подходят для разных условий.
Поэтому в структуру сайта вошёл новостной раздел. Компания может публиковать информацию о новых поступлениях, акциях, мероприятиях и полезные материалы о продукции.
Блок последних публикаций расположен на главной странице и дополняет коммерческий контент. Он показывает, что ресурс регулярно обновляется, а SANTISPRO не просто продаёт товары, но и помогает ориентироваться в ассортименте.
Интернет-магазин спроектирован для работы на компьютерах, планшетах и смартфонах.
Мобильный сценарий особенно важен для профессиональной аудитории. Монтажник может искать комплектующую непосредственно на объекте, а представитель компании — проверять товар и стоимость во время выезда или встречи.
В адаптивной версии каталог перестраивается под ширину экрана, меню становится компактным, а поиск и корзина остаются доступными.
Карточки товаров сохраняют основные фотографии, цену, характеристики и действия. Формы оформления адаптируются так, чтобы пользователь мог заполнить данные с телефона без горизонтальной прокрутки и слишком мелких элементов.
Личный кабинет и список заказов также остаются функциональными на мобильных устройствах.
Интернет-магазин реализован на Битриксе как единая управляемая система.
В проект вошли главная страница, многоуровневый каталог, карточки товаров, фильтрация, поиск, товарные подборки, корзина, оформление заказа, регистрация, личные кабинеты, история покупок, текущие заказы, новости и интеграция с 1С.
Административная панель позволяет сотрудникам управлять структурой сайта, публиковать материалы, создавать акции и редактировать контент.
Каталог связан с учётной системой, поэтому основная товарная информация может обновляться централизованно.
Архитектура проекта подготовлена к масштабированию. Компания может добавлять новые категории, подключать дополнительные способы оплаты и доставки, развивать программу лояльности и расширять возможности корпоративного кабинета.
Многоуровневая структура каталога создаёт основу для привлечения поискового трафика.
Каждая категория и товар получают собственную страницу. Это позволяет продвигать сайт не только по общим запросам о сантехнике, но и по конкретным типам продукции, моделям, производителям и техническим характеристикам.
Страницы категорий можно дополнять описаниями, рекомендациями и ответами на частые вопросы. Карточки товаров содержат названия, характеристики и данные, соответствующие реальным запросам покупателей.
Новостной раздел позволяет публиковать информационные материалы и расширять поисковый охват за пределами коммерческих запросов.
По мере увеличения ассортимента количество потенциальных точек входа также растёт без необходимости менять базовую архитектуру сайта.
Новый интернет-магазин открыл для SANTISPRO полноценный канал онлайн-продаж.
Покупателю больше не требуется сначала посещать торговую точку или уточнять каждую позицию у менеджера. Он может самостоятельно посмотреть ассортимент, сравнить товары, проверить стоимость и сформировать заказ.
Каталог и поиск сокращают время выбора. Подробные характеристики уменьшают количество однотипных вопросов к сотрудникам. Корзина и оформление заказа переводят перечень выбранных позиций в структурированную заявку.
Разделение физических и юридических лиц позволяет работать с разными аудиториями на одном сайте. Розничный клиент получает простой сценарий, а корпоративный покупатель — персональные условия и удобную работу с реквизитами.
Личный кабинет поддерживает повторные продажи. Пользователь может вернуться к истории, проверить текущие заказы и быстрее оформить новую покупку.
Интеграция с 1С снижает объём ручного администрирования и помогает поддерживать актуальность информации.
В результате сайт работает одновременно как интернет-магазин, каталог, личный кабинет клиента, маркетинговая площадка и часть внутренней торговой системы.
Главным результатом проекта стало создание цифровой инфраструктуры, соответствующей масштабу SANTISPRO.
Компания получила не небольшой каталог, который пришлось бы постоянно дорабатывать, а полноценную e-commerce-платформу на Битриксе.
В одной системе объединены розничные и оптовые покупатели, товарный каталог, персональные цены, заказы, контент и данные из 1С.
Сайт позволяет принимать покупки независимо от режима работы офлайн-магазинов и отдела продаж. Посетитель может изучать ассортимент и формировать заказ в удобное время, а менеджер получает уже подготовленную информацию.
Платформа готова к развитию вместе с бизнесом. При расширении сети и ассортимента не потребуется создавать новый ресурс — достаточно масштабировать существующую структуру.
Для SANTISPRO мы разработали полноценный интернет-магазин на Битриксе и помогли компании выйти на рынок онлайн-продаж.
Широкий ассортимент был перенесён в структурированный каталог с визуальными категориями, фильтрацией, поиском и подробными характеристиками.
Пользователи получили возможность самостоятельно выбирать товары, добавлять их в корзину и оформлять заказ. Для физических и юридических лиц реализованы разные сценарии взаимодействия и личные кабинеты.
Корпоративным клиентам доступны специальные условия и работа с данными организации. Розничные покупатели проходят короткий и привычный путь оформления.
Интеграция с 1С автоматизировала обновление товарной информации и помогла связать интернет-магазин с внутренними процессами компании.
Фирменная красно-белая палитра, крупные фотографии и визуальная сетка категорий сформировали узнаваемый образ SANTISPRO и показали масштаб ассортимента.
Изначально заказчик планировал начать с небольшого сайта-каталога и постепенно добавлять новые возможности. Мы предложили посмотреть на проект шире и сразу создать решение, соответствующее уровню компании.
В результате SANTISPRO получил не временную интернет-витрину, а полноценную торговую площадку.
Новый сайт объединяет каталог, розничные и оптовые продажи, личные кабинеты, корзину, оформление заказа, историю покупок и интеграцию с 1С.
Покупатели могут самостоятельно пройти путь от поиска сантехники до сформированного заказа, а сотрудники компании тратят меньше времени на ручное уточнение стоимости, характеристик и состава покупки.
Проект стал основой для дальнейшего развития онлайн-направления SANTISPRO и позволил представить компанию в цифровом пространстве так же масштабно и профессионально, как она работает на рынке более двадцати лет.
Получите полную консультацию по Вашему проекту бесплатно и быстро
