Дизайн интернет-магазина (адаптив)

ВАЖНО: обязательно наличие в потортфолио адаптивного дизайна интернет-магазина.

Нарисовать варианты для ПК, смартфона, планшета в формате psd или sketch.

Прилагаю примерный макет 3-х страниц (главная, товар, каталог)
Все элементы, присутствующие в макете, обязательно должны присутствовать в разрабатываемом дизайне, можно варьировать местоположение и их вид.

ГЛАВНАЯ

Баннер тянется по всей ширине экрана.
На нём – улыбающаяся девушка или девушка с парнем, оба радостные, с отличными зубами и текст: "Donfeel. C заботой о вашей улыбке". 
Неамериканская внешность. Надо поискать в фотобанках.
В баннер можно добавить (или не добавлять) несколько продуктов Donfeel – ирригаторы, зубные щётки, бальзамы 

Шапка:
Если ссылки на категории товаров не будут умещаться по длине, то можно сгруппировать в 2 или 3 столбца. В крайнем случае – сократить названия (этот вариант согласовать).

КАТАЛОГ
На десктопе товар в 3 столбца, на мобильном – в 1.
Для каждого из товаров выводится 4 характеристики
В каталоге есть фильтр: "Тип: -стационарный, -портативный". Он выводится во всех версиях сайта. В некоторых категориях фильтра не будет, нужно предусмотреть это, чтобы пустое место выглядело нормально или чтобы контент съезжал.
Кнопка "Сравнить выбранные" появляется, когда выбрано минимум 2 товара для сравнения.
При нажатии на кнопку "Купить", надпись меняется на "В корзине"


СТРАНИЦА ТОВАРА
Блок с подарками может присутствовать или отсутствовать для разных товаров.
Надо зарезервировать место для старой цены на случай, когда товар продается со скидкой, также для слова "+подарок" для случаев, когда к товару полагаются подарки.

Сообщить о поступлении
Когда товар есть в наличии, отображается кнопка "Купить". Если товара нет, то "Сообщить о поступлении", при нажатии – всплывающее окно "Сообщить о поступлении". Мы сообщим вам, когда товар поступит в продажу. Имя, телефон, email,  чекбокс "согласен на обработку персональных данных", кнопка "Сообщить" (см. soobshit.png). Когда заявка отправлена – поп-ап "Спасибо": Спасибо, ваша завяка принята. Мы сообщим вам, когда товар поступит на склад. (пример – spasibo.png)

Заказ в один клик
всплывает поп-ап "Заказать в один клик" (Название товара, Ваше имя, Телефон, чекбокс "согласен на обработку персональных данных", кнопка "Заказать",(См. пример во вложении 1click). 
После нажатия  "Заказать в один клик" – поп-ап: "Ваша заявка принята. Наш специалист перезвонит вам в ближайшее время." (пример – spasibo.png)

Блок "Купите с выгодой"
При нажатии "Купить со скидкой 300рублей" надпись на кнопке меняется на "Товары со скидкой уже корзине"


КОРЗИНА
По принципу, как в файле "корзина.jpg"


СТРАНИЦА СРАВНЕНИЯ
По принципу, как в файле compare.png

СТАТИЧЕСКАЯ
Страница с текстовым содержанием.


НОВОСТИ
Выводится список новостей в 2 столбца.
Для каждой новости – фото-превью, Дата, заголовок, одно предложение текста.


СТРАНИЦА 404
Посреди страницы: "К сожалению, данной страницы нет на нашем сайте.
Но есть купон на скидку 5% на весь ассортимент
Введите SMILE5 в корзине при оформлении заказа и получите скидку!
Кнопка "Скопировать код"


"Хлебные крошки" делаем на десктопе, а на мобильном и планшете отображается только одна родительская категория. То есть, если мы находимся на странице товара Ирригатор Donfeel OR-820, то отобразятся следующим образом:
Десктоп: Главная >  Ирригаторы полости рта
Мобильный и планшет: < Посмотреть все ирригаторы полости рта


Разработать 2 стикера на товар в каталоге на странице товара:
1. "SALE"
2."+ Подарок" (можно иконкой)

Дополнительные файлы к заданию вышлю исполнителю.

Срок – 10 дней