PZHWEAR — страница пред-заказа

Основной экран сайта

Мы уже создавали интернет-магазин для бренда одежды PZHwear.
Спустя годы, деятельность магазина — набрала внушительные обороты и новые коллекции — порой сопровождаются отдельными сайтами-страницами.

Созданная визитка, а именно к такому типу сайта — нужно отнести подобное. Является высоко-бюджетной вариацией данной категории.
Она довольно скромная в объеме, но содержит перечень интересных технических и дизайнерских элементов.

Первое: мы ввели небольшой zoom-эффект. Задний фон постепенно увеличивается в размерах, при открытии сайта.
Второе: мы установили таймер до окончания продажи, в течении которого — можно заказать предмет одежды.
Третье: выдвижной блок с самой коллекцией под кнопками «меню» и «подробнее».

В рамкрытой зоне — мы увидим текстовый блок и 8 плиток товаров, из новой коллекции.

Раскрытый блок коллекции

Наведение на каждый из блочных элементов — вызывает всплывающее название. А при клике — всплывающее окно — демонстрирует сам товар.

Плитки товара

При нажатии на «хочу подарок» — мы получим форму обратной связи во всплывающем окне. Пользователь может отправить свой email администратору — для получения кода и дальнейшей возможности заказа на основном сайте.

Разумеется мы позаботились об адаптивности. Дизайн полностью «резиновый» и ввиду скромного наполнения — имеет малые различия между экраном ПК и планшетом.
На устройствах по типу смартфонов — все выглядит следующим образом: