12 заметок с тегом

портфолио

Позднее Ctrl + ↑

«Билборд Малевича». Как я придумывала наружную рекламу

Для студентов второй ступени Школы редакторов Максим Ильяхов объявил конкурс. Расскажу о том, как я делала свою работу.

Условия конкурса

3 февраля 2020 года в художественной галерее им. Аси Челован открывается выставка о русском авангарде в изобразительном искусстве. Будут выставлены репродукции Малевича, Кандинского, Татлина и других художников. Будут картины, чертежи, плакаты. Выставка по-нормальному объяснит гостям, в чем крутость «Черного квадрата» и всего прочего абстракционизма и супрематизма. Исторический контекст, народные настроения, революция и всё такое.

Для рекламы выставки бюро закупает в Москве 300 билбордов размером 6 × 3 метра. Билборды будут приглашать на выставку.

Место: Большая Новодмитровская, 36, культурный центр «Куб»
Время: 12:00—22:00, пн—пт
Даты: 3—14 февраля
Билеты и запись на экскурсии: chelovan.ru

Задача

Спроектируйте макеты билбордов, которые будут привлекать людей на выставку. Учтите, что билборды будут установлены на оживленных улицах и проспектах. Результат выложите в виде картинок, на которых будет виден макет, наложенный на изображение билборда в городской среде.

Рассуждения

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

Особенности верстки. По условиям билборды будут установлены на оживленных улицах города. Средняя скорость движения автомобиля по городу примерно 60-70 км/ч. Значит, у пассажира есть всего несколько секунд, чтобы рассмотреть и прочитать информацию, а у водителя и того меньше потому, что ему нужно следить за дорогой.

Примерно так водитель видит среднестатистический билборд. Если текста много и нет контраста, прочитать что-то непросто

Из этого следует, что на билборде не стоит:

  • Писать длинный текст, потому что его невозможно прочитать.
  • Использовать мелкий шрифт и графику.
  • Делать сложный дизайн.

Мне нужно сделать простое сообщение о том, что это за выставка. И придумать простой визуальный образ, который создаст настроение и не будет отвлекать от текста.

Расположение. Не все места одинаково удачны для установки билборда. Во время движения водитель обычно смотрит на дорогу и не отвлекается на всякую ерунду. Соответственно, мне нужно:

  • привлечь внимание пешеходов,
  • установить билборды там, где водителям придется остановиться.

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

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

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

Ход работы

Изначально я представляла билборд примерно таким:

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

Я долго двигала, меняла и перекрашивала элементы и в итоге пришла к такому варианту:

Результат меня устроил. Человек стоит в углу и становится якорным объектом. Листочек занимает свободное место, поэтому в макете нет дыр. Разделение на две части макета и цветовое выделение позволяет создать связь между словами, чтобы показать — вся информация на сайте. Ну и кажущаяся строгость формы за счет линеек. В общем, я довольна.

И тут я поместила макет на мокап. Сразу видна проблема:

Издалека мой красивый листик кажется странным пятном. Невольно думаешь: это так задумано или баннер грязный? Уберем листик:

Мужик становится чужеродным элементом. Почистим:

Немного скучновато, но ничего не мешает читать. Оставляем.

По условиям конкурса в городе будет установлено 300 билбордов. Есть шанс, что человек увидит несколько наших билбордов. Поэтому делаю несколько макетов в разными слоганами. В них играем на разных чувствах:

  • Социальное — подчеркиваем влияние авангардистов на все искусство.
  • Прагматика — обещаем ответ на главный вопрос «И почему эта мазня так дорого стоит»?
  • Эмоция — вызываем интерес и любопытство с помощью провокационных вопросов вроде «Умел ли Малевич рисовать».

В результате у меня получилась серия из 4 билбордов:

Результат

