Продукт и задача сайта
«Технодом Импорт» поставляет SPA-бассейны, джакузи, купели, модульные и капсульные дома из Китая. Это разные категории с большим набором характеристик: покупателю нужно разобраться в моделях, выбрать комплектацию и запросить расчёт.
Собрали направления в одном каталоге. Для каждого подготовили раздел, а для моделей — отдельные страницы с фотографиями, описанием и характеристиками.
Дизайн и навигация
На главной показали направления в общей сцене: бассейн, джакузи, модульный и капсульный дома. Объекты на изображении ведут в соответствующие разделы каталога. Ниже повторили направления обычными карточками, чтобы посетитель мог выбрать удобный способ перехода.
Внутри каталога предусмотрели категории, сортировку и переходы к другим моделям. В карточке товара собрали фотографии, основные характеристики, стоимость и обращение за расчётом.
Выбор модели и комплектации
Добавили избранное и сравнение товаров. В сравнении можно оставить только различающиеся характеристики — так проще увидеть, чем одна модель отличается от другой.
Для SPA предусмотрели выбор Standard и PRO, а также региона доставки. Выбранное сочетание определяет отображаемую стоимость. В подробной карточке есть описание, характеристики, дополнения и ответы на вопросы.
Управление каталогом
Для работы с содержимым подключили Directus. Команда может редактировать каталог, работать с выгрузками Excel и проверять изменения в предпросмотре.
Подготовили процесс публикации на хостинг из CMS. Он сохраняет предыдущий выпуск, чтобы можно было вернуть прежнюю версию файлов сайта.
Разработка и SEO-подготовка
Сайт собрали на Astro и TypeScript. Страницы генерируются заранее: посетителям отдаются готовые HTML-файлы. Каталог получает данные из снимка, поэтому открытие страниц не зависит от доступности панели управления.
Подготовили адреса категорий и товаров, карту сайта и структурированные данные. Для вариантов товара предусмотрели отдельные ссылки с выбранной комплектацией и регионом.
Что получилось
Сайт объединяет несколько товарных направлений и помогает пройти от знакомства с ассортиментом к выбору конкретной модели. Покупатель может сохранить товары, сравнить характеристики и запросить расчёт. Команда получила инструменты для обновления каталога и публикации изменений.
