Как стать автором
Обновить
0

Промо-сайт — сделать просто, но эффектно

Время на прочтение2 мин
Количество просмотров9.9K
Всем привет, сразу хочу начать со сжатого в несколько минут процесса создания одного нашего промо-сайта (работа, к слову, была крайне увлекательной):


www.pointblank.ru

И так, все началось с того, что появилась задача сделать промо-сайт для нового ммо-шутера от NCsoft, который издается в России нами — компанией Innova.

При этом, как впрочем почти всегда, времени было очень мало, а сделать просили «круто». Собственно, так как считаем, что у нас оное вышло достойно, мы хотим описать далее очень простой технически метод, который при своей заурядности позволяет делать довольно эффектные сайты.

Все очень просто и известно каждому — из серии картинок можно сделать видео. Из нескольких красивых фотографий, мы делаем при помощи flash эффект перемещения вокруг бойца игры Point Blank.

image

Я наверно неправильно выразился, сказав об «описании технического метода», так как все на столько очевидно, что легче очень коротко рассказать, как делался сайт:
  1. В ходе обсуждения задачи наш дизайнер Денис придумывает концепцию с перемещением по деталям амуниции бойца, идея всем нравится.
  2. Своего урбанистического военного мы делаем сами, облачив большого Диму в купленный и местами взятый в аренду костюм.
  3. Далее много-много фоткаем и обрабатываем; обратите внимание, перед тем как суваться в студию — нужно точно знать какие ключевые кадры будете использовать.
  4. Наш технолог Арсений делает flash с хитростью, о которой чуть ниже, и после удовлетворения арт-директора Саши — все готово отправиться на финальную сборку с текстами, обоями и прочим.

В итоге, было сэкономлено на:
  • рисовании (все было сфоткано)
  • верстке и тестировании кроссбраузерности (все во flash)
  • времени, а значит на деньгах, которые складываются из наших высоких зарплат =)

Напоследок, пара слов о flash составляющей. Во-первых, сделан довольно удобный инструмент, который позволяет прикручивать любое количество сцен с переходами между ними, и пользоваться мы им будем в дальнейшем. Во-вторых, еще одной важной деталью является последовательная загрузка:

image

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

Вот наверное и все, что хотелось сказать. Это первый для нас «Иннововцев» пост на Хабре, не судите строго, надеюсь он найдет своего читателя =)

На правах анонса: www.aion.ru — три версии сайта, от «html only» до «full flash».
Теги:
Хабы:
+30
Комментарии60

Публикации

Информация

Сайт
www.inn.ru
Дата регистрации
Дата основания
2006
Численность
101–200 человек
Местоположение
Россия

Истории