Разработка сайта с медиа-контентом

требуется разработать сайт с медиа-контентом.

Сайт будет разработан на Битрикс, поэтому требование к Исполнителю, чтобы опыт работы с битрикс был обязательно, причем, не на "Вы"

проект нужно реализовать к 25 сентября. За каждый день просрочки предусматривается штраф.

Верстка исходного дизайна+ верстка HTML5 (2 основные странички +8 фрейсов)

на всех известных распространенных разрешениях сайт должен отображаться корректно

Фоном на сайте идет ВИДЕО, поверх которого размещены кнопки и тд.

Сайт кросбраузерный - должен работать на всех основных браузерах ВКЛ: iPod, iPhone, Safari, Mozila, IE>8, Opera, Google Crome и тд

валидно, Без кусков кода типа "

" и без inline-стилей

адаптация под айпад/айфон в плане логики работы

Требуется сайт на Битрикс + верстка HTML5

(Дизайн весь наш: всего 2 страницы и 8 внутренних разделов/фреймов, дизайн представлен в psd файле, с отдельными слоями по каждой кнопке)

2) Сайт адаптивный - растягивается под размеры ЛЮБОГО экрана с привязкой к Высоте экрана

3) ФОН отдельным файлом (fon_web.jpg) - растягивается по всему экрану.

4) Разрешения картинок - как в оригинале 3000х2500 (рассчитаны для экранов Retina) (разный размер под разные экраны) 1920х1080 - второе разрешение, и ________________ - третье разрешение

6) Фоном на сайте идет ВИДЕО, поверх которого размещены кнопки и тд.

7) Сайт кросбраузерный - должен работать на всех основных браузерах ВКЛ: iPod, iPhone, Safari, Mozila, IE>8, Opera, Google Crome и тд

8) валидно, Без кусков кода типа "

" и без inline-стилей.

9) Под IE8 и ранее ( и прочих старых браузеров) - поставить "заглушку" - JS-скрипт, который будет выводить предупреждение об устаревшем браузере и его неполной совместимости с этим сайтом, а также можно оставить существующей сайт& Для пользователей с браузером IE менее 10 версии - сделать иной медиаплеер ?! и не использовать анимацию, во всех других случаях анимация и медиаплеер HTML5 (можно поставить этот http://uppod.ru/help/html5 )

- если пользователь НЕ обновляет браузер - то открывается другая верстка сайта (без html5, без Drag-n-Drop, с медиаплеером Битрикс (для флеш анимации)

10) Сайт имеет движок Bitrex

11) Статистика на сайте

12) Сайт защищен от взломов и вирусов

13) Сайт имеет 2 версии на русском и английском языке (но на 1 движке с одной админкой)

14) Весь дизайн, кнопки и тд отрисованы в файле Eng_real.psd

15) Сайт оптимизирован для SEO (читабельные названия страниц, тайтлы, кейворды и тд)

16) Перенести контекст Разделов со старого сайта (текст, фото, видео)

17) Перенести конфигуратор (готовый php код) со старого сайта (стиль будет переопределен стилем нового сайта)

18) Во время воспроизведения Видео из разделов - фоновое видео останавливается (?!),

19) Новости отображаются по 5 шт. (с прокруткой), когда пользователь доходит (прокручивает) до нижней - автоматически подгружаются еще 5 (ползунок прокрутки при этом всегда связан с уровнем)

20) Все кнопки имею звук

21) Стиль кнопки "подробнее" (раскрывает статью) в файле podrobnee.png

22) Защита форм отправки писем от спама

23) Продумать оригинальное представление фотографий

?! На все ПРЕВЬЮ фото накладывается рамка foto_frame_mini.png (рамка масштабируется под размер фото) - либо эту рамку сделать программно - это просто Bevel с прозрачностью. При нажатие на фото - оно увеличивается и заменяется рамка foto_frame_big.png

при повторном нажатии на фото оно возвращается в исходное положение (сворачивается). Ни каких других крестиков, значков и рамочек на фото быть НЕ должно!!

24) prefetch - автоматическая подзагрузка всех страниц (с любой страницы, видео, включая стартовую)

Описание работы сайта:

26) начинается см файл Panel_Instum_Start.png

- в центре эмблема (иероглиф анимированный в папке emblem )

- на заднем фоне ведео рыбок (в папке Video) , сквозь эмблему и логотип (?!)

- внизу кнопки перекл. языка

- автоматом подгружается фоновое видео со следующей страницы (КРАЙНЕ ВАЖНО)

- в углу экрана надпись life is too short to drink cheap wine ( см Eng_real.psd), Всегда видна

27) - при наведение курсора на эмблему/иероглиф - он останавливается

- после нажатия на эмблему - растворяется/разъезжается фон и мы видим Panel_Instum_2.png

- эмблема остается на месте (в центре экрана)

- В центре идет видео со звуком (в папке Video) , поверх видео лежит файл BLICK5.png

- при нажатие на фрейм видео - слой BLICK5.png ВКЛ/ОТКЛ ?

- при наведение курсора на эмблему ?! - она начинает вращаться, саму эмблему можно двигать по экрану (в границах фрейма видео, с возможностью частично заведения за границы фрейма); Эмблема всегда отбрасывает тень.

- кнопка звкук ОТКЛ звук фона 6 положения ВКЛ/ОТКЛ

