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

Создание баннеров онлайн

Время на прочтение5 мин
Количество просмотров15K
Представляем Вашему вниманию закрытое бета-тестирование проекта BannersABC.com (доступ к сайту в данный момент ограничен), предлагающий инструменты для рекламы в Интернете. Целевая аудитория — это веб-менеджеры и сайтовладельцы, занимающиеся продвижением своих онлайн-проектов, порталов и просто блогов посредством размещения баннеров на рекламных площадках. Речь пойдет о создании анимированных flash-баннеров онлайн. Сердечно прошу тех, у кого развилась аллергия на рекламу, а также тех, у кого перманентно отключен весь flash-контент и убежденных флэшефобов не обращать внимания на пост, не использовать свою энергию на разворачивание очередного холивора в духе flash против html5 и подобных. Всех же заинтересованных приглашаю под кат.


О проекте

На текущий момент проект ориентирован на англоязычную аудиторию и конкретно на США, поэтому для ознакомления с сайтом необходимо понимание языка Шекспира. Проект находится в стадии закрытого бета-тестирования, поэтому проcим за недостатки пинать объективно, и вообще сосредоточиться на функционале.
Итак, BannersABC.com – это сайт, где любой желающий может создать свой анимированный баннер за несколько минут, не обладая какими-либо специальными знаниями в области flash-дизайна (говоря flash, мы подразумеваем Flash EDI). Основная задача — дать пользователю возможность получить привлекающий внимание баннер, максимально упростив процесс его создания.

Особенности

  • Превью баннера в реальном времени – возможность видеть результат сразу же после внесения изменений, также доступна пауза и перемотка баннера.
  • Шаблоны сценариев для анимации – нет необходимости придумывать свою анимацию, можно просто кликнуть на подходящую превьюшку. Сейчас шаблонов около 40, но к моменту запуска, мы планируем довести их количество до 100.
  • Нет привязки к размеру баннера – если пользователь создал баннер, то он может переключатся между любыми размерами, без изменений самого баннера. Это может быть полезно, если для рекламной кампании вам требуются 10 баннеров с одинаковым контентом, но разного размера.
  • Генерация – создание случайного баннера по заданным параметрам.
  • Стоимость – весь функционал сайта доступен бесплатно, пользователь может скачать готовый баннер или получить код со ссылкой, однако при этом на баннере будет водяной знак с рекламой нашего сайта. Чтобы убрать его, следует заплатить от $5 до $7, в зависимости от того, в каком редакторе он был создан.


Демо видео

Чтобы читателям было понятно, о чем далее пойдет речь, мы подготовили 2 демо ролика.
Процесс создания баннеров с комментариями(12:57)
Создание баннера без комментариев (5:50)

Описание функционала.

Для создания баннера можно использовать 2 инструмента:
QuickStart – максимально упрощенная версия. Предназначен для пользователей, у которых нет ни малейшего представления, как их баннер должен выглядеть. Процесс создания баннера в таком случае происходит следующим образом:
  1. Выбирается размер баннера.
  2. Вписывается URL для перехода
  3. Добавляются тексты и изображения.
  4. Выбирается тема (или оформление): палитра цветов, которые будут использованы для заднего фона и текстов, а так же клипарт, который будет добавлен на задний фон.
  5. При нажатии на кнопку «Generate» создается полностью случайный баннер с контентом пользователя.

image
Стоит подробнее остановиться на том, насколько случайным может быть “сгенерированный” баннер. Каждое нажатие на кнопку генерации выбирает один из описанных ниже вариантов.
  • Анимация объектов (тексты и картинки) — для каждого объекта выбирается своя анимация (сейчас доступно 40 штук). Будет использоваться одинаковый для всех текстов шрифт, в данный момент есть 14 шрифтов.
  • Задний фон – в указанном цветовом диапазоне выбираются 2 случайных цвета. Градиент фона – однородный, горизонтальный, вертикальный, диагональный и т.д. — всего 10 вариантов.
  • Цвет фонового клипарта – то же, что и для заднего фона.
  • Цвет текста – выбирается один цвет в диапазоне заданной темы для текста, контрастен с фоном и клипартом. Около 100 вариантов.

