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

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

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

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

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

6. Типовая структура спецпроекта
Анонсирование
Анонсирование
Анонсирование
Landing Page
Продуктовый
раздел
Развлекательная
часть

7. Порядок работы над проектом
Ключевые точки для согласования клиентом

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

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

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

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

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

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

23. 1. Анонсирование
Создание интриги: запуск
таймера за 3 недели до
релиза.
Возле таймера размещается
спонсорский текст.

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

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

26. 1. Таймер обратного отсчета
За определенное время до редизайна
появляется таймер, который отсчитывает
время до события. В назначенное время
происходит анимация и старый дизайн
сменяется на новый.
Возможности:
•
•
Подчеркнуть точность для часовых
брендов;
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Воплотить анимацию / превращение
аналогичное ТВ ролику или баннеру;
Запуск одновременно с запуском
мероприятия клиента (для фильмов,
event).

27. 2. Противостояние изменениям
Когда время таймера истекает,
происходит анимация и старый дизайн
сменяется на новый. При этом часть
элементов брендирования остается на том
же месте, тем самым подчеркивая, что
бренд не подвластен изменениям или
времени.
Возможности:
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Подчеркивается неподвластность
бренда изменениям.

28. 3. Руководство по новому дизайну
Когда время таймера истекает,
пользователи направляются на
брендированный раздел с руководством
по новому дизайну. На страницах
рассказывается о базовом функционале
сайта. Раздел доступен в течение
нескольких недель и показывается
постоянным посетителям при заходе на
сайт.
Возможности:
•
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Брендирование длительное время;
Размещение в полезном для
пользователей разделе.

29. 4. Нарисуй новый дизайн
Когда время таймера истекает,
пользователям предлагается
самостоятельно нарисовать новый дизайн
кистью. При проведении курсора, старый
дизайн растворяется на его месте
становится виден новый. После того, как
большая часть сайта будет раскрыта,
пользователь попадает на новый дизайн.
Возможности:
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Образ рисования может подчеркнуть
преимущества для декоративной
косметики.

30. 5. Открой пазл
Когда время таймера истекает, пользователям
вместе открыть новый дизайн сайта. При клике
на сайт, небольшая плитка старого сайта
отваливается и за ней становится виден новый
дизайн. Пользователи могут просто смотреть,
как другие открывают плитки. После того, как
большая часть сайта будет раскрыта,
пользователь попадает на новый дизайн.
За некоторыми ячейками могут быть спрятаны
призы от клиента.
Возможности:
•
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Вовлечение пользователей в открытие нового
дизайна сайта.
Возможность добавить конкурсную
механику.

31. 6. Кто быстрее
Пользователям предлагается поиграть, кто быстрее
или точнее. Условия для получения приза от клиента:
• Первые 10 пользователей, которые кликнут в
назначенное время на кнопку.
• Пользователь загрузивший 100-­‐‑ую или 1000-­‐‑ную
страницу сайта.
• Тысячный пользователь сайта в день редизайна.
Возможности:
•
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Возможность добавить конкурсную механику.
Увеличение глубины просмотров и времени
нахождения на сайте.

32. 7. Борьба за редизайн
Пользователям предлагается проголосовать за
смену дизайна сайта. Это произойдет при
соблюдении двух условий:
• За ребрендинг должны лайкнуть более 1000
пользователей.
• Количество лайков в facebook и в tweeter
должно быть примерно одинаковым.
После того, как условия будут выполнены, сайт
сменит дизайн. Пользователи смогут посмотреть
это повторно на отдельной брендированной
странице.
Возможности:
•
•
Узнаваемость
Вовлечение
Траффик
Wow-эффект
Возможность добавить вирусную механику.
Вовлечение пользователей в изменения на
сайте.

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

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

35. Аудитория 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 установок

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

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

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

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

44. Статичный брендинг
1.
Макет должен соответствовать psd шаблону брендирования для данного сайта в плане размеров
областей сверху и сбоку.
2.
У большинства пользователей ширина экран меньше либо равна 1366 пикс, поэтому значимая
информация не должна уходить за эти пределы. Оптимально, чтобы значимая информация не
выходила за пределы 1280 пикс.
3.
За пределами 1280 пикс изображение должно переходить в однотонный фон. Максимальный размер
изображения 1920 пикс по ширине.
4.
Изображения должны переходить в однотонный фон с боков и снизу, т.к. высота сайта меняется в
зависимости от контента, а ширина может быть разной для разных мониторов. Цвет фона должен
легко считываться из макета.
5.
Фон в виде паттерна (повторяющейся текстуры) не допускается. Такой фон все равно должен
переходить в однотонный цвет.
6.
Вес сверстанного макета не должен превышать 350 Кб. Проверить вес можно разделив макет на 3 jpeg
файла (два боковых и шапку) и сохранив их как jpeg файл в формате для web с качеством около
50-­‐‑60%.

45. Анимированный брендинг с расхлопом
1. Макет должен соответствовать psd шаблону брендирования для данного сайта в плане размеров
областей сверху и сбоку.
2. У большинства пользователей ширина экран меньше либо равна 1366 пикс, поэтому значимая
информация не должна уходить за эти пределы. Оптимально, чтобы значимая информация не
выходила за пределы 1280 пикс.
3. За пределами 1280 пикс изображение должно переходить в однотонный фон. Максимальный размер
изображения 1920 пикс по ширине.
4. Боковые flash-­‐‑баннеры должны корректно отображаться при различной высоте экрана. Либо
изображения должны переходить в однотонный фон сбоку и снизу, либо могут быть добавлены
элементы, которые выравниваются по нижнему краю экрана.
5. Фон в виде паттерна (повторяющейся текстуры) не допускается. Такой фон все равно должен
переходить в однотонный цвет.
6. У расхлопывающегося блока (вверху) должна быть кнопка «Закрыть» с крестиком. Кнопка должна быть
достаточно крупной и заметной, и располагаться в верхнем правом углу.

46. Общие рекомендации для Buro247.ru
Сайт Buro 24/7 ориентирован на состоятельную
аудиторию со средним и высоким достатком,
преимущественно женскую, в возрасте от 18 до 35
лет, интересующуюся модой, культурой,
социальной жизнью, красотой. Сайт не только
первым фиксирует тренды мировой моды и
культуры, но и создает их.
3. В макете не должны имитироваться элементы
навигации сайта или элементы интерфейса
операционной системы (сообщения об ошибках и
т.п.).
5. Брендирование должно представлять собой
1. Брендирование должно органично сочетаться –
визуально и концептуально – с редакционным
наполнением сайта.
однородный фон с одним тематическим посылом. Оно
не должно отвлекать от контента сайта.
2. Брендирование не должно выглядеть, как
название или логотип сайта. Т.е. логотип бренда
должен быть меньше по размеру, чем
логотип Buro24/7, и не должен находиться
непосредственно над логотипом Buro24/7 или в
близком соседстве с ним.
4. Не допускаются изображения обнаженного тела
и людей в нижнем белье, если они не соответствуют
эстетической составляющей сайта.
6. Макет не должен содержать обилие ярких
цветовых пятен. Желательно использовать до 3х
основных цветов.
7. Не допускаются элементы, которые могут быть
расценены как реклама алкоголя, пропаганда
нетрадиционнных сексуальных отношений.
8. Не допускаются элементы, которые могут быть
расценены как оскорбляющие чувства верующих.

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

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

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

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

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

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

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

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

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

56. Спасибо!
Лебедев Павел,
креативный директор отдела спецпроектов
plebedev@forwardmg.ru