Структура интернет-магазина
В шапке сайта находиться:
- Логотип интернет-магазина «Department», при нажатии на который будет происходить редирект на главную страницу сайта;
- Ссылки на ключевые разделы: новинки, мужское, женское, аксессуары, бренды, скидки, при наведении курсора на любой из разделов всплывает окно с раскрытым списков всех подразделов
- Иконка поиска, при нажатии на которую будет производиться поиск по сайту; - Иконка избранного, при нажатии на которую будет происходит редирект на страницу с избранными товарами;
- Иконка корзины, где будут храниться товары добавленные в корзину;
- Иконка профиля, при нажатии на которую пользователь будет попадать в профиль. В случае, если пользователь не авторизован — он будет направлен на страницу авторизации
Шапка сайта закреплена на каждой странице сайта
На главной странице находиться:
- Блоки с разделением ассортимента на мужское/женское;
- Блок с каруселью карточек популярных товаров;
- Блок с каруселью карточек товаров по скидке;
- Блок с каруселью карточек новых поступлений;
- Блок с каруселью карточек всех товаров
Карточка товара содержит: наименование товара, описание, фотографию и цену. Каждый из блоков имеет функциональную текстовую кнопку «Показать ещё», которая ведет на соответствующий раздел
В футере находиться:
- Ссылки на ключевые разделы сайта;
- Логотипы платежных средств;
- Ссылки на социальные сети;
- Контактная информация;
- Ссылки на документы
Футер сайта закреплен внизу на каждой странице сайта
На странице брендов находиться:
- Список всех брендов, сортированный по алфавиту
На странице категории товара (мужское/женское/новинки/скидки) находиться:
- Блок фильтрации, который содержит пункты: цена, пол, категория товара (кроссовки, футболки и тд.), цвет, размер, бренд
- Список товаров карточками (Карточка товара содержит: наименование товара, описание, фотографию и цену), при нажатии на которую открывается страница с подробной информацией о товаре
- Фильтр по сортировке карточек товаров, пример фильтров: Сортировка по возрастанию цену, по убыванию и тд.
На странице с контактами находиться:
- Контактные данные почта/телефон для связи с поддержкой
- Информация о времени в которое отвечает поддержка
- Реквизиты организации
На странице помощь покупателю находиться
- Информация о возврате товара
- Информация раскрывающая в полной мере подробности оплаты и условия доставки товара в разные регионы страны.
- Блок частых вопросов, в котором будут раскрыты частые вопросы, которые задают покупатели
На странице карточка товара находиться:
- Большая фотография товара, а также переключатель, который позволяет посмотреть другие фотографии товара
- Блок с информацией о товаре, который содержит: наименование, цену, доступные размеры, кнопку "Добавить в избранное", кнопку "Добавить в корзину", кнопки вариантов оплаты (в том числе рассрочка через сервисы: "Тинькофф Рассрочка" и "Долями"), артикул/код товара, таблицу размеров, информацию о бренде, а также о возврате и доставке
- Блок "Вы недавно смотрели" с каруселью карточек товаров, которые недавно открывал пользователь
- Блок "Вам может понравиться" с каруселью карточек товаров, которые похожи на товары, которые просматривал пользователь
В корзине находиться:
- Товары, ранее добавленные пользователем (в случае если товар не был добавлен, в корзине будет информация о том, что товар появиться здесь, после того как пользователь его добавить)
- Кнопка "Оформить заказ"
- Кнопка изменения количества товара в корзине
- Кнопка удаления товара из корзины
На странице оформления заказа находиться:
- Список товаров, которые будут оформлены
- Кнопка изменения количества товара
- Блок информации о пользователе: имя, фамилия
- Блок информации с адресов доставки, с функционалом добавления или изменения адреса доставки
- Блок с вводом промокода
- Сумма ИТОГО за все позиции с учетом доставки
- Кнопка "Купить", а также кнопка рассрочки Тинькофф и сервиса "Долями"
На странице успешной оплаты находиться:
- Информация о том, что заказ был успешно оформлен
- Список товаров, которые были куплены
- Информация о плановой доставке
- Номер заказа
- Чек
На странице ошибки оплаты находиться:
- Информация о том, c чем связана ошибка (например: ваша оплата не прошла, попробуйте еще раз)
- Функциональные кнопки: "Попробовать еще", "Вернуться в корзину"
На странице авторизации находиться:
- Функционал с вводом номера телефона
- Кнопка "Продолжить"
После ввода номера телефона и нажатия на кнопку "Продолжить", пользователю нужно будет ввести код отправленный ему на телефон указанный ранее.
На странице профиля находиться:
- Контактная информация: имя, фамилия, электронная почта, телефон, адрес доставки
- История заказов и их статус (в случае если заказ в процессе доставки — пользователь видит статус, а также ссылку на отслеживание доставки)
- Кнопка "Выйти из аккаунта"
На странице избранных товаров находиться:
- Товары добавленные в избранное
- Кнопка удалить товар из избранного
- В случае если страница пустая - выводим пользователю информацию о том, что сюда можно добавлять избранные товары