56
Buro 24/7 Специальные проекты

Buro247 спец проекты

Embed Size (px)

Citation preview

Page 1: Buro247 спец проекты

Buro  24/7  

 Специальные  проекты  

Page 2: Buro247 спец проекты

Программа

1.  Что  такое  спецпроект 2.  Типовые  механики  спецпроектов 3.  Механики  на  редизайн  или  запуск  сайта 4.  Мобильные  приложения 5.  Брендирование  

   

Page 3: Buro247 спец проекты

Что  такое  спецпроект  

Page 4: Buro247 спец проекты

Спецпроект  —  это  отдельный  рекламный  раздел  или  страница  посвященная  бренду    или  тематике  бренда.

Page 5: Buro247 спец проекты

Спецпроект  —  это  не  промо-­‐‑сайт.  Это  не  брендирование.  Это  не  партнерская  программа.

Page 6: Buro247 спец проекты

Типовая  структура  спецпроекта

Анонсирование

Landing  Page

Анонсирование Анонсирование

Продуктовый  раздел

Развлекательная  часть

Page 7: Buro247 спец проекты

Порядок  работы  над  проектом

Ключевые  точки  для  согласования  клиентом

Page 8: Buro247 спец проекты

 Типовые  механики  спецпроектов    

Page 9: Buro247 спец проекты

Тизинг  +  Подбор  продукта  по  параметрам

Баннер  на  Buro24/7

Тизинговая  промо-­‐‑страница

Главная  промо-­‐‑страница

Продуктовая  страница (подбор  

подходящего  продукта  по  параметрам)

Интерактивная  часть

Кнопка  в  меню

Видео-­‐‑контент

Баннер  на  Spletnik Проект  анонсируется  на  сайте  Buro  24/7  кнопкой  в  меню,  интернет-­‐‑баннером  на  сайтах  Buro  24/7  и  Spletnik,  которые  при  клике  ведут  на  тизинговую  промо-­‐‑страницу  на  сайт  Buro24/7. После  завершения  тизинговой  части  (3-­‐‑5  дней),  пользователь  попадает  на  главную  промо-­‐‑страницу    с  изображением  продукта. Главная  промо-­‐‑страница  может  содержать  следующий  контент: 1.  Продуктовая  страница  с  информацией  о  продукте. 2.  Интерактивная  часть  (опрос,  тест,  консультация,  игра,  конкурс). 3.  Видео. Данная  механика  хорошо  информирует  пользователей  о  продукте  и  способствует  привлечению  новых  потребителей.

Page 10: Buro247 спец проекты
Page 11: Buro247 спец проекты
Page 12: Buro247 спец проекты
Page 13: Buro247 спец проекты
Page 14: Buro247 спец проекты

Раздел  +  Конкурс

Промо-­‐‑страница

Страница  о  продукте

Страница  конкурса:  Задание–  создать  

креативный  образ

Видео-­‐‑контент

Баннер Кнопка  в  меню Брендирование

Проект анонсируется на сайте Buro24/7 кнопкой в меню, интернет-баннером и брендированием, которые при клике ведут на промо-страницу на сайт Buro24/7. Промо-страница может содержать следующие разделы: 1. Страница о продукте, где пользователи смогут ознакомиться с новым продуктом. 2. Страница конкурса. 3. Видео-контент. 4. Редакционные статьи. Механика с конкурсом способствует вовлечению пользователей в проект и тесному контакту с брендом.

Редакционные  статьи

Page 15: Buro247 спец проекты
Page 16: Buro247 спец проекты
Page 17: Buro247 спец проекты
Page 18: Buro247 спец проекты
Page 19: Buro247 спец проекты
Page 20: Buro247 спец проекты

Редакционный  пост

Баннер  на  Buro24/7

Редакционный  пост

Брендирование

Проект  анонсируется  на  сайте  Buro  24/7  интернет-­‐‑баннером  и  брендированием  главной  страницы,  которые  при  клике  ведут  на  редакционный  пост(-­‐‑ы)  на  сайте  Buro24/7. Редакционные  посты  содержат  информацию  о  бренде,  фото-­‐‑  и  видео-­‐‑контент. Данная  механика  хорошо  информирует  пользователей  о  новинках  бренда.

