Pull to refresh

Что, если «Оскары» вручались бы сайтам?

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

image

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

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

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

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

Номинанты:

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

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

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

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

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

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

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

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

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


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

Номинанты:

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

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

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

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

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

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

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


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

Номинанты:

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

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

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

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

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

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

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

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

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


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

Номинанты:

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

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

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

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

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

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

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

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


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

Номинанты:

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

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

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

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

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

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

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

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


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

Номинанты:

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


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


Девять (Nine)
image


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


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


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


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


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

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


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

Номинанты:

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

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

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

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

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

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

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

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

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

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


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

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

Номинанты:

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

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

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

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

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

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

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


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

Номинанты:

Бухта (The Cove)
image


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


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


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


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

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


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

Номинанты:

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


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


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


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


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


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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Коротко, сайты-победители в своих номинациях:
Tags:ДизайнОскаркиновеб-дизайнсайт
Hubs: Web design
Rating +78
Views 2.8k Add to bookmarks 83
Comments
Comments 32

Popular right now

Основы вёрстки сайтов
March 15, 202120,000 ₽Loftschool
Веб-дизайнер
March 16, 202183,000 ₽GeekBrains
Веб-дизайн
March 22, 202115,000 ₽Loftschool