BuildingBlog

Многие из нас пользуются глобальной сетью для покупки билетов или поиска информации о фильмах. Сайты, продавая билеты и развлекая посетителей, помогают сбору кассы и формированию общественного мнения. Тем не менее, разработчики сайтов не получают никакого признания. Не является ли это немного несправедливо в эпоху Интернета — не получать ни бита славы за онлайн-презентации фильмов?



Большинство современных киносайтов сделаны во Flash’е, даже если это совсем не оправдано. При создании сайтов часто не соблюдаются стандарты и требования по переходу со сплэш-страниц и доступу к контенту. Разработчики позволяют себе такую роскошь, как пренебрежение общими принципами и юзабилити-стандартами, поскольку основная задача — привлечь внимание к фильму и помочь его раскрутить. Предположим, однако, что эти разработчики получили своих «Оскаров», «Медведей» и «Пальмовые ветви». Не будет ли это мощным стимулом к созданию ярких и удобных сайтов?

Номинация «Графика»

В этой статье мы представим, что «Оскары» были вручены киносайтам. Это, естественно, не новая премия от «Smashing Magazine», и тем более не попытка взять на себя права и ответственность Академии киноискусств. Это просто удобный способ наблюдать последние тенденции в кино и дизайне, это демонстрация лучших блокбастеров 2009 года, новых и ещё не вышедших фильмов.

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

Номинанты:

Законопослушный Гражданин (Law Abiding Citizen)
…за использование смелых и выразительных фотографий.


Трансформеры (Transformers)
…за модели трансформеров, конечно.


Ледниковый Период 3: Эра Динозавров (Ice Age 3: Dawn of the Dinosaurs) — официальный британский сайт
…за леденящие иллюстрации.


Алиса в Стране Чудес (Alice in Wonderland)
…за чудесные манипуляции с фото и иллюстрациями.


Облачно, Возможны Осадки в Виде Фрикаделек (Cloudy With a Chance of Meatballs)
…за аппетитные иллюстрации и вкусные мелочи в дизайне.


Как Приручить Дракона (How to Train Your Dragon)
…за огненную графику.


Паника в Деревне (A Town Called Panic)
…за пластилиновые иллюстрации.


And the Winner is…
Внимание к деталям на сайте «Алисы в Стране Чудес» впечатляет. Плавные комбинации цифровых иллюстраций и фотографий а также множество маленьких чудесных графических элементов делает этот дизайн приятным глазу.

Номинация «Интерактивность»

Многие киносайты, особенно представляющие мультфильмы или блокбастеры, рассчитаны на интерактивные элементы для развлечения посетителей. Следующие сайты о популярных фильмах 2009 года показывают полную интерактивность и заслуживают номинации.

Номинанты:

Разомкнутые Объятия (Broken Embraces)
…за красивые рваные фотографии, которые служат навигационным меню.


Хэллоуин 2 (Halloween 2)
…за потрясающие (и ужасающие) 3D-элементы.


Район №9 (District 9)
…за интерактивные панорамные виды района №9


Облачно, Возможны Осадки в Виде Фрикаделек (Cloudy With a Chance of Meatballs)
…за настраиваемый дождь из еды и живых персонажей.


Гарри Поттер и Принц Полукровка (Harry Potter and the Half-Blood Prince)
…за магическую галерею изображений.


And the Winner is…
Киносайт «Облачно, Возможны Осадки в Виде Фрикаделек» приятен для изучения, в основном из-за своих интерактивных деталей.

Номинация «Динамические Эффекты»

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

Номинанты:

Хэллоуин 2 (Halloween 2)
…за пугающие мерцающие клипы.


Там, Где Живут Чудовища (Where the Wild Things Are)
…за великолепное органично встроенное видео.


Трансформеры (Transformers)
…за анимированных трансформеров (хотя с показом реальной трансформации было бы лучше).


Хранители (Watchmen)
…за невероятные динамические эффекты.


Терминатор: Да Придёт Спаситель (Terminator Salvation)
…за отличный стилизованный видеопоток.


Милые Кости (Lovely Bones)
…за плавное сочетание видео и изображений.


Звёздный Путь (Star Trek)
…за фантастические эффекты перехода.


And the Winner is…
Навигация на официальном сайте «Звёздного Пути» имитирует прогулки по кораблю. Этот эффект прекрасно воссоздан, и посетитель погружается в атмосферу фильма.

Номинация «Гармония с фильмом»

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

