Для крупнейшего в Европе стрелкового комплекса «Объект» требовалось создать сайт, который с главной страницы наглядно показывал бы, что в нем происходит, каким образом можно пострелять и самое главное, что стрельба ведется на 180 градусов. Это не просто тир, я расскажу Вам некоторые моменты создания сайта, не слишком углубляясь в детали.

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

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

Теперь уже мы ставим перед собой задачу все-таки извратиться и показать пользователю реальную стрельбу и происходящее в клубе. Приходит в голову очередная идея – сделать покадровую съемку жизни клуба:  ресепшен с красивой девушкой и стрельбу в галереях в разных ракурсах.

Выезжаем делать первую фотосессию, собираем народ, нагоняем массовку. В то же время продумываем сценарии, один из которых — сбор пистолета «Сфинкс» на скорость владельцем клуба.

Всего получилось  около семи сценариев, которые можно посмотреть на сайте, обновляя страницу. Согласование фото-материала стало самой болезненной темой за весь проект. Я выезжал три раза, и три раза мы переснимали сценарии с учетом комментариев или допущенных ошибок. В итоге фоток набралось на 15 Гб.

В каждом сценарии по 150—250 фотографий, а выборку нужно сделать так, чтобы логика покадровой съемки сохранилась и сайт при этом грузился достаточно быстро.  Фотографировали так, чтобы все действия  происходили как можно ближе к центру (по вертикали и горизонтали), т.к. сайт у нас резиновый, а значит —  нужно учитывать, чтобы при нормальном разрешении, браузер не закрывал самое сладкое.

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

Показываем клиенту еще раз.

Начинаются долгие перипетии насчет того, что темная гамма для главной не подходит, в итоге появляется светлый вариант, который устраивает обе стороны.

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

Еще одним интересным моментом в создании сайта было рисование карты проезда. Ниже вы можете видеть процесс эволюции:

Самое интересное заключалось в согласовании расположения знаков, указателей ближайших шоссе, а также элементов на крыше здания. Лазили на ближайшую ТЭЦ, чтобы сфоткать крышу «Объекта» и отрисовать комплекс более детально. Иллюстратор карты, кстати, Андрей Щепкин.

Про внутренние странницы можно было бы написать еще отдельную историю, но это никому не интересно. Также не интересно, как в последний момент пришлось неожиданно оптимизировать главную под Айпад. Поэтому мы просто представим команду, которая создала и развила этот проект:

Дизайнер и руководитель проекта Евгений Муравьёв, второй айдентщик Сергей Калюжный, иллюстратор и тех. дизайнер Андрей Щепкин, фотографы Виталий Кислов и Андрей Ефимов, ведущий технолог Денис Денисов, программист Сергей Репков, технолог Аня Козловская, контент-менеджер Алена Комарова.

Александру Ковальскому спасибо за участие в проекте, советы и помощь в проектировании первых макетов.

Работа делалась в CreativePeople.