Параметр Описание Количество вариаций
Анимация объектов (тексты и картинки)  Выбирается случайным образом, объекты анимируются  в порядке, заданном пользователем. сейчас их количество  ~40 * количество объектов
Шрифт текста Используется одинаковый шрифт для всех текстов 14 шрифтов
Задний фон Выбираются 2 случайных цвета, в указанном пользователем цветовом диапазоне Точное количество вариаций зависит от выбранных цветов, но разброс довольно большой до 1000
Градиент фона Однородный, горизонтальный, вертикальный, диагональный и т.д.  10
Клипарт Зависит от выбранного типа клипарта  От 10 до 25
Цвет клипарта фона То же, что и для заднего фона до 1000
Цвет текста Выбирается один цвет в доступном диапазоне, данной темы для текста, контрастен с фоном и клипартом 100


Исходя из приведенных цифр, можно с уверенностью сказать, что вероятность создания двух одинаковых баннеров очень низкая.

Второй инструмент называется Designer. Он предоставляет пользователю возможность подробного редактирования параметров баннера. Существует возможность после случайной генерации баннера перейти из QuickStart в Designer и подогнать необходимые параметры, либо сделать баннер “с нуля”. Однако, обратное переключение из Designer в QuickStart невозможно.
image
Таблица сравнения Designer и QuickStart
Возможности Designer QuickStart
Добавление сцен Баннер поделен на сцены, как смысловые отрезки с разными параметрами. Для всех объектов используется только одна сцена.
Задний фон сцены Выбор цветов и градиента, использование своей картинки как заднего фона. Может быть применен только случайный фон из шаблонов по выбранной теме
Длительность сцены Все объекты на сцене анимируются отталкиваясь от продолжительности самой сцены, которая может длиться от 1 до 30 секунд. Базовая длина сцены 3 секунды, на каждый объект добавляется еще по 3 секунды.
Редактирование объектов Возможность задать размер объекта  относительно размера баннера — от 30% до 100%. Случайный выбор размера от 80% до 100%
Текстовые объекты Выбор шрифта, цвета, стиля текста, возможность использования нескольких строчек для одного текста Одна строка
Анимация объектов Выбор из каталога Случайная анимация
Время объекта на сцене Выбор с двумя параметрами — от 0% до 100%, в зависимости от времени сцены.
Пример:
время сцены — 10 секунд;
время объекта — от 50% до 90%;
то есть анимация начнется на 5 секунде и объект исчезнет со сцены на 9 секунде
Объекты располагаются автоматически, согласно списку
Анимация текста Возможность выбора типа анимации для текста (текст полностью, дробление по словам/по буквам). Если текст дробится, то доступны следующие опции – слева направо, справа налево, в центр, из центра, или же случайно. Все случайно

После того, как пользователь сделал устраивающий его баннер, он может сохранить его в раздел My Banners. Баннер появится там, как только будет создан .swf на сервере. Расчетное время создания — от 10 секунд до 2х минут.

Заключение.

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

Если Вы хотите принять участие в закрытом бета-тестировании, напишите нам по адресу beta@bannersabc.com. В емайле, пожалуйста, ответьте на следующие вопросы:
  • Немного о себе(имя, возраст, область деятельности,…)
  • Чем Вас заинтересовал наш проект
  • Заказываете ли Вы баннеры для своих проектов( если да, то как, какие и у кого)

В течении нескольких дней мы предоставим Вам доступ к бета-версии сайта.

Спасибо за внимание.
Теги:
Хабы:
Всего голосов 8: ↑3 и ↓5-2
Комментарии3

Публикации

Информация

Сайт
www.bannersabc.com
Дата регистрации
Дата основания
2010
Численность
2–10 человек
Местоположение
Латвия