Please enable JavaScript.

Coggle requires JavaScript to display documents.

Интернет-магазин нижнего белья - Coggle Diagram

- - - - На экране появляется главная страница сайта:
        
        хедер с лого и полем для поиска товаров;
        
        баннер с пагинацией;
        
        блок с категориями товаров (фото с названием категории, на которое пользователь может нажать и перейти на соответствующею страницу);
        
        блок с новой коллекцией;
        
        блок с иконками: Главная страница, Поиск, Корзина, Избранное, Профиль
        
        Пользователь нажимает на баннер и переходит на страницу, которая касается информации на баннере
        
        Если пользователь хочет выйти со страницы, то нажимает на иконку со стрелкой "Вернуться назад" в левом верхнем углу страницы
        
        Если пользователя заинтересовало предложение на баннере, то попав на страницу с соответствующей информацией, он двигается далее, чтобы совершить покупку (например, попав в категорию товаров, нажимает на карточку товара, смотрит фото, выбирает свой размер и цвет, нажимает на кнопку "добавить в корзину" и оформляет заказ
        
        Пользователь нажимает на фото в блоке "Категории товаров" и переходит на соответствующею страницу
        
        Блок "Категория товара" выглядит так: в левом верхнем углу экрана стрелка "Вернуться назад", в правом верхнем углу иконка "Фильтры". Ниже представлены карточки товаров.
        
        Нажав на иконку "Фильтры", на экране открывается дополнительная страница, где в верхнем левом углу стрелка "Вернуться назад", в верхнем правом углу надпись "Удалить фильтры". Ниже представлены такие варианты выбора: "Сортировать за", "Размер", "Цвет" и "Цена".
        
        Нажав на карточку товара, на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад". Ниже представлены фото товара с пагинацией при скроле вниз. Фото занимает большую часть экрана. В правом нижнем углу на фото есть иконка "Избранное". Под фото информация о товаре (название, цвет, цена). Далее идут кнопки "Выбор размера", "Добавить в корзину", "Наличие в магазине". Дальше идет надпись "Детали о товаре", нажав на которую открывается текст с соответствующими деталями. Аналогично этой следует надпись "Материал и инструкция по стирке". После этого идут карточки похожих товаров.
        
        Выбрав размер, цвет (если возможно) и нажав на кнопку "Добавить в корзину", на экране вверху появляется плашка, что товар добавлен в корзину. При нажатии на плашку открывается "Корзина".
        
        Пользователь вводит в поле для поиска название товара и переходит в каталог товаров соответствующей категорией
        
        Пользователь нажимает на фото в блоке "Новая коллекция" и переходит на соответствующею страницу
        
        Пользователь переходит на страницу с карточками новых товаров. В верхнем левом углу есть стрелка "Вернуться назад", в верхнем правом углу - иконка "Фильтры" (выбор цены, размера и цвета).
        
        Пользователь нажимает на иконку "Главная страница" и оказывается в начале главной страницы
        
        Пользователь нажимает на иконку "Поиск" и вводит название товара, далее переходит в каталог товаров соответствующей категорией
        
        Пользователь нажимает на иконку "Корзина" и переходит на станицу с корзиной товаров.
        
        Если корзина пустая: на экране появляется текст "Корзина пустая" и кнопка "Вернуться назад".
        
        Если в корзине есть товары: на экране появляется страница с выбраним товаром, информацией о нем (название товара, размер, цвет, цена), иконкой "Редактировать товар", текстом про доставку, функцией добавить промокод и кнопкой "Оформить заказ". Над кнопкой указана информация о доставке (например, доставка - бесплатно) и итоговая цена всех товаров в корзине. В верхнем левом углу страницы есть стрелка "Вернуться назад".
        
        Нажав на кнопку "Оформить заказ", на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад". Ниже представлен текст "Войдите в систему или продолжайте как гость, чтобы сделать покупку". Далее следуют поля для ввода на выбор.
        Зарегистрированный клиент:
        Поле "E-mail"
        Поле "Пароль"
        Под полем "Пароль" надпись "Забыли пароль?"
        Кнопка "Войти в систему"
        Продолжить как гость:
        Текст "Введите свой адрес электронной почте, чтобы продолжить покупки. При желании Вы можете создать учетную запись позже"
        Поле "E-mail"
        Надпись с пустым квадратиком и текстом "Я хочу получать информационные письма"
        Кнопка "Продолжить"
        Надпись под кнопкой "Нажав на "Продолжить", Вы соглашаетесь с нашей Политикой Конфиденциальности".
        
        Нажав на кнопку "Продолжить" на экране открывается страница "Детали о покупателе". Сначала идут поля "Имя", "Фамилия". Далее следует автоматически заполненные поля "E-mail" и "Страна" (доставка возможна только в Украине). Затем идут поля "Город", "Адрес" и "Номер телефона". Кнопка "Продолжить". Под кнопкой надпись "Продолжив, Вы соглашаетесь с Политикой Конфиденциальности"
        
        Нажав на кнопку "Продолжить", на экране открывается страница, где в верхнем левом углу находится стрелка "Вернуться назад" (при нажатии можно отредактировать предыдущую информацию). Ниже идет информация о способе доставки с соответствующими полями для выбора (Самовывоз с магазина, адресная доставка курьером, доставка Новой почтой). Если доставка бесплатная, то появляется данная надпись над пунктами выбора. Ниже следуют поля с выбором способа оплаты. (Оплата при самовывозе, оплата при получении заказа на Новой почте, оплата курьеру при получении товара, онлайн-оплата).
        
        1 more item...
        
        Пользователь нажимает на иконку "Избранное" и попадает на соответствующею страницу.
        
        Если избранных товаров нет: на экране появляется текст "Список пустой" и кнопка "Начать добавлять товары", нажав на которою, пользователь попадает на главную страницу.
        
        Если избранные товары есть: на экране появляется карточка избранного товара с его названием, ценой и иконкой "Избранное".
        
        Карточка товара в каталоге выглядит так: фото товара, ниже название товара, цена и иконка "Избранное".
        
        Пользователь нажимает на иконку "Профиль" и попадает на соответствующею страницу.
        
        На экране появляется страница, где в верхнем левом углу есть стрелка "Вернуться назад". Ниже текст "Войти в свой аккаунт". Далее поля "Создать аккаунт" и "Войти в систему". Далее представлены кнопки "Настройки", "Нужна помощь?" и надпись "Рассылка новостей".
        
        Настройки: на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад", ниже поле "Язык" и надпись "Оповещения" с кнопкой "Отключено" и "Включено".
        
        Войти в систему: на экране открывается страница, где в верхнем левом углу есть стрелка "Вернутся назад", ниже текст "Войти или зарегистрироваться" и поля для ввода "E-mail", "Пароль", ниже надпись "Забыли пароль?". Далее кнопка "Войти в систему", ниже надпись "Создать новый аккаунт". Внизу страницы есть надпись "или войдите через Facebook". При правильном заполнении операция осуществляется успешно. При неправильном заполнении на экране появляется текст (например "Неправильный E-mail или пароль"). Кнопка "Войти в систему" не нажимается и остается серой.
        
        Нужна помощь?: на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад", ниже кнопки "Как покупать", "Способы оплаты", "Доставка", "Замена или возврат товара", "Мой аккаунт/Регистрация", "Подарочные карты", "Контакты и локация", нажав на которые, пользователю открываются страницы с соответствующим информационным текстом.
        
        Создать аккаунт: на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад", ниже текст "Введите Ваши регистрационные данные" и поля для ввода "Имя", "Фамилия", "E-mail", "Пароль", "Номер телефона". Далее пустой квадратик и текст "Я прочитал (-а) и понимаю информацию об использовании моих персональных данных, изложенную в Политике Конфиденциальности, а также даю свое согласие на получение персонализированных сообщений коммерческого характера от Under___".Ниже кнопка "Создать аккаунт". При правильном заполнение всех полей операция осуществляется успешно. При неправильном заполнение на экране появляется текст (например "Неправильный номер телефона или E-mail"). Кнопка "Создать аккаунт" не нажимается и остается серой.
        
        Рассылка новостей: на экране открывается страница, где в верхнем левом углу есть стрелка "Вернуться назад", ниже текст "У нас для Вас много интересного", далее текст "Узнавайте о наших специальных предложениях раньше других и открывайте для себя наши новые товары. И много других сюрпризов!". Далее представлено поле для ввода E-mail. Под полем пустой квадратик и текст "Я прочитал (-а) и понимаю информацию об использовании моих персональных данных, изложенную в Политике Конфиденциальности, а также даю свое согласие на получение персонализированных сообщений коммерческого характера от Under___". Далее кнопка "Подписаться".
        
        Пользователь нажимает на лого и оказывается в начале главной страницы
    - - Если смс з кодом пришла и клиент правильно его ввел в соответствующее поле, то это поле обводиться зеленым цветом, а под ним написано "Регистрация прошла успешно. Купон на 100 грн автоматически добавлен в корзину". Пользователь нажимает кнопку "Главная страница" и переходит на главную страницу. (Слева от кнопки "Главная страница" есть кнопка "Закрыть", на которую пользователь может нажать и отказаться от процесса регистрации до момента ввода кода).
      - Если смс з кодом пришла, но клиент неправильно его ввел в соответствующее поле, то это поле обводиться красным цветом, а под ним написано "Неправильный код". Пользователь пробует ввести код еще раз.
      - Если смс не пришла: на экране под формой для ввода кода написано "Если Вы не получили смс с кодом на указанный номер телефона, попробуйте ввести его еще раз или введите другой номер телефона. Операция может занят несколько минут".