Верстка нескольких страничек с анимациями

6 000 руб. за проект • безналичный расчёт, электронные деньги
03 марта 2015, 17:13 • 4 отклика • 42 просмотра
Нужно заверстать 4 странички на уже существующем сайте и страницах.
В страницах есть анимации.

Описание:
Во всех макетах используем шрифт: Helvetica Neue
Пример анимации: http://playwith.co/
Прикрепляю jpg файлы для ознакомления, исходники вышлю.

http://sport2you.ru/football/champions-league/lchampions_fin/
Первое описание к странице Финал Лиги чемпионов

Начинаем
скролить с шапки и вниз, появляется кривая линяя, и бекграунд статикой
стоит фоном, флаг типо прилипили стикер, появляется снизу словно
выезжает желтый текст, потом его огибает рамка красная(как будто
маркером проводят), появляется плашка белая с текстом снизу, затем текст
(Финал лиги Ч и кнопка все тоже снизу,) скролим дальше, кривая линия
подходит, появляется контент, блок с текстом, потом стадион с
текстом(картинка стоит статикой фиксировано) кликнули по подробнее,
текст открывается вниз, увеличивается плашка вниз. Дальше скролим,
появляется текст блок с текстом и подложкой белой, и одновременно из
прозрачности появляется фон с футболистом, потом выезжает снизу Би
Берлин, и снова огибает рамка, словно рисует по часовой стрелке. Скролим
дальше, появляется блок текстовый, и вылетает кнопка типо, ее кинули и
она прилипла к странице :)

Еще одна особенность, когда мы водим мышкой по странице, у нас блоки шевелятся паралаксом.

Правки в текст:
Первый белый блок под желтым словом НА СТАДИОНЕ
Каждый
год проводится самый престижный турнир в футбольном мире — Лига
Чемпионов. Билеты на Лигу Чемпионов УЕФА — это то,о чем мечтает каждый
преданный фанат. А уж тем более — финал Лиги чемпионов.

Второй белый блок справа
Такое
событие ни в коем случае нельзя пропустить. Фанатский накал эмоций и
подлинное удовольствие от футбольного матча возможно только при
присутствии на стадионе. Наверняка Вы уже задумывались как купить билеты
на финал Лиги чемпионов?

В блоке Место проведения финала
Финал
Лиги чемпионов 2015 пройдет в г.Берлин (Германия) на стадионе
"Олимпиаштадион". "Олимпиаштадион" способен вместить почти 75 000
зрителей. Организаторы готовятся к принятию туристов-болельщиков и
создадут настоящий футбольный праздник. Вы обязательно должны на это
посмотреть.


http://sport2you.ru/football/champ_russia/spartak_cska/
Спартак - ЦСКА

Описание
Начинаем скролить появляется блок с фоном (фон статичен не двигается)
появляются всплывают заголовок потом подзаголовок, кнопка и текст и
прокручивается счетчик билетов типа, и блок с текстом, листаем,
появляется, блок блок, карту можно передвигать влево и вправо (зажимая
курсором), без увеличения, при скроле не действует, стоит фоном,
выползает блок с текстом вместе, потом блок с фоном, фон также статичен,
появляются значки с увеличением на зрителя, и всплывают лайки. когда
водишь курсором, то контент двигается паралакс

Правки в текст:
Первый белый блок справа
Настоящие
футбольные фанаты посещают все матчи любимой команды. Настоящие
ценители хорошего футбола посещают все интересные и важные игры. Самое
главное дерби страны Спартак М – ЦСКА - игра для всех! У вас есть шанс
прямо сейчас на сайте sport2you.ru купить билеты на матч Спартак М –
ЦСКА, а также другие матчи Чемпионата России.
А потом «Подробнее»

Количество ничья - 64 разА (не раз, а разА :)).)


http://sport2you.ru/football/world_cup_2018/
Описание к Чемпионату мира 2018

Открыли
страницу, появляется,фон, и появляются слева и справа текст (главное
событие...) и одновременно полосы которые красные и выезжает кубок,
спускаемся дальше, появился снизу текст, эффект выплывания, на белом
фоне крутятся многоугольники, скорость не сильная. едем дальше,
появляется угол, фон (статичный стоит на месте) и выпрыгивают счетчики,
цыфры, и начинается секунды тикать, дальше выезжает блок с контентом, на
карту падуют значки, при наведении на город(значек) он прыгает, а часть
земли города подсвечивается ну и текст. Когда просто водим мышкой, то
контент двигается паралакс

Правки в текст:
В самом низу нет строчки Поддержим вместе футболистов на ЧМ 2018! - если можно ее добавить и побольше шрифтом пожирнее.

http://sport2you.ru/formula/gran_pri_monako/
Формула 1 Описание

Зашли
на страницу появляется фон, линия, потом логотип и друг задругом вниз
все появляются, начинаем скролить, всплывает блок белый, карта, кликнув
по скачать карту скачивается jpg карты, которая фоном идет, ее можно для
скачивания предложить. далее появляется текст, кнопка, блок, все снизу
повялется, потом заголовок, в зони читаемости, уходит потом под белый
блок, фон картинки статичен, и появляется блок с текстом. Водим
курсором, контент двигается.

Правки в текст:
Второй белый блок с текстом
Мы
продаем билеты на различные спортивные состязания уже около 10 лет и за
это время заработали определенную репутацию. Мы ценим каждого нашего
клиента и готовы помочь Вам в организации поездки на Формулу-1 сезона
2014, которая изменит Ваш взгляд на спорт.
Удобный интерфейс сайта
позволит Вам с легкостью осуществить заказ билетов. Всего за несколько
кликов мыши Вы станете счастливым обладателем билета на лучшее
соревнование года - гран-при Монако (Монте-Карло). Город роскоши и
лоска, восхитительных женщин и шикарных авто ждет Вас. Торопитесь купить
билет на формулу 1 гран-при Монако (Монте-Карло), цена билетов приятно
удивит Вас. Стоимость билетов на формулу 1 гран-при Монако (Монте-Карло)
и схему трассы Вы можете найти на нашем сайте.
«Подробнее» нужно сделать так:

Мы
продаем билеты на различные спортивные состязания уже около 10 лет и за
это время заработали определенную репутацию. Мы ценим каждого нашего
клиента и готовы помочь Вам в организации поездки на Формулу-1 сезона
2014, которая изменит Ваш взгляд на спорт.
Удобный интерфейс сайта
позволит Вам с легкостью осуществить заказ билетов. Всего за несколько
кликов мыши Вы станете счастливым обладателем билета на лучшее
соревнование года - гран-при Монако (Монте-Карло).
и потом в
Подробнее - Город роскоши и лоска, восхитительных женщин и шикарных авто
ждет Вас. Торопитесь купить билет на формулу 1 гран-при Монако
(Монте-Карло), цена билетов приятно удивит Вас. Стоимость билетов на
формулу 1 гран-при Монако (Монте-Карло) и схему трассы Вы можете найти
на нашем сайте.
Файлы