Ниже мы будем говорить только об интернет-баннерах.
Разработка баннера включает в себя 4 этапа:

1. Идея
2. Раскадровка
3. Анимация и программирование
4. Подготовка баннера к размещению на рекламной площадке

Идея

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

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

В конце 2009 года по заказу

мы разработали проект, рекламирующий средство от насморка «Отривин Море». Saatchi & Saatchi предоставили нам креатив и все материалы. Созданный проект состоит из двух частей: завлекающий баннер и целевой мини-сайт (landing page), на который должен был перейти заинтересованный пользователь, нажав на баннер.

Интерактивный баннер предлагает стереть душный город и вдохнуть целебный морской воздух. Пользователь сам может это сделать, с помощью спрея «Отривин Море».
Если насморк у пользователя отнял все силы настолько, что он не может пошевелить ни рукой, ни мышью, то лечебный спрей через 10 секунд сам активирует действие баннера и подарит вам картину моря.

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

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

Это статья Саши Керенского, punch, которую он не может опубликовать по понятным причинам и которую публикую я ему и вам на радость. Менее цензурную версию можно прочитать у него в жж, а здесь же, чтобы не травмировать сознание, всё культурно.
Если статья Вам понравилась — плюсуйте Сашу, а не меня ;)

Сама мысль о том, что можно будет сделать свой собственный Fallout, меня возбудила не на шутку. Поэтому вдоволь наговорившись на Хабре куда я, к сожалению, попал под конец дискуссии (буквально прорвало — видимо ранее всё таки не было возможности нормально высказаться и почитать мнения отличные от «Мне не понравилась! А ну давайте бейте меня!»), я пошёл сначала обчитываться википедиями, а после на официальный форум Бетшеды.

Клиент: Telegate.ru
ЦА: физические и юридические лица, интернет-магазины, торговцы чем-либо на сайте.
Задача: заставить ЦА подключиться к telegate.ru
Вес: до 40 Кб.
8-я версия флеш-плейера.

Думал, думал я на счет того, как же лучше изобразить прием платежей на сайте, да еще и показать, что существует множество способов оплаты и решил…
Что в качестве платежей принимаем капусту, а сайтом пусть будет козел. Долго я ходил вокруг кролика, в качестве сайта, но меня сильно смущало, что кролик больше выделяется стремлением к размножению, нежели к поеданию капусты… Так и пришел к козлу.

Пошел на сток и купил козла (как подсказывают опытные хабрачеловеки, купил я козу, все-таки… и сделал из нее козла):

Клиент: РОСНО.
Рекламируемый продукт: услуга «Евросервис».
ЦА: автолюбители.
Вес: для баннера 200х300 — 20 Кб, остальные — 25 Кб.
6-я версия флеш-плейера.
Примечание: все картинки кликабельны.

Стремился сделать максимально привлекательный баннер для автолюбителей, подчеркнуть основные преимущества программы «Евросервис».
Дорожные знаки наглядно и просто отображают необходимую для ЦА информацию.
Покопался в сети, нарыл гору дорожных знаков. Повторил ПДД :)

Клиент: Манго-Офис.
Рекламируемый продукт: услуга «Инкогнито».
ЦА: ИП, ПБОЮЛ, эксперты, представители, как малого, так и среднего бизнеса (компании до 30 человек), корпоративные клиенты (от 50 человек сотрудников).
Вес баннера: 35 Кб, «если на капельку больше – не страшно»
6-я версия флеш-плейера.
Размер: 240х400.

Размышляя над идеей, хотел отразить ЦА (кто же именно останется инкогнито?), т.е. предпринимателя любого уровня.
Выбор пал на ребенка. Дети в рекламе – очень яркий и привлекательный образ. Закон о рекламе в данном случае не нарушается, т.к. область деятельности компании и контекст, в котором подается ребенок, ему не противоречат.
Картонная коробка символизирует любой офис или его отсутствие, по моей задумке.
Решил добавить интерактива, чтобы сделать баннер более интересным.

Как все это делалось?
Сходил на чердак, нашел картонную коробку, вот такую:

Анонс нового стартапа, разработанного в студии Лебедева.
Айхуилко.
P.S. Я бы в ссылки запостил, но нет у меня такой возможности.

Собака = 3
Кошка = 3
Петух = 8
Корова = 2
Лягушка = 3

Утка =?

P.S. Сам решил минут за 20…

1. Идем сюда: roem.ru/2007/10/04/addednews2181
2. Читаем топик.
3. Смотрим на контекстную рекламу правее.

4. Смеемся.

И к моему великому сожалению, я с ним согласен… Кучи говна ввиде всяких «плюсадинов», упячек, х.ячек, и подобного бреда становятся больше! :(

Читайте: второй блок комментариев

Представляю на суд хабраобщественности свое творение, которое претендует на звание «официальной хабрассылки» в номинации «Я люблю Хабр».
Эта наглое и самонадеянное желание появилось после получения нескольких положительных отзывов в топике Официальная хабрассылка (включая эти: 1-ый и 2-ой :) по поводу данной кнопочки...

Кроме того…
Имеется хабрассылка с прозрачным фоном в формате .PSD:
Исходник .PSD с прозрачным фоном

Представляю на суд хабраобщественности свое творение, которое претендует на звание «официальной хабрассылки» в номинации "Я люблю Хабр".
Эта наглое и самонадеянное желание появилось после получения 2-х положительных отзывов (1-ый и 2-ой :) по поводу данной кнопочки...

Идея, думаю, понятна… Прошу всех высказываться!

Дополнение.
Хабрассылка с прозрачным фоном (УРА! теперь 55х55!):
Исходник .PSD с прозрачным фоном

Только что воспользовался поиском картинок images.google.com/imghp?hl=ru и обнаружил, что Гугл немного изменил интерфейс выдачи: теперь также показываются картинки, и названия к ним, а вот свойства картинок доступны только при наведении курсора, причем, картинка выделяется серо-светло-синим фоном, и внизу появляются ее свойства:
размер в пикселях — размер в кб — расширение картинки
ссылка на сайт
Надеюсь, кому-то это будет интересно.

Wall Street Journal заявили о том, что Google ведет переговоры о покупке с компанией AdScape Media, основанной менее года назад. Итоги переговоров, как ожидается, будут объявлены на этой неделе.

 

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