Loading...

Сайт интернет-магазина бытовой химии

  • Шапка сайта

    • Логотип (Название компании)

    • Кнопка "Каталог"

    • Кнопка "Корзина"

    • Кнопка "Избранное"

    • Кнопки "Войти / Регистрация"

  • Главная страница

    • Большой баннер/слайдер (акции, новости компании, главный посыл про экологию)

    • Блок «Популярные категории»

    • Блок «Недавно просмотренные товары»

    • Блок «Хиты продаж» / «Рекомендуем»

    • Крупные кнопки «Смотреть все товары» / «В каталог»

  • Каталог товаров

    • Левая боковая панель — фильтры:

      • По категориям

      • По цене (слайдер)

      • По бренду / типу товара / объёму

      • Поисковая строка

    • Сетка карточек товаров (по 4 в ряд)

      • Фото товара

      • Название

      • Цена (старая/новая при скидке)

      • Кнопка «Купить» (быстрое добавление в корзину)

      • Кнопка «В избранное» (сердечко)

    • Пагинация / кнопка «Загрузить ещё»

  • Карточка товара

    • Галерея фотографий (основное фото + миниатюры)

    • Название товара

    • Артикул, бренд, объём

    • Цена (с возможной скидкой)

    • Кнопка «Добавить в корзину» (с выбором количества)

    • Кнопка «В избранное»

    • Вкладки/блоки:

      • Подробное описание

      • Состав

      • Способ применения

      • Отзывы

    • Блок «Похожие товары» или «С этим покупают»

  • Избранное

    • Сетка карточек товаров, добавленных в избранное (аналогично каталогу)

    • Кнопка «Добавить в корзину»

    • Кнопка удаления из избранного

  • Корзина

    • Список добавленных товаров:

      • Фото

      • Название

      • Цена за единицу

      • Количество (плюс/минус)

      • Кнопка удаления

    • Промежуточный итог

    • Поле для промокода

    • Итоговая сумма

    • Кнопка «Оформить заказ» (переход к оформлению)

  • Оформление заказа

    • Шаг 1: Контактные данные (ФИО, телефон, email)

    • Шаг 2: Выбор способа доставки

    • Шаг 3: Адрес доставки

    • Шаг 4: Способ оплаты (при реализации)

    • Блок с товарами и итоговой суммой (справа или снизу)

    • Кнопка «Подтвердить заказ»

  • Подвал сайта

    • Контактные данные (телефон, email, адрес)

    • Ссылки на социальные сети

    • Копирайт