Задачей было разжечь интерес читателя к выставке — достаточный, чтобы захотелось зайти на сайт. Максим Ильяхов оценивал решение этой задачи по 5 критериям:

  • Полезное действие выставки. Почему человек захочет на нее попасть? Каково число людей, которые захотят попасть, исходя из выбранного вами полезного действия? В ответ на какой стимул мы соберем больше людей — на стимул «деньги» или на стимул «стать более культурным»? Чем более попсовый и массовый мотив вы использовали в подаче рассылки, тем лучше.
  • Ясность. Нужно ли расшифровывать плакат? Есть ли там ребусы, мелкие элементы, нужно ли в него вглядываться? Так как это биллборд, лучше, когда всё ясно и читается издалека. Адрес сайта должен быть большим и мощным.
  • Использование формата. Биллборд висит в городской среде, вокруг что-то происходит. Биллбордов может быть несколько, это может быть серия. Используете ли вы эти возможности, чтобы лучше решить задачу? Серия биллбордов лучше, чем один. В идеале — чтобы биллборд как-то взаимодействовал со средой (этого не было ни у кого).
  • Красота. Красивое лучше некрасивого. Так как мы работаем с картинами, полезно было использовать их красоту на пользу. Если есть красивый супрематизм, его нужно было использовать как элемент дизайна плаката.
  • Шок-фактор. Иногда можно нарушить все правила и сделать просто полную дурь, и это запомнится и сработает.

Я считаю, что неплохо справилась с задачей:

Результаты конкурса. Так как работы не публиковались в свободном доступе, я на всякий случай размыла список других участников.
А это ко мне приехал приз за конкурс

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

У нас в «Ашманов и партнеры» есть много крутых собственных технологий. На рынке таких больше нет, и это наше преимущество. Например, есть Лаборатория поисковой аналитики. Она помогает давать рекомендации, основанные на научном подходе к продвижению. Это круто, но никому непонятно, как она работает. Откуда берутся данные? В чем польза для клиента? Нужно об этом рассказать.

На сайте была страница, посвященная Лаборатории. Но она шаблонная и скучная.

Исходная версия страницы

Мы решили сделать редизайн, рассказать о всех направлениях работы, сделать страницу визуально привлекательнее и дать «пощупать» результаты.

Что такое Лаборатория

Лаборатория поисковой аналитики — это несколько технологических разработок, которые позволяют «расшифровывать» поисковые алгоритмы.

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

Эксперты Лаборатории действуют от обратного: они анализируют сайты, которые уже попали в топ. Смотрят, какими характеристиками они обладают и чем отличаются друг от друга. Сравнивают страницы в топе между собой и со страницами, которые в топ не попали. На основе полученных данных выясняют, какие параметры могут влиять на ранжирование.

Гарантий Лаборатория не дает: наличие статистически значимой связи между значением параметра и попаданием в топ или позицией еще не означает, что Яндекс или Google прямо учитывает данный параметр при ранжировании. Но полученные данные позволяют понять, в каком направлении двигаться.

Страница — для маркетологов и SEO-оптимизаторов

Этой страницей мы хотели решить три задачи:

  • рассказать о пользе Лаборатории маркетологам. Не углубляясь в детали, ответить на вопрос: «А что я-то получу от этого?»
  • дать полезные материалы оптимизаторам. Как правило, они уже знают о Лаборатории из публикаций и докладов на конференциях. Поэтому они приходят с конкретной задачей: например, скачать исследование.
  • сделать материал, который поможет нашим продавцам рассказывать о Лаборатории на встречах с клиентами.

Моя задача — подготовить контент и вести проект

Я в «Ашманов и партнеры» занималась сайтом: писала тексты, создавала страницы, ставила задачи на дизайн и разработку. В этот раз все было так:

  1. Я продумала структуру страницы. Для этого собрала всю информацию: изучила отчеты и опубликованные интервью, побеседовала со специалистами Лаборатории, плзнакомилась с интерфейсом. Потом собрала из этого черновик и согласовала: в первую очередь с руководителем Лаборатории, а с нашей стороны — с исполнительным директором.
  2. Поставила задачу на прототип. Мы хотели, чтобы страница выделялась на общем фоне и имела интерактивные элементы, но при этом оставалась в рамках фирменного стиля. Я не специалист по интерфейсам, поэтому обратилась к профессионалам. В процессе обсуждения скорректировала первоначальную структуру.
  3. Поставила задачи на дизайн и верстку. Следила, чтобы все было правильно: дизайн соответствовал логике текста, верстка была точно по отрисованному макету, во всех браузерах страница отображалась верно и не было ошибок. Когда макеты готовы, показала их руководителю Лаборатории.
  4. Подготовила ТЗ на разработку. Чтобы удобно было размещать контент, а некоторые блоки использовать на страницах других технологий, нужно продумать компоненты и решить, что добавлять в шаблон, а что делать статикой. Потом окончательно проверить, что все работает, как запланировано.
  5. Написала окончательный текст и подобрала иллюстрации. Заполнила весь контент на тестовом домене и окончательно согласовала. Проверила страницу на боевом сайте.