Номинанты:

Алиса в Стране Чудес (Alice in Wonderland)
…за безумные детали в дизайне


Звёздный Путь (Star Trek)
…за великолепное использование материала на комическую тематику, которую все любят.


Затащи Меня в Ад (Drag Me to Hell)
…за вызывающую дрожь анимацию мухи.


Суррогаты (Surrogates)
…за футуристичный дизайн роботов будущего.


Мне бы в Небо (Up in the Air)
…за отличные элементы «аэро»-стиля и иконки.


Район №9 (District 9)
…за великолепное использование материалов об иноплянетянах.


And the Winner is…
Наш виртуальный «Оскар» отправляется киносайту «Район №9». Мрачная атмосфера фильма передаётся со всех страниц сайта. «Район №9» предлагает шесть различных сайтов, помимо официального, которые включают в себя панорамные изображения, стилизованную графику и видеоклипы, а также разные страницы для людей и инопланетян (верность духу фильма).

Номинация «Лучший эксклюзивный контент»

Тысячи онлайн-ресурсов и баз доступны для поиска информации о прошедших, текущих и новых фильмах, для просмотра трейлеров и для покупки билетов. Таким образом эксклюзивный контент является своеобразным козырем для официальных киносайтов. Без него сайты практически бесполезны. Тем не менее, многие студии продолжают уделять мало внимания такому содержанию для свободного скачивания, как трейлеры, кадры, описание и плакаты. В отличие от всех, кандидаты в номинации «Лучший Эксклюзивный Контент» предлагают множество различного материала для самых привередливых фанатов.

Номинанты:

Алиса в Стране Чудес (Alice in Wonderland)
…за забавные факты о фильме.


Девять (Nine)
…за сценарий, доступный в формате PDF.


Воспитание Чувств (An Education)
…за обильную информацию о фильме.


Мне бы в Небо (Up in the Air)
…за точную информацию о «вылетах» и «посадках».


Хранители (Watchmen)
…за невероятные досье персонажей.


Человек-волк (The Wolfman)
…за захватывающее знакомство с легендами и тайнами оборотней.


And the Winner is…
Кроме всеобъемливающего обзора фильма и огромного количества видео и фотографий, киносайт «Человек-волк» предлагает большой объём информации в разделе «Особенности таинственных событий, изображённых в фильме, и ужасное наследие „Universal Studios“». Содержание и его представление вышло замечательно.

Номинация «Типографика»

Типографика оказывает сильное влияние на посетителей. Все любят качественную типографику, и мы не могли оставить этот элемент вне наших категорий. В большинстве случаев внимание киносайтов к типографике ограничивается выбором гарнитуры. Однако на некоторых сайтах вы можете увидеть по-настоящему прекрасные работы, не лишённые стиля и такта.

Номинанты:

Хэллоуин 2: (Halloween 2)


Хранители (Watchmen)


Девять (Nine)


Как Приручить Дракона (How to Train Your Dragon)


Бесславные Ублюдки (Inqlourious Basterds)


Там, Где Живут Чудовища (Where the Wild Things Are)


Разомкнутые Объятия (Broken Embraces)


And the Winner is…
Киносайт «Бесславных Ублюдков» практически единственный из представленных здесь, который раскрывает художественную часть фильма через типографику. Набор текста и выбор гарнитуры дополняют дух фильма и делают сайт лёгким и приятным к просмотру.

Номинация «Весёлые игры»

Игры, наборы для фанатов и другие «услуги» подобного рода можно найти на киносайтах разных жанров, от семейной комедии до фильма ужасов. Эти развлечения привлекают посетителей, в свою очередь раскручивая фильм. В эту категорию попали воистину уникальные и привлекательные игры.

Номинанты:

Облачно, Возможны Осадки в Виде Фрикаделек (Cloudy With a Chance of Meatballs)
…за пять различных игр с едой, одна из которых в 3D!


Бесподобный Мистер Фокс (Fantastic Mr. Fox)
…за сделанный с любовью дизайн игрового интерфейса.


Трансформеры (Transformers)
…за коллекции и галереи творчества фанатов.


Шерлок Холмс (Sherlock Holmes)
…за умный тест на дедукцию.


Суррогаты (Surrogates)
…за виртуальный конструктор суррогатов.


Район №9 (District 9)
…за поддержку «не людей».


Как Приручить Дракона (How to Train Your Dragon)
…за широкий выбор «промысловых» игр.


