Звезды сошлись, и сейчас, пока сайт еще не опубликован, вы можете посмотреть результаты работы здесь, на нашем Ревижне (не забудьте полистать закладки слева от основного поста)

P.S. в это дерево мы влюблены отдельно)

Нет, нет не вышеприведенным текстом вдохновлялись мы, когда работали над первой стадией проекта для фитнес-центров под названием ФИЗИКА :)

Получилось ярко и интерактивно

Дело было так: Покуда работа над основным ресурсом новой сети фитнес-центров ФИЗИКА идет темпами настоящей стахановской стройки, появилась задачка создать яркую и запоминающуюся заглушку на сайт.

В основе страницы игра, наглядно символизирующая принцип «чем больше раз схватился за штангу, тем больше бицепс»: бегаем, ловим железо (надо поймать 30), прокачиваемся, есть и финал тренировки, все по-настоящему. В конце-концов, каждый дохляк имеет право собственный кусочек спортивного счастья.
Задача –  немного выделиться среди других сайтов фитнес-центров, запомниться еще до запуска основного сайта и  поддержать рекламную кампанию с этой странной девушкой на желтом фоне и в совершенно потрясающей шапочке.

Поиграть можно на сайте www.fizikafit.ru

Когда мы опубликуем сайт и заменим заглушку, поигать и всмомнить можно будет тут http://revision.ru/work/35813

Над проектом пыхтели, качались и думали:
Творческая поддержка и совет — Андрей Щепкин
Дизайн и концепция — Илья Авдеев

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

Заходите под кат =)

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

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

Зарубежный клиент очень сильно по мышлению и принятию решений отличается от российского.

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

Анимация была очень детально регламентирована с их стороны и была похожа на требование, нежели предложение. Она нас волновала куда меньше, чем сайт. Внутри студии было предложено три концепции анимации:

Мы были за первый вариант анимации, клиент был за первый вариант анимации — все сложилось хорошо.

Следующим этапом (2 из 5) стало создание сайта подразделения занимающимся экспортом угля. Вот, что было изначально у клиента:

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

Доводим картинку до ума, рисуем детали и получаем финальную картинку.

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

Аккуратный корпоративный сайт для кирпичного завода, по мотивам фирменного стиля разработанного нашими друзьями из студии FRONT:DESIGN.

«Внимание к деталям» – основной тезис всех рекламных материалов компании, нашел отражение и в концепции сайта:
С первой страницы, слайд за слайдом мы рассказываем о том, чем занимается компания, подчеркивая основное конкурентное преимущество BRAER: полный цикл работ от добычи сырья и производства кирпича до реализации готовой продукции.

Производство – подробное описание всех стадий производства.

Структура компании: простая и понятная схема.

Сделано в CreativePeople

P.S. Во вкладке кусочек рабочего материала: кирпичи для страницы 404.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Осень, 2009 год… Кризис, крики о помощи и все такое. А мы вместе с компанией ЦентроОбувь запускаем новый бренд экономичной (а значит, очень актуальной) молодежной обуви.

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

Сделано в CreativePeople (www.cpeople.ru)
Сценарий сайта, арт-дирекшн – Арт-дир Ковальский
Дизайн – Андрей Щепкин при поддержке Ильи Авдеева
Продюссирование и режиссура от Сергея Прокофьева
Технологии от Дениса Денисова, Сергея Репкова, Анны Козловской и Александра Антонова
Видео от Антона Тена и Андрея Ефимова
Пляски от Елены Калининой и Шуры К, а также от Евгения, Ярослава, Сергея, Дарьи, Алины и Ларисы при участии Кирилла и Антона, еще одного Сергея и его друга.

А тут в блоге можно взглянуть на несколько фотографий с площадки где проходили съемки моделей для сайта.

Мы конечно любим нестандартный подход…и работу свою любим…
Но вот с магазином чая мы конечно явно перезаморочились:
фирстиль и логотип, куча макетов, фотосессии, иллюстрации (бешеные бабки!),сделали тарелочку с подбором чая по важным параметрам, сняли и обработали видео для раздела, в котором посетитель может заварить чай, разделили чай по эффектам ну и т.д… Ну и наконец когда все собрали, отнесли сайт на продвижение.

Заодно проверили в условиях реального боя нашего нового дизйнера – Илью Авдеева. Парень выжил.

Над проектом работали:

Арт-дирекшн, дизайн-концепция – Арт-дир Ковальский
Дизайн – прокачанный чайным листом Илья Авдеев
Фирменный стиль и лого – Калюжный Сергей
Flash-технолог по тарелочке – наш зарубежный друг Daniel Polsen
Flash-технолог по заварке – наш тотем с острова Бали, Александр Антонов
Ведущий технолог – Денис Денисов
Программинг – Сергей Репков
Яростная верстка от Анны Козловской
Вкусные иллюстрации от Светланы Макаровой
Ответственные по видео – Антон Тен и Андрей Ефимов
Самый ответственный за все – Сергей Прокофьев

Онлайн-магазин Mеgapоlis Tеa

Голосуйте на сайте www.borodawars.ru

«Дизайн новой бутылки этой вкусной эмоциональной водки, раскрывающей статусную государственность истинно русского продукта современной России…сайт нужен такой же» – примерно так нам говорил клиент, выдавая пару бутылок на пробу…

Сайт можно оценить по адресу www.putinka.ru или на Re:vision!

Над «пьяным» сайтом работали:

Сценарий, дизайн-концепция – Арт-дир Ковальский
Дизайн – абсолютно трезвый Андрей Щепкин
Flash-технолог – наш зарубежный друг Daniel Polsen
3d-анимация – хитрый Сергей Сергеев и супергерой Владимир Алексеев
Копирайтинг – Оксана Свердлова
Финансы – Сергей Прокофьев
Ведущий технолог Денис Денисов
Яростная верстка от Анны Козловской и Игоря Морозова
Программинг – Сергей Репков
Внесение информации – Сергей Михайленко