Сверстать лендинг из .psb

HTML та CSS верстання, Javascript та Typescript, Веб-програмування — неправильно зазначені категорії?

Необходимо сверстать лендинг.

Требования:

1. Отображение, скорость загрузки и анимация страницы захвата в браузерах и мобильных устройствах:

Полное соответствие дизайн-макету
Максимально оптимизированные без видимой потери качества изображения (фотографии, задние фоны и т.д.)
Анимация должна адекватно отображаться на мобильных устройствах
Анимация проигрывается однократно только при прокрутке сверху вниз

2. Операционные системы и браузеры:

Windows 7 — Chrome 30, Opera 18, IE 10, Firefox 27, Safari 5.1
Windows 8 — Chrome 30, Opera 18, IE 10, Firefox 27, Safari 5.1
OS X Maverics/Yosemite — Chrome 30, Opera 18, Firefox 25, Safari 7

3. Мобильные устройства:

iOS 6/7/8 — iPhone 5, 5S, 5C, 6, 6 Plus; iPad (все версии)
Android KitKat 4.4.2

4. Отправка заявок с форм захвата

Все заявки отправляются на почтовый ящик с данными видимых полей, указанных в форме, а так же данными невидимых полей, т.н. UTM-меток, данные о которых берутся из ссылки перехода на сайт.
Тема почтовых сообщений должна соответствовать номеру формы (кнопки на сайте) и каждая заявка должна нумероваться (Пример: Заявка №1 Форма №1 или Заявка №1 Форма №3)

5. Цели

Для каждой формы необходимо прописать цель Яндекс.Метрики и Google Analytics, которые должны срабатывать по факту отправки данных с формы.

6. Анимация:

На первом экране слайдер, меняющий фоновое изображение
В разделе «Об архитекторе» — кнопка должна плавно выплывать слева
При наведении на кнопки они заливаются синим цветом, пример анимации есть в прикрепленном файле
В разделе «Наши объекты» при выборе категории должны прямоугольники красиво заменяться на соответствующие каждому разделу (какие-то будут оставаться, а какие-то появляться, так как при отсутствии выбранной категории человек будет видеть только те объекты, которые есть на макете, а в разных категориях есть другие объекты)
По нажатию на прямоугольник открывается всплывающее окно со слайдером и описанием
Для блока 10 в разделе «Что вы получите...» показан функционал в прикрепленном файле
Для раздела «Вы наш клиент, если» нужна анимация ромбов при наведении как тут http://www.freresdencre.com/artistes/

7. Параллакс

После раздела «Награды» делаем эффект параллакс (на задний план ставим большую фотографию дома) как тут http://www.mokselle-dev.ru/h2o/ после раздела «H2 Water Server для вашей семьи»
Начиная с блока «Что вы получите для работы с нами», заканчивая блоком «Ремонт и стройка - не кошмар» делаем для каждого блока параллакс как тут http://magazine.rolexawards.com/laureate/francesco... начиная с заголовка DEEP INSIDE THE HOUSES OF THE GODS.

Макет:

https://drive.google.com/file/d/0B8CkLRBeHkT5LUQ0b...

Анимация кнопок и тд:
https://drive.google.com/file/d/0B8CkLRBeHkT5bWRjW...

Ставки 11

Татьяна Наконечная

5 0

Проєкти -
Оцінка -
Рейтинг 331

Бюджет: 120 USD Термін: 2 дні

Я могу выполнить данный проект!
Мне понравился дизайн и я хочу его воплотить в реальность!
Мои работы Вы можете увидеть в профиле.
Спасибо за внимание!