Аватар (Avatar)
…за предоставленную возможность создать собственный аватар (не такой красивый как в фильме, конечно).


And the Winner is…
Сайт фильма «Как Приручить Дракона» предлагает семь онлайн-игр и пятнадцать объектов для распечаток и игр. Отличное развлечение для всей семьи.

Номинация «Кроссплатформенное взаимодействие»

Разработчики киносайтов не могут игнорировать всё нарастающую популярность мобильного интернета и социальных сетей. Презентации многих фильмов проходят в Твиттере, Фейсбуке и других социальных сетях или сервисах закладок. На многих киносайтах есть панели и виджеты для соц. сетей, которые дают пользователям возможность обновлять и распространять информацию о фильмах на их собственных сайтах или страницах соц. сетей.

Приложения для iPhon’a и iPad’a стали обычным инструментом для рекламы. Некоторые фильмы имеют свои собственные сайты-сообщества, где люди объединяются и обсуждают различные темы, касающиеся кино. Наиболее глубокая и самая универсальная социальная интеграция средств массовой информации может быть показана на примере следующих сайтов.

Номинанты:

Алиса в Стране Чудес (Alice in Wonderland)
…за превосходные программы для мобильных устройств.


Звёздный Путь (Star Trek)
…за полную коллекцию ссылок на социальные сети.


Пандорум (Pandorum)
…за глубокую социальную интеграцию (виджеты, соц. сети, игры для iPhone и т. д.)


Аватар (Avatar)
…за многочисленные способы распространения информации о кино.


Сумеречная Сага: Новолуние (The Twilight Saga: New Moon)
…за заботу обо всех фанатах саги (взять, к примеру, сообщество TwilightMOMs!)


And the Winer is…
С пятью официальными группами в крупнейших социальных сетях, более 15 сообществами и четырьмя программами в AppStore в этой категории побеждает «Сумеречная Сага: Новолуние»

Номинация «Лучший HTML сайт»

Многие киносайты используют Flash, хотя HTML, CSS и немного эффектов на Javascript позволяют сделать то же самое. Четыре сайта, представленные ниже, нарушают эту традицию и доказывают, что хороший дизайн киносайта не обязательно должен включать в себя Flash-элементы.

Номинанты:

Бухта (The Cove)


Музыка Пруденс (Music by Prudence)


Корпорация «Еда» (Food Inc.)


Когда Ты Странный (When You’re Strange)


And the Winner is…
Сайт «Музыка Пруденс» полностью заслуживает эту награду. Сайт создан нью-йоркским дизайнерским дуэтом «Bartlett de Boer», которые объясняют идею этого дизайна так: «Вместе с нашими клиентами мы решили сделать сайт, похожий на флэшевый, на основе CMS «WordPress». Мы объединили экспрессивную типографику, большие фоновые картинки и изящные динамические эффекты на jQuery, показывающие всю информацию на полупрозрачных блоках. Это был один из самых захватывающих проектов, над которыми мы работали». Без сомнений, сайт «Музыки Пруденс» также является заслугой детища Мэтта Мулленвега (Matt Mulleneweg) — WordPress’a.

Номинация «Лучший Flash-сайт»

Киносайты обычно содержат огромное количество медиа-контента, поэтому Flash является самой популярной платформой для их создания. Хотя многие сайты страдают от переизбытка анимации и эффектов или ничем не оправдывают выбор платформы, некоторые флэшевые киносайты получаются весьма привлекательными, интересными и информативными. Ниже представлены шесть киносайтов, которые заслуживают наш воображаемый «Оскар» в номинации «Лучший Flash-сайт».

Номинанты:

Алиса в Стране Чудес (Alice in Wonderland)


Как Приручить Дракона (How to Train Your Dragon)


Бесславные Ублюдки (Inqlourious Basterds)


Милые Кости (Lovely Bones)


Суррогаты (Surrogates)


Мне бы в Небо (Up in the Air)


And the Winner is…
«Бесславные Ублюдки!» Внимание к деталям на всех страницах сайта, отличные ненавязчивые эффекты и большое количество информации выгодно отличают этот Flash-сайт от других.

Звёзды на Красной Дорожке

Некоторые киносайты не взяли нашего воображаемого «Оскара», но всё-таки достойны появиться здесь. Большинство из них, хотя и не все, сделаны в стиле минимализма, где содержится только лишь основная информация и минимум эффектов. В них довольно легко ориентироваться и их внешний вид довольно приятный. Несмотря на отсутствие номинаций, они могут поднять много шума в Голливуде.