Page 21: Buro247 спец проекты

Редакционный  раздел

Промо-­‐‑страница

Страница  о  продукте

Видео-­‐‑контент

Баннер Кнопка  в  меню Брендирование

Проект анонсируется на сайте Buro24/7 кнопкой в меню, интернет-баннером и брендированием, которые при клике ведут на промо-страницу на сайт Buro24/7. Промо-страница может содержать следующие разделы: 1. Страница о продукте, где пользователи смогут ознакомиться с новым продуктом. 2. Страница конкурса. 3. Видео-контент. 4. Редакционные статьи. Механика с конкурсом способствует вовлечению пользователей в проект и тесному контакту с брендом.

Редакционные  статьи

Page 22: Buro247 спец проекты

Механики  на  редизайн  или  запуск  сайта

Page 23: Buro247 спец проекты

1.  Анонсирование  

Создание  интриги:  запуск  таймера  за  3  недели  до  

релиза.

Возле  таймера  размещается  спонсорский  текст.

Page 24: Buro247 спец проекты

2.  Эффектный  запуск

Старый  сайт  «перекидывается»  на  новый,  аналогично  эффекту  перекидных  часов

Page 25: Buro247 спец проекты

Идеи  спецпроектов  на  редизайн    или  запуск  сайта {

Page 26: Buro247 спец проекты

1.  Таймер  обратного  отсчета   За  определенное  время  до  редизайна  появляется  таймер,  который  отсчитывает  время  до  события.  В  назначенное  время  происходит  анимация  и  старый  дизайн  сменяется  на  новый.

Возможности: •  Воплотить  анимацию  /  превращение  

аналогичное  ТВ  ролику  или  баннеру; •  Подчеркнуть  точность  для  часовых  

брендов; •  Запуск  одновременно  с  запуском  

мероприятия  клиента  (для  фильмов,  event).  

Узнаваемость Вовлечение Траффик Wow-эффект

Page 27: Buro247 спец проекты

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

Возможности:

•  Подчеркивается  неподвластность  бренда  изменениям.

Узнаваемость Вовлечение Траффик Wow-эффект

Page 28: Buro247 спец проекты

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

•  Брендирование  длительное  время;

•  Размещение  в  полезном  для  пользователей  разделе.  

Узнаваемость Вовлечение Траффик Wow-эффект

Page 29: Buro247 спец проекты

4.  Нарисуй  новый  дизайн Когда  время  таймера  истекает,  пользователям  предлагается  самостоятельно  нарисовать  новый  дизайн  кистью.  При  проведении  курсора,  старый  дизайн  растворяется  на  его  месте  становится  виден  новый.  После  того,  как  большая  часть  сайта  будет  раскрыта,  пользователь  попадает  на  новый  дизайн. Возможности:

•  Образ  рисования  может  подчеркнуть  преимущества  для  декоративной  косметики.

Узнаваемость Вовлечение Траффик Wow-эффект

Page 30: Buro247 спец проекты

5.  Открой  пазл Когда  время  таймера  истекает,  пользователям  вместе  открыть  новый  дизайн  сайта.  При  клике  на  сайт,  небольшая  плитка  старого  сайта  отваливается  и  за  ней  становится  виден  новый  дизайн.  Пользователи  могут  просто  смотреть,  как  другие  открывают  плитки.  После  того,  как  большая  часть  сайта  будет  раскрыта,  пользователь  попадает  на  новый  дизайн.    За  некоторыми  ячейками  могут  быть  спрятаны  призы  от  клиента. Возможности:

•  Вовлечение  пользователей  в  открытие  нового  дизайна  сайта.

•  Возможность  добавить  конкурсную  механику.

Узнаваемость Вовлечение Траффик Wow-эффект

Page 31: Buro247 спец проекты

6.  Кто  быстрее Пользователям  предлагается  поиграть,  кто  быстрее  или  точнее.  Условия  для  получения  приза  от  клиента: •  Первые  10  пользователей,  которые  кликнут  в  

назначенное  время  на  кнопку. •  Пользователь  загрузивший  100-­‐‑ую  или  1000-­‐‑ную  

страницу  сайта. •  Тысячный  пользователь  сайта  в  день  редизайна.

Возможности: •  Возможность  добавить  конкурсную  механику.

•  Увеличение  глубины  просмотров  и  времени  нахождения  на  сайте.

Узнаваемость Вовлечение Траффик Wow-эффект

Page 32: Buro247 спец проекты

7.  Борьба  за  редизайн Пользователям  предлагается  проголосовать  за  смену  дизайна  сайта.  Это  произойдет  при  соблюдении  двух  условий: •  За  ребрендинг  должны  лайкнуть  более  1000  

пользователей.

•  Количество  лайков  в  facebook  и  в  tweeter  должно  быть  примерно  одинаковым.

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

•  Возможность  добавить  вирусную  механику. •  Вовлечение  пользователей  в  изменения  на  

сайте. Узнаваемость Вовлечение Траффик Wow-эффект

Page 33: Buro247 спец проекты

8.  Бренд  в  истории  сайта В  шапке  сайта  размещается  ползунок,  перемещая  который  можно  менять  оформление  всего  сайта  в  соответствии  с  выбранным  годом.  При  этом  меняется  не  только  брендированный  фон,  но  и  стиль  текста  и  оформления  всего  раздела.  При  передвижении  ползунка  на  последний  год  дизайн  сайта  меняется  на  новый. Возможности:

•  Показать  богатую  историю  бренда  вместе  с  изменением  дизайна  сайта.

Узнаваемость Вовлечение Траффик Wow-эффект

Page 34: Buro247 спец проекты

 Мобильное  приложение

Page 35: Buro247 спец проекты

Аудитория  iOS  приложения  Buro  24/7  

•  Месячная аудитория сайта, которая заходит с iPad и iPhone и iPod, около 80 000 уникальных пользователей

•  Это 17% от всей аудитории сайта buro247.ru •  Глубина просмотров 3,5 страниц

(в среднем по сайту 3,3) •  Время на сайте 4:44 минут

(в среднем по сайту 3:42 минут)

Прогнозы •  1 месяц 20 000 установок •  3-4 месяца 60 000 установок

Page 36: Buro247 спец проекты

2.  Брендирование  приложения

Page 37: Buro247 спец проекты

 Брендирование  

Page 38: Buro247 спец проекты
Page 39: Buro247 спец проекты
Page 40: Buro247 спец проекты
Page 41: Buro247 спец проекты
Page 42: Buro247 спец проекты

Размеры  макетов    и  технические  требования {

Page 43: Buro247 спец проекты

Размеры  макета  брендирования  Buro247.ru

Page 44: Buro247 спец проекты

Статичный  брендинг 1.  Макет  должен  соответствовать  psd  шаблону  брендирования  для  данного  сайта  в  плане  размеров  

областей  сверху  и  сбоку.

2.  У  большинства  пользователей  ширина  экран  меньше  либо  равна  1366  пикс,  поэтому  значимая  информация  не  должна  уходить  за  эти  пределы.  Оптимально,  чтобы  значимая  информация  не  выходила  за  пределы  1280  пикс.

3.  За  пределами  1280  пикс  изображение  должно  переходить  в  однотонный  фон.  Максимальный  размер  изображения  1920  пикс  по  ширине.

4.  Изображения  должны  переходить  в  однотонный  фон  с  боков  и  снизу,  т.к.  высота  сайта  меняется  в  зависимости  от  контента,  а  ширина  может  быть  разной  для  разных  мониторов.  Цвет  фона  должен  легко  считываться  из  макета.  

5.  Фон  в  виде  паттерна  (повторяющейся  текстуры)  не  допускается.  Такой  фон  все  равно  должен  переходить  в  однотонный  цвет.

6.  Вес  сверстанного  макета  не  должен  превышать  350  Кб.  Проверить  вес  можно  разделив  макет  на  3  jpeg  файла  (два  боковых  и  шапку)  и  сохранив  их  как  jpeg  файл  в  формате  для  web  с  качеством  около  50-­‐‑60%.  

Page 45: Buro247 спец проекты

Анимированный  брендинг  с  расхлопом 1.  Макет  должен  соответствовать  psd  шаблону  брендирования  для  данного  сайта  в  плане  размеров  

областей  сверху  и  сбоку.

2.  У  большинства  пользователей  ширина  экран  меньше  либо  равна  1366  пикс,  поэтому  значимая  информация  не  должна  уходить  за  эти  пределы.  Оптимально,  чтобы  значимая  информация  не  выходила  за  пределы  1280  пикс.

3.  За  пределами  1280  пикс  изображение  должно  переходить  в  однотонный  фон.  Максимальный  размер  изображения  1920  пикс  по  ширине.

4.  Боковые  flash-­‐‑баннеры  должны  корректно  отображаться  при  различной  высоте  экрана.  Либо  изображения  должны  переходить  в  однотонный  фон  сбоку  и  снизу,  либо  могут  быть  добавлены  элементы,  которые  выравниваются  по  нижнему  краю  экрана.    

5.  Фон  в  виде  паттерна  (повторяющейся  текстуры)  не  допускается.  Такой  фон  все  равно  должен  переходить  в  однотонный  цвет.

6.  У  расхлопывающегося  блока  (вверху)  должна  быть  кнопка  «Закрыть»  с  крестиком.  Кнопка  должна  быть  достаточно  крупной  и  заметной,  и  располагаться  в  верхнем  правом  углу.

Page 46: Buro247 спец проекты

Общие  рекомендации  для  Buro247.ru Сайт  Buro  24/7  ориентирован  на  состоятельную  аудиторию  со  средним  и  высоким  достатком,  преимущественно  женскую,  в  возрасте  от  18  до  35  лет,  интересующуюся  модой,  культурой,  социальной  жизнью,  красотой.  Сайт  не  только  первым  фиксирует  тренды  мировой  моды  и  культуры,  но  и  создает  их.  

1.              Брендирование  должно  органично  сочетаться  –  визуально  и  концептуально  –  с  редакционным  наполнением  сайта. 2.              Брендирование  не  должно  выглядеть,  как  название  или  логотип  сайта.  Т.е.  логотип  бренда  должен  быть  меньше  по  размеру,  чем  логотип  Buro24/7,    и  не  должен  находиться  непосредственно  над  логотипом  Buro24/7  или  в  близком  соседстве  с  ним.

3.              В  макете  не  должны  имитироваться  элементы  навигации  сайта  или  элементы  интерфейса  операционной  системы  (сообщения  об  ошибках  и  т.п.).

4.              Не  допускаются  изображения  обнаженного  тела  и  людей  в  нижнем  белье,  если  они  не  соответствуют  эстетической  составляющей  сайта.   5.              Брендирование  должно  представлять  собой  однородный  фон  с  одним  тематическим  посылом.  Оно  не  должно  отвлекать  от  контента  сайта. 6.              Макет  не  должен  содержать  обилие  ярких  цветовых  пятен.  Желательно  использовать  до  3х  основных  цветов. 7.              Не  допускаются  элементы,  которые  могут  быть  расценены  как  реклама  алкоголя,  пропаганда  нетрадиционнных  сексуальных  отношений.

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

Page 47: Buro247 спец проекты

Примеры  неправильного  брендинга {

Page 48: Buro247 спец проекты

Макет  не  переходит  внизу  в  однородный  фон

Page 49: Buro247 спец проекты

Макет  не  переходит  с  боков  в  однородный  фон

Page 50: Buro247 спец проекты

Повторяющийся  паттерн  не  переходит  в  однородный  фон

Page 51: Buro247 спец проекты

Важные  элементы  сайта  не  попадают  в  область  видимости

Page 52: Buro247 спец проекты

Брендирование  похоже  на  стиль  сайта.  Логотип  доминирует  над  логотипом  сайта

Page 53: Buro247 спец проекты

В  макете  элементы  интерфейса  сайта  или  ОС

Page 54: Buro247 спец проекты

Макет  со  слишком  яркими  цветами.  Не  соблюдена  охранная  зона  логотипа.

Page 55: Buro247 спец проекты

Использование  обнаженного  тела

Page 56: Buro247 спец проекты

Спасибо!

Лебедев  Павел,    креативный  директор  отдела  спецпроектов

[email protected]