Собираю информацию

Довольно долго мы не знали, с какой стороны подойти к задаче. «Под капотом» Лаборатории сложные технологии, основанные на методах математической статистики. Как это все работает, хорошо знает только руководитель Лаборатории Михаил Волович. Первым делом я обратилась к нему. Михаил посоветовал мне изучить аналитические отчеты, которые Лаборатория готовит с ноября 2017 года.

Аналитический отчет — это глобальное исследование факторов ранжирования. В нем даны теоретические рекомендации для оптимизаторов: какие коммерческие факторы сейчас важны, правда ли ссылки до сих пор работают и т. д. И подробно описана методика такого исследования.

Введение к отчету за 2018 год

На рынке о Лаборатории знают благодаря этим отчетам. Они публикуются в свободном доступе, тиражируются и выдержки из них перепечатываются в отраслевых СМИ. Но еще Лаборатория — это внутренний сервис, который помогает продвигать сайты наших клиентов. Это приоритетное направление, поэтому о нем нужно рассказать побольше.

Уже несколько лет Лаборатория делает бесплатные аудиты сайтов для участников конференции Optimization. Они автоматические: специалисты загружают в систему запросы и страницы сайта, а получают документ с рекомендациями. Результаты обсуждают на мастер-классе. Оказалось, что такой же документ генерируют оптимизаторы, когда работают с сайтами клиентов. Я попросила несколько примеров, чтобы их изучить.

Потом я пообщалась с оптимизаторами и расспросила их, как они используют Лабораторию. Они показали интерфейс, дали примеры отчетов и сделали скриншоты.

Интерфейс внутреннего сервиса, актуальный на февраль 2019 года

Так я узнала, что внутренний сервис экономит оптимизаторам много времени:

  • автоматически сравнивает сайт клиента с конкурентами и сайтами в топе, а потом генерирует таблицы с результатами анализа;
  • формирует понятный отчет для клиента со скриншотами. Оптимизатору остается только дополнить его данными и поправить, если нужно;
  • помогает поставить ТЗ копирайтеру: рассчитывает нужный объем, вхождения и даже дает список слов, которые не являются ключами, но их полезно использовать.

На самом деле, всю эту работу можно сделать и без Лаборатории. Но этим придется заниматься вручную, а это долго и ненадежно — человек всегда может что-то пропустить.

Готовлю структуру страницы

Когда я получила общее представление о возможностях Лаборатории, выстроилась логика страницы:

  • описание работы сервиса (как работает Лаборатория) и главный вывод, зачем это все нужно
  • описание направлений работы — исследования, аналитика для оптимизатора, отчеты для клиента, задания для копирайтеров. В каждом блоке объяснение, иллюстрация и практическое применение со ссылкой на другой раздел сайта.
  • факты о Лаборатории — как давно существует, сколько параметров отслеживает. Ссылка на интервью с основателем.
  • рейтинг самых главных параметров для поисковых систем, основанный на данных из последнего отчета. На каждый параметр можно кликнуть и узнать подробности. Польза и элемент интерактивности :)
  • все отчеты Лаборатории, которые можно скачать за подписку на рассылку.

Такая структура легла в основу прототипа.

В процессе работы над дизайном мы внесли изменения:

  • полезное действие технологии вынесли на самое заметное место — под заголовком.
  • по просьбе Михаила в блок «Что мы делаем» добавили информацию о сервисах: на данных Лаборатории основаны «Тургенев» и AnalyzeThis.ru.
  • добавили FAQ. Текст этого блока взят из отчета «Факторы ранжирования — 2019. Финансы».

Что дальше

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

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

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

Готовая страница, актуальная на август 2019 года
 800   2019   кейс   организация работы   портфолио