Разработка интернет-магазина ISPIRA.RU — дизайн и модули каталога

О проекте

ISPIRA.RU — интернет-магазин с визуальной подачей разных категорий товаров. На главной используются крупные фотографии одежды, аксессуаров и других предметов. Сайт создали с нуля на Webasyst и Shop-Script: разработали дизайн, выполнили вёрстку и интеграцию, встроили плагины и дополнительные модули.

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

Дизайн и визуальный каталог

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

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

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

Модули карточки товара и навигации

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

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

Корзина, оформление заказа и интеграция

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

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

Итог проекта

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

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

Посмотрите разработку магазина детских товаров igro.land и разработку магазина гаджетов NN-Market в нашем портфолио сайтов.

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