Создание интернет-магазина сантехники Sanform на Webasyst

О проекте

Sanform — проект интернет-магазина сантехники и оборудования для ванной комнаты. В рамках создания сайта с нуля выполнили дизайн, вёрстку и интеграцию в Webasyst Shop-Script. Работа включала оформление каталога, товарных блоков и элементов интерфейса, связанных с выбором и покупкой продукции.

Ассортимент объединяет разные задачи обустройства ванной: от выбора раковины или смесителя до покупки ванны, душевой кабины и мебели. При проектировании витрины требовалось показать основные группы товаров без длинного вводного текста и дать место крупным фотографиям, по которым посетитель оценивает внешний вид изделия.

Категории и визуальная подача ассортимента

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

Дизайн использует светлый фон с фактурой бумаги, мягкие серые линии и синие акценты у действий с товарами. Категории оформлены рисунками, а сами изделия — фотографиями. Это разделяет навигацию и товарное предложение, сохраняя общую стилистику магазина.

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

Вёрстка и интеграция в Webasyst

• Подготовили индивидуальный дизайн магазина сантехники с тематической навигацией.
• Сверстали шапку, категории, товарную сетку, боковую область и футер.
• Интегрировали оформление витрины в Shop-Script.
• Оформили элементы плагинов и торгового интерфейса в стиле проекта.
• Предусмотрели в интерфейсе списки покупок, новости компании и ссылки на условия заказа.

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

Результат разработки

Для Sanform создали интернет-магазин, в котором категории и фотографии продукции формируют основу витрины. Индивидуальный дизайн соединяет узнаваемую подачу сантехники с торговыми элементами Shop-Script. Проект иллюстрирует создание сайта для товарной ниши, где покупателю нужны и общая картина ассортимента, и возможность рассмотреть внешний вид конкретного изделия.

Другие проекты и разработка магазина

Посмотрите разработку магазина сантехники SANTEX-Elit и разработку Торгового дома «Эспада» в нашем портфолио сайтов.

Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.