Сити-Айленд (City Island)
Прекрасная комбинация фотографий и скетчей делает этот сайт особенным.


Праздничный Обед Жарким Летом (Mid-August Lunch)
Этот сайт больше похож на интерактивный постер. Страница практически не содержит информации о фильме. Однако мы не могли пропустить такой интересный сайт.


Непокорённый (Invictus)
Как и фильмы маэстро Клинта Иствуда, сайт «Непокорённого» пытается показать современность через призму вечных ценностей. Как иначе можно объяснить использование Flash’а на этом элегантном и современном сайте, когда всё можно было сделать на простом HTML + jQuery?


Повелитель Бури (The Hurt Locker)
Гранжевые шрифты, песочные цвета и хорошие фотографии делают этот сайт достойным коллегой кинофильма.


Не Брать Живым (Green Zone)
Несколько действительно интересных стилизаций в навигационном меню.


Дневник Слабака (Diary of a Wimpy Kid)
Смешные карикатуры и текстура тетрадных листов раскрывают тему кинофильма.


Квадрат (The Square)
Контент здесь содержится в стилизовнной сетке, без ущерба читаемости и восприятия. Тёмные цвета и смелые потёртые текстуры создают правдоподобный стиль нуар.


Пипец (Kick-Ass)
Множество игр плавно перетекают в контент, в результате чего получился «жоподёрский» сайт!


Остров Проклятых (Shutter Island)
Сайт этого потрясающего фильма является «чёрной жемчужиной» нашей коллекции. Главный упор сделан на тёмный пейзаж острова, дополненный мелкими деталями.


Бруклинские Полицейские (Brooklyn’s Finest)
Это один из нескольких сайтов с хорошей сплэш-страницей. Более того, сайт «Бруклинских Полицейских» содержит великолепные фотографии и невероятные Flash-эффекты.


Дорога (The Road)
Сайт этого впечатляющего фильма, основанного на романе лауреата Пулитцеровской премии Кормака Маккарти, скромный насколько это возможно. Минималистский дизайн состоит в основном из кадров фильма. Цитаты из романа, всплывающие при загрузке страницы (эту деталь можно также увидеть на сайте «Бесславных Ублюдков»), вносят свой вклад в информационное наполнение страниц.


Машина Времени в Джакузи (Hot Tub Time Machine)
Лица героев, выскакивающие когда вы наводите курсор на элементы меню, вызовут у вас улыбку. Сайт «Машины Времени в Джакузи», безусловно, не оставит вас равнодушными.


Луна 2112 (Moon)
Этот сайт отличается своей атмосферой, благодаря псевдо-3D фоновым изображениям, созданными с помощью полупрозрачных кадров, которые имитируют пространство.


Lbs. (Официального перевода названия фильма ещё нет, можно перевести как «Фунты» — прим. пер.)
Этот сайт можно было бы назвать «камуфляжным»: он выглядит сделанным на чистом HTML, хотя полностью сделан на Flash. Но пусть это вас не беспокоит. Сайт очень прост в использовании и загружается довольно быстро. Кроме того, панорамный вид на главной странице выглядит очаровательно.


Тайна в Его Глазах (The Secret in Their Eyes)
Когда что-то или кто-то скрывает секреты, поможет тёмный лаконичный дизайн.


Сокровище (Precious)
Сайт оскароносного фильма «Сокровище» показывает великолепное использование видео для вовлечения посетителя в повествование.


Пожалуйста, Дай (Please Give)
Несмотря на то, что это просто страница «Скоро на ваших экранах», где помещён трейлер, сообщения для прессы и ссылки на Фейсбук, красивая типографика позволила включить этот сайт в список.

От переводчика

Коротко, сайты-победители в своих номинациях:

• Графика: Алиса в Стране Чудес
• Интерактивность: Облачно, Возможны Осадки в Виде Фрикаделек
• Динамические эффекты: Звёздный Путь
• Гармония с фильмом: Район №9
• Лучший эксклюзивный контент: Человек-Волк
• Типографика: Бесславные Ублюдки
• Весёлые игры: Как Приручить Дракона
• Кроссплатформенное взаимодействие: Сумеречная Сага: Новолуние
• Лучший HTML-сайт: Музыка Пруденс
• Лучший Flash-сайт: Бесславные Ублюдки