Создание интернет-магазина биотуалетов
О проекте
Quadro Design подготовила проект интернет-магазина биотуалетов на Webasyst Shop-Script. В основе работы — индивидуальная концепция дизайна, созданная для продажи, с витриной продукции THETFORD. В состав разработки вошли дизайн, вёрстка и интеграция вёрстки и плагинов в Webasyst. Главная страница сочетает представление товаров с объяснением, для каких задач их выбирают.
Выбор биотуалета через понятные сценарии
В этой тематике посетителю важно соотнести изделие с условиями использования. Поэтому отдельный блок главной посвящён подбору по назначению: для дачи, дома или деревни, для квартиры, для туризма, для пожилых людей. Круглые фотографии показывают жизненные ситуации, а короткие подписи связывают их с соответствующими предложениями. Переход к моделям размещён рядом с каждым сценарием.
Выше расположены две товарные зоны — рекомендуемые модели и хиты продаж. Их карточки объединяют изображение, название, краткое описание и цену; действие добавления в корзину выделено цветом. Такое построение даёт два способа знакомства с ассортиментом: начать с конкретного товара или сначала определить подходящее назначение.
Бирюзовая палитра и природные мотивы
В дизайне использованы белый фон, бирюзовые блоки и яркие зелёные кнопки. Округлые формы повторяются в фотографиях, декоративных элементах и контактной зоне. Они связывают разные части страницы, сохраняя лёгкую подачу технической продукции. Фотографии изделий остаются на светлом фоне и хорошо отделяются от окружающего текста.
В шапке находятся логотип, контакты и основные разделы: биотуалеты, жидкости, отзывы, оплата и доставка. Ниже информационная полоса знакомит с предложением магазина. После товарных и тематических блоков предусмотрен рассказ о работе биотуалетов, затем контактная секция с листьями и многоколоночный подвал. Страница последовательно переходит от выбора продукции к пояснениям и обращению в магазин.
Вёрстка и сборка витрины на Shop-Script
Мы перенесли композицию в вёрстку и интегрировали её в Webasyst Shop-Script вместе с плагинами. При сборке согласовали оформление навигации, товарных карточек, корзины и информационных секций. Общие элементы страницы получили единый стиль, а торговые блоки — структуру для вывода данных каталога.
Особое внимание в визуальной подаче уделено разделению товарной и поясняющей информации: цены и действия находятся в карточках, сценарии использования — в отдельной секции, контакты — в конце страницы. В галерее представлен подготовленный дизайн главной. Кейс показывает концепцию специализированного магазина, где ассортимент раскрывается через назначение продукции, а товарные блоки дополнены пояснениями к выбору.
Другие проекты и разработка сайта
Посмотрите разработку магазина металлической мебели ЗМК и разработку магазина линолеума и ковролина в нашем портфолио сайтов.
Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.