- кнопки F и t вызывают функцию расшаривания в соц сетях Фэйсбук и Твиттер (кнопка нажимается и автоматом переходит на страницу соц. сети) , положения ВКЛ/ОТКЛ

- в углу экрана надпись life is too short to drink cheap wine ( см Eng_real.psd) Всегда видна

- колесико (папка weel ) анимированно при прокрутке, меняет прозрачность_______ (пока не решено)

28) тумблер ( папка tumbler , размер сделать как в см Eng_real.psd) при нажатие анимируется и переключает раздел (всего 8 разделов)

- при переключение раздела - он загорается (все названия на обоих языках отрисованы в файле Eng_real.psd)

- при нажатие на любой тумблер, из верхнего паза выезжает (2 сек) "Текстовое поле" (Text_pole.PSD) с Инфой по разделу (из Админки сайта) , поле по умолчанию имеет 20% прозрачности

- прокрутка текста - реальный физический 3D ползунок справа ( см Eng_real.psd) а также пальцем (для сенсорных экранов) по самому тексту!

29) Внизу-- индикаторы типа спидометра 4 шт - в них слегка колеблются стрелки и цифры

30) Результатом работы является: работающий сайт с перенесенным контентом со старого сайта

31) Блог, подписка ?!

32) настройка Ускорение сайта (CDN) и Облачного хранилища для медиафайлов

33) урл и контент меняется при переключение раздела, сама страница (дизайн) Не обновляется.

34) запрос полноэкранного режима?!

35) При переносе контента со старого сайта - ОБЯЗАТЕЛЬНО утверждается СТИЛЬ (размер , шрифт, цвет, рамка фото и тд)

см Text_pole.jpg

36) фоновое видео размером 700х900 (?) - так как сайт адаптивный - то оно тоже сжимается при открытия на маленьких экранах

37) асинхронная загрузка - при переключение разделов - меняются только их содержимое , общий дизайн НЕ перезагружается

38) Цена 16 тр - окончательная , или 21 тр (Включая лецензию Битрикс Старт)

39) сроки выполнения 25 дней

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

41) 404 ошибка - мой дизайн

Уточнения:

1) Если реализовать функцию движения эмблемы пальцем в ipad затруднительно, тогда делаем так:

на всех устройствах ТачСкринах – при нажатие на эмблему на основной (НЕ стартовой) странице, она (эмблема) дергается и падает вниз, за границу фрейма, остается видимым лишь краешек эмблемы, при повторном нажатие возвращается на свое место.

На всех иных устройствах – согласно ТЗ.

2) фоновое видео при ВКЛ раздела отключается, при ОКТЛ раздела – продолжается с того места где остановилось

3) Звуки в приложенном файле (звуки должны хранится в папке Sound в основной папке сайта), все звуки разовые (не зацикленные)

– start - звук при входе на сайт

- open – звук на открытие основной страницы

- Tumbler - звук тумблера

- drop – все остальные кнопки

4) start - видео для стартовой страницы (разные кодеки для разных браузеров)

- видео файлы (на фоне) проигрываются согласно плейлисту в файле main_vedeo.txt (сформировать данный плейлист), зацикленно

- видео файл (при заходе на сайт) выбирается случайным образом из плейлиста, а НЕ попорядку

5) до загрузки страницы (и видео) – стоит индикатор подзагрузки (согласовать), логотип виден

6) фотографии и видео проигрывается согласно эскизу Playing.jpg и Foto.jpg

- при отображение фото - появляются стрелки прокрутки (Foto.jpg), стрелки НЕ меняют своего положения (при разном размере фоток), то есть размер фото ВСЕГДА меньше ширины стрелок

- прокручиваются все фото из данного Раздела (то есть все фото одного раздела хранятся в одной папке)

- также работает прокрутка пальцем

- на фото свыше 600х800 - появляется лупа (работает при наведение мышки и прикоснутом пальце)

7) На тачскринах работает пролистывание пальцем, и захват ползунка/скрола для перелистывания

8) Счетчик кликов: если пользователь кликнет (мышкой или пальцем) 5 раз за 5 сек Эмблему (на основной странице) - то открывается (выезжает) 9-ый (невидимый) раздел. При этом все Тумблеры переходят в положение ВКЛ, а все названия разделов Загораютя. Логотип начитает светится! При Нажатие на любой тумблер раздела - все переходит в штатный режим - все ОТКЛ , играет фоновое видео.

- проигрывается 1 раз звук secret.mp3

9) Неоновый свет вокруг тумблера - накладывается при его включение (отдельный png файл)

10) форма контактов на обоих языках см. файл Text_pole.psd

- после отправки писем появляется постскриптум см. файл Text_pole.psd

- емэил не активный (защищен от считывая роботами)

11) при формирование в админке новой статьи с видео - указывается только имя файла (так как на хостинге будет заливаться 3 файла с разным расширением), и уже воспроизводится видео будет автоматом - подгружать нужный файл/кодек

- ссылка на звуки и видео

http://yadi.sk/d/l3iNBuz-8CCqG

- Запрос обновления:

http://yadi.sk/d/djF4TKC28C2QL

- Дизайн

http://yadi.sk/d/fZfexo6y8C2Zp

- Дизайн текстового поля, фото, видео

http://yadi.sk/d/FvX5QuyH8C2dx

- конфигуратор

http://yadi.sk/d/OJ3WieDS8CHV8

все детали при переписке по эл. почте, скайпу или тут в лс.

бюджет: 23 000 рублей