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

портфолио

Каким должно быть портфолио редактора. Мой опыт

Недавно я внезапно обнаружила, что агентство «Сделаем» разобрали по полочкам мое портфолио и поставили его в пример другим авторам-редакторам. Восприняла это как пинок и решила рассказать, как я пришла именно к такому варианту.

Посты про портфолио редактора: в Телеграме и Инстаграме

Версия 2019: кейсы

Впервые я решила оформить портфолио в 2019 году, когда собиралась поступать в школу редакторов. Там не ограничивают в формате, собрать свои работы можно хоть в гуглдоках, но мне хотелось сделать для них отдельную страничку. И вот почему:

  • просто приятно, что у тебя есть своя страничка — будто ты взрослый и классный;
  • повод потренироваться в верстке — в школе это пригодилось;
  • казалось, что это самый удобный вариант — можно просто дать ссылку, а для просмотра достаточно браузера.

Делать я решила на редимаге, потому что многие студенты в школе делали свои курсовые на нем, а значит — полезно заранее познакомиться с этим инструментом. О структуре думала долго, но так как работ у меня было немного, решила кратко рассказать о каждой. Получились мини-кейсы:

  • предыстория и задача — что и зачем нужно было сделать;
  • результат — что именно я сделала;
  • иллюстрация — фрагмент страницы, кусочек буклета или отзыв эксперта, у которого я брала интервью;
  • фактоид — привлекательная цифра с информацией о проекте;
  • участники — если важную часть контента делал кто-то другой, обязательно указывала имя. Например, везде указаны дизайнеры.
Портфолио 2019 года, сделанное на редимаге. Мобильной версии нет, поэтому смотреть лучше на десктопе. Именно с этим вариантом портфолио я устроилась редактором в Vigbo — до сих пор считаю это большой удачей и с теплом вспоминаю коллег

Что я сейчас думаю о таком варианте портфолио редактора:

  • ✅ здорово, что тут не просто ссылки на работы, а небольшой рассказ о них;
  • ❌ кажется, что опыт совсем небольшой — хотя в моем случае так и было;
  • ❌ сложно добавлять новые проекты, иначе страница станет слишком длинной.

Версия 2020: резюме

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

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

Портфолио 2020 года, сохранила страницу для истории. Верстала уже сама

Что я сейчас думаю о таком варианте портфолио редактора:

  • ✅ классно, что есть четкая структура, в которой легко ориентироваться;
  • ✅ можно показать сразу много работ в разных форматах;
  • ✅ действительно может заменить резюме, ведь рассказывает об опыте и типичных задачах;
  • ❌ клиентам на фрилансе все равно, где я работала — им важно, с какими форматами я работала и какие задачи смогу решить;
  • ❌ я расту, развиваюсь, и старые работы буду очевидно хуже свежих — так зачем их показывать.

Версия 2021: рубрикатор

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

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

Портфолио, актуальное на февраль 2022. С этой версией я устроилась на работу в Ozon Marketplace

Что я сейчас думаю о таком варианте портфолио редактора:

  • ✅ четкая структура, при которой заказчик сможет легко выбрать из моего опыта тот кусочек, который соответствует его задачам — и не смотреть все остальные ссылки;
  • ✅ легко актуализировать материалы и наращивать портфолио новыми форматами;
  • ❌ разве что большое. Более существенных минусов пока не нашла :)

Что дальше

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

Однако сейчас я сфокусировалась на UX-редактуре и больше занимаюсь интерфейсами. Кажется, выкладывать такие работы в общий доступ не стоит, поэтому для них хочу собрать отдельное портфолио. Скорее всего, это будет презентация с кратким рассказом о задаче, скриншотом-иллюстрацией и ссылкой на проект в фигме. А может еще как-то — детали я еще не придумала. А самое интересное всегда можно оформить в формат кейса для блога.

 366   2 мес   портфолио   принципы   редактура   рефлексия

Как выжить в лесу. Серия плакатов о том, что нам забыли рассказать на ОБЖ

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

Оказалось, что это не правила дурацкие, а просто дьявол в деталях. По этому поводу я сделала серию плакатов. Кому интересно, вот PDF в полном размере (3,02 Mb).

Текст, кажется, мелковат, зато картинки красивые


Анна Акулова придумала, нарисовала, сверстала и приняла вызов Главреда

 216   2021   верстка   вызов главреда   портфолио

Как объяснить дедушке порядок принятия законов за 5 минут с картинками

Дедушка, представь, что тебя выбрали новым президентом Российской Федерации. Не волнуйся, ты совсем не старый для этого — обычно чиновники не могут быть старше 70 лет, но для президента максимальный возраст прямо в законе не указан.

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

Одного решения президента мало, чтобы твоя законодательная инициатива стала законом — так написано в Конституции. Разберемся, что к чему.

1. Законопроект

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

Потом все материалы нужно отправить в Государственную Думу на имя Председателя. Там их зарегистрируют и заведут карточку в специальном сервисе — Системе обеспечения законодательной деятельности (СОЗД). Там ты будешь смотреть, что происходит с твоим законопроектом.

Кроме президента предложить свои законопроекты могут и другие люди — этот список определяется ст. 104 Конституции РФ

2. Одобрение Государственной Думой

В Государственной Думе твой законопроект проверят — все ли правильно, не противоречит ли он Конституции и как влияет на другие законы. Могут даже спросить совета у других ведомств: например, Счетной палаты, Конституционного суда, Правительства и т. д.

Если все хорошо, документ передадут депутатам Государственной Думы. Они все вместе обсудят твой законопроект, скорее всего предложат разные поправки, а потом проголосуют — нужен стране такой закон или нет. Всего у нас 450 депутатов, но чтобы закон пошел дальше, за него должны проголосовать минимум 300.

Обычно депутаты собираются три раза — говорят, что проходит три чтения:

  • в первом чтении оценивают саму идею законопроекта. Судьба твоего закона зависит от депутатов: если среди них много коррупционеров, они испугаются лишиться руки и отклонят его.
  • во втором чтении разбирают каждую статью будущего закона. Обычно депутаты долго спорят и могут даже изменить условия — например, решат, что наказание слишком жестокое, достаточно отрубить палец. Так законопроект приобретает окончательный вид.
  • в третьем чтении документ принимают целиком — на этом этапе редко бывают существенные изменения.
По-настоящему создается закон в Государственной Думе — там проект проводит больше всего времени. Этот этап подробно описан в ст. 105 Конституции РФ и Регламенте Государственной Думы

3. Рассмотрение в Совете Федерации

Совет Федерации — это еще один законодательный орган. Он проверяет законопроекты, чтобы депутаты не превратили в закон какую-нибудь ерунду.

У Совета Федерации много разных дел, поэтому он обязан рассматривать не все законы, а только самые важные — например, о поправках в Конституцию или по вопросам войны и мира. Если обычный федеральный закон не рассмотрят за 14 дней — он считается принятым и в течение 5 дней отправляется к президенту. Если повезет, так получится и с твоим антикоррупционным законом.

Законопроект не может быть в Совете Федерации больше 14 дней: если его не рассмотрят, он считается принятым автоматически — п. 4 ст. 105 Конституции РФ

4. Подписание закона Президентом

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

У тебя есть выбор:

  • если с законом все хорошо — одобрить его.
  • если закон тебе не понравился — отклонить. Тогда он вернется в Государственную Думу на доработку.

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

Президент может принять или отклонить закон — это прописано в ст. 107 Конституции РФ

5. Публикация в СМИ

Хотя ты одобрил законопроект, о нем еще никто не знает, поэтому и законом он еще не считается. У тебя есть 7 дней, чтобы его опубликовать. Нет, дедушка, твой фейсбук для этого не подойдет — есть список официальных ресурсов, за которыми обязаны следить все юристы. Когда полный текст закона опубликован в «Парламентской газете», «Российской газете», «Собрании законодательства Российской Федерации» и на Официальном портале правовой информации, будет считаться, что ты его обнародовал.

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

Законопроект станет законом через 17 дней после подписания президентом — такой порядок установлен в Федеральном законе «О порядке опубликования и вступления в силу федеральных конституционных законов, федеральных законов, актов палат Федерального Собрания»


Анна Акулова написала, нарисовала и приняла вызов Главреда

Вдохновение форматом — в блоге Натальи Бабаевой. Оригинал — на medium

 69   2021   вызов главреда   портфолио   редактура

Как за год удалось увеличить базу подписчиков на 92% без магии и затрат

Однажды моя коллега Катя Данькина обратила внимание, что за год моей работы в Vigbo сильно выросла база подписчиков на блог. Я посмотрела старые отчеты и выяснила, что ее собирали с марта 2016. Когда я пришла в Vigbo (сентябрь 2019), в базе было 2 132 подписчика. Прошло чуть больше года, и сейчас там 4 612 адресов, из них 4 098 (+1 966) подписаны на рассылку. Для меня это стало открытием: ну я же вроде ничего такого не делаю, просто пишу себе статьи да отправляю рассылки. А потом я поняла, что все не так просто.

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

Это сообщение от Кати помогло мне понять, что нельзя недооценивать даже мелкие действия — в совокупности они всегда приносят заметный результат. Цифры уже изменились

Шаг 1. Информативные темы письма

Чтобы побороться за внимание читателя в большом потоке писем у нас не так много инструментов:

  • тема письма,
  • прехедер,
  • поле «От кого».

Есть разные подходы к тому, какими они должны быть: кто-то пытается создать интригу, кто-то добавляет шутки и прибаутки — якобы так можно выделиться. Я предпочитаю быть скучной занудой и сразу обозначить, что будет в письме. Во-первых, если мы хотим, чтобы человек потратил на нас свое время, нужно показать пользу. А во-вторых, нам не нужны оправданные ожидания: ничего страшного, если письмо откроют не все подписчики, зато большинство из них перейдут на сайт, а не уйдут с воплями «Фигня какая-то, где тут кнопка для отписки».

Теперь я стала писать:

  • в поле «От кого» — Блог Vigbo. Писем от сервиса приходит много, поэтому было важно сразу выделить их в общем потоке. Теперь сразу понятно, что здесь про статьи и полезные плюшки, а не про обновления или продление подписки.
  • в теме письма — одна-две главные темы статей. Рассылка с дайжестом уходит раз в месяц, и к тому моменту я уже знала по отклику в соцсетях, что зашло больше всего.
  • в прехедере — важная информация, которая не вошла в тему. Удачный вариант — рассказать о нестандартных штуках вроде чек-листов и готовых шаблонов. Еще часто я в прехедере указывала количество статей. Так проще понять, что тебя ждет и стоит ли сейчас читать письмо.
Эволюция рассылки: теперь статьи не прячутся в прехедере, а выносятся сразу в тему

Шаг 2. Информативное слово редактора

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

Приветственное слово стало заметно длиннее, зато можно оценить, найдешь ли ты для себя что-то полезное

Шаг 3. Полезные материалы за подписку

Когда с косметическими улучшениями писем было покончено, возник вопрос: а что дальше? У нас в блоге есть удобная форма для подписки, где подписываются читатели. Но нам нужно было привлечь холодную аудиторию, которая еще не с нами. Я знаю только один способ — польза.

Мы в Vigbo любим разные полезности для клиентов. Например, дизайнеры делали шаблоны открыток, планеров и календарей. А еще мы делали чек-листы, чтобы клиентам было проще заполнять сайт. Они целиком продуктовые, поэтому отдаем их бесплатно. Я подумала, что такие штуки — отличный способ собрать базу. Только нужно сделать их так, чтобы они были полезны всем — даже не нашим клиентам.

В итоге получилось четыре лид-магнита:

  1. Чек-лист по запуску интернет-магазина. Это классический чек-лист, в котором кратко и без тонкостей расписаны 16 шагов до запуска своего онлайн-магазина. Опубликован 16 июня 2020, на 11 декабря 2020 скачали 753 раза.
  2. Чек-лист по съемке видеоурока. По сути, это конспект мастер-класса видеопродюсера Vigbo, который поможет новичку на всех этапах — от подготовки техники до монтажа. Опубликован 23 июня, скачали 311 раз.
  3. Чек-лист по работе с блогерами. Я бы назвала это анкетой: в чек-листе не только описаны этапы подготовки рекламы, но и оставлены места для записей по ходу. Опубликован 15 октября, скачали 553 раза.
  4. Чек-лист по оформлению сайта фотографа. И пусть он зашел хуже остальных, я особенно им довольна, потому что там собраны азы дизайнерской гигиены, которые помогут сделать крепкий сайт. Для него я внимательно читала вопросы клиентов, отбирала правила, советовалась с дизайнерами и придумывала иллюстрации (да, там есть иллюстрации — все по-взрослому!). Потом ребята смогут его использовать на марафонах по созданию сайта. Опубликован 19 ноября, скачали 216 раз.
Так мы присылали чек-лист: в блоге предупреждали, что подпишем на рассылку, а в письме поясняли, что дальше делать. Заодно в письмах анонсировали акции, вебинары или новые фичи платформы

Что дальше

Дальше предстояло сегментировать базу, ведь там очень разные клиенты: кто-то фотограф, кто-то предприниматель — им интересен разный контент. А еще неплохо было бы почистить базу и попробовать реанимировать тех, кто перестал читать письма.

Но это уже другая история.

 990   2021   кейс   портфолио   редактура

Кейс: онлайн-интенсив по таргету для фотографов

Последний год я работала в компании Vigbo — это конструктор сайтов для фотографов и творческих предпринимателей. Мы помогаем превратить хобби в бизнес.

Однажды маркетолог Катя Данькина увидела на форуме Mywed ветку, где фотографы обсуждали продвижение в Инстаграме. И мы вспомнили, что самый топовый запрос от наших клиентов-фотографов — расскажите в статьях, постах или вебинарах про таргет и привлечение клиентов. Стали думать, какую активность мы можем провести, чтобы помочь фотографам разобраться с рекламой в Инстаграме. Решили запустить серию бесплатных вебинаров. И понеслось 🚀

Я вебинары не вела, зато активно работала за кадром. Вместе с Катей мы составляли программу, смотрели тестовые записи и помогали спикерам подготовиться к вебинарам. А потом я написала тексты для анонсов и коммуникации с участниками, спроектировала лендинг, отредактировала презентации, подготовила раздаточные материалы и даже настроила чат-бота. В этой статье я расскажу о работе над проектом и поделюсь какими-то наблюдениями. Спойлер: будет много скриншотов.

Такой отзыв одна из участниц интенсива написала в директ приглашенному спикеру Жене Светлой

Формат

Раньше в Vigbo были марафоны с прямыми эфирами в Инстаграме, но в этом случае формат показался не самым удачным — в Инстаграме не так много инструментов для взаимодействия с аудиторией. Поэтому остановились на вебинарах, которые мы проводили через Youtube.

Интенсив длился 2 недели — сначала получилось 8 вебинаров, но потом по просьбам участников сделали еще один бонусный вебинар с разбором аккаунтов.

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

Промостраница

Чтобы участники могли изучить программу и записаться на интенсив, сделали лендинг. Я отвечала за текст. Ничего сверхестественного придумывать не стала и сделала стандартную структуру: обложка, выгоды, подробная программа, а в конце — блок с фотографиями спикеров.

Сразу оговорюсь: на первый взгляд имена спикеров могут показаться неизвестными и вроде бы бессмысленно ставить фото. Но мы продвигали интенсив только среди своей аудитории, поэтому все четыре специалиста Vigbo так или иначе знакомы — кто-то ведет эфиры в Инстаграме, кто-то проводит консультации, а кто-то выступал с вебинарами. Приглашенный спикер Женя Светлая тоже многим была знакома.

Я сделала прототип лендинга в Фигме, а наши дизайнеры собрали красивую страницу на конструкторе Vigbo. На мой вкус получилось мелковато, но спорить уже не стала

Продвижение

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

Анонсировали всего за неделю: за это время отправили рассылку по своей базе фотографов, сделали пост в блоге и на форуме Mywed, а еще рассказывали об интенсиве в соцсетях. Я подготовила тексты для постов, блога и рассылок. А ребята-спикеры записали видео для сторис. Там каждый рассказал о том, что будет на его вебинаре. Мы публиковали эти сторис всю неделю перед интенсивом.

Так мы рассказали об интенсиве в рассылках и блоге
А таким был анонс в соцсетях

Регистрация

Регистрация участников через email в Vigbo отработана четко: так регистрировали на марафоны, вебинары и мастермайнды. Но так много людей не доходит — у кого-то письма попадают в спам, а кто-то регистрировался на личную почту, а под рукой рабочая... Поэтому мы решили протестировать новый для себя инструмент — ботов в Телеграме и ВКонтакте.

Полностью отказаться от email мы пока не решились. Сделали так: на лендинг добавили стандартную форму для подписки. Когда человек оставлял почту и нажимал «Записаться», его адрес попадал в наш список рассылки, а ему открывалась страница success с кнопками для подписки на бот. В следующий раз решили делать напрямую в ботах, тем более что там тоже можно собрать email-адреса.

Изначально мы планировали для настройки бота обратиться к фрилансеру. Но им нужно было четко прописать всю цепочку целиком, а мы этого сделать не могли. Мы запускали не автовебинар, а живой интенсив — все быстро менялось и корректировалось на ходу. Поэтому я попробовала сделать бота сама на платформе BotHelp. У меня получился простой линейный бот в несколько сообщений и с опросом. Дальше основную коммуникацию я построила на основе рассылок — так напоминала о вебинарах, отправляла бонусы и записи эфиров.

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

Так выглядела подписка на бота в Телеграме. Кстати, мессенджер сработал очень хорошо: на Телеграм подписалось 1 170 человек, а на ВКонтакте всего 186 — в следующий раз нет смысла тратить усилия на ВК

Ход интенсива

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

Рабочая тетрадь и чек-листы. Информации на интенсиве так много, что мы хотели помочь в ней разобраться. Чтобы слушать вебинары было проще, сделали рабочую тетрадь — она приходила сразу после регистрации на почту и в бот. А чтобы потом было удобно внедрять все в работу, в конце каждой недели отправляли шпаргалки.

Вот что у нас получилось:

Пример страниц из рабочей тетради

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

Как мы и ожидали, большая часть людей приходила из бота, хотя напоминание в 10 утра больше людей открывали именно на почте.

Напоминания о вебинарах на почту и в бот

Брендированная инфополоса. Когда я смотрела курс Елены Базу по веб-дизайну, я заметила интересную деталь: в вехней части каждого видео была полоска с названием курса, именем автора и ее контактами. Мне это так понравилось, что я предложила команде сделать так же.

С помощью этой маленькой и в общем-то простой детали мы решили сразу две задачи:

  • Напомнили о бренде и связали все вебинары в единую систему. Что бы ни было на экране, полоса помогала сохранить целостность. А еще там был логотип Vigbo — мы надеялись, что новичкам он примелькается и запомнится.
  • Скрыли элементы интерфейса. Для многих тем нужно было открывать вкладки в браузере. Участникам ни к чему видеть адресную строку, закладки и расширения. Такая полоса сделала картинку более эстетичной.
Такими были все вебинары: брендированная инфополоса, спикер в кружке и презентации в едином стиле

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

Мы решили использовать похожую механику, но адаптировать ее под наш формат. Я настроила в боте автоматизацию: когда участник писал боту слово ВОПРОС, ему приходила ссылка на гугл-форму для сбора вопросов. В конце интенсива мы прислали всем подробные ответы со ссылками и иллюстрациями.

Скриншоты бота: слева — ответ бота с формой для сбора вопроса, справа — финальная рассылка с материалами, в том числе нашими ответами

Результаты

А теперь немного о том, что мы получили в обмен на месяц напряженной работы всей команды.

  1. Интенсив помог решиться многим фотографам на запуск первой рекламной кампании. Мы хотели показать, что пусть рекламный кабинет Фейсбука кажется очень сложным, каждому по силам в нем разобраться. Судя по отзывам, нам это удалось.
  1. Материалы интенсива лягут в основу полноценного курса по таргетированной рекламе для фотографов. Команда Vigbo уже начинает работу над программой.
  1. Появилось много контента, который можно бесконечно переупаковывать в другие форматы. Например, уже готовые чек-листы можно отдавать за подписку всем желающим, видео с вебинаров нарезать в короткие видеоуроки, что-то расшифровать и оформить в статью — простор для редактора.
  1. Мы кайфанули. Для всех интенсив стал классным способом на какое-то время уйти от рутины и встряхнуться после всех волнений, которые доставил 2020 год. Все настолько вдохновились проектом, что были готовы делать новые вебинары: так у нас появился бонусный девятый вебинар и чуть не появился десятый 💪

А лично я поняла, что мне близки крутые образовательные проекты. И я с большим удовольствием снова приму участие в чем-то подобном.

Куча сухих цифр и бизнес-результатов из итоговой презентации для команды
 1007   2020   кейс   портфолио

Школа редакторов. Вторая ступень

Пару дней назад опубликовали финальный рейтинг второй ступени Школы редакторов нашего набора. Не верится, что прошли еще три месяца учебы в Бюро Горбунова. Я финишировала на 11 месте в рейтинге. И пока воспоминания свежи, я расскажу о том, как проходил подъем на гору знаний и какие задания мы делали.

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

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

Задание 1. Страница о компании

Первым заданием было написать и сверстать страницу о компании. На выбор было два варианта. Я решила писать про агентство праздников «Тимуровцы».

Здесь нужно маленькое отступление. Чтобы обсуждать работы, Максим Ильяхов завел специальный чат. Он пригласил туда выпускников прошлых лет и разрешил спрашивать там совета. И прекрасные девушки Алина Мишуренко и Оля Зонова предложили присылать свои работы до дедлайна на разбор. Я очень рада, что мне повезло послушать их мнение о первой версии моей работы в первом разборе. Благодаря девочкам я доработала страницу и на первой неделе получила от Максима комментарий «Достойно, красиво, четко».

Слева результат первой недели, оценка — 4,5. Справа вторая итерация, оценка 4,5. Страницу верстала в html

Задание 2. Принципы верстки

Мы верстали страницу «О себе». Эту работу оценивал Михаил Нозик. Он завел отдельный чат в Телеграме, где мы могли публично скидывать свои работы и получать ответы. Еще можно было писать на почту. Я писала и так, и так.

Ничего супер-крутого придумывать не требовалось. Нужно собрать крепкую страницу из заголовка, текста и фотографии. Главное — придерживаться всех принципов верстки. Кажется, это просто. Но нет. Я хотела облегчить себе жизнь и просто скопировать подходящую работу (да, здесь это поощряется). Честно, я никогда еще так не ошибалась: скопировать верстку трудно.

Не стесняйтесь писать Михаилу — он всегда охотно помогает и дает советы. На самую первую версию я получила много комментариев, и началось непрерывное «двигание пикселей». На самом деле, это какая-то магия: каждый раз я видела, что результат становится ощутимо лучше. Но хоть убейте, так и не смогла ни разу сама найти пути для улучшения. Наверное, тут нужны годы опыта. В общем, вот результат.

Слева результат первой недели, оценка — 4,25. Справа результат второй недели, оценка — 4,75. Задание делала в Фотошопе

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

Задание 3. Переговоры с клиентом. Понимание задачи

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

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

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

Итог задания: подготовка к переговорам — 4,75, понимание задачи — 3,75.

Задание 4. Информационный текст для сайта

В ближайшие несколько недель нам предстояло заниматься одной статей. Сначала написать ее с Максимом Ильяховым, потом сверстать с Михаилом Нозиком, а потом сделать html с Юрием Мазурским. Суть задания — сделать страницу, которая поможет развенчать мифы и успокоить потенциальных клиентов. Я решила бороться с «уткой» про овечий грипп, от которого умирают люди. Дополнительно в рамках этого задания нужно было сделать тизеры для соцсетей.

Оказалось, что найти годные исследования про шерсть не так просто. Везде горе-копирайтеры переписывают одну и ту же воду про то, что шерсть полезна. В итоге я начала уже делать другую (откровенно слабую идею), но в последний момент нашла данные. Срочно переделывала, чтобы успеть прислать работу Алине и Оле на разбор.

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

Слева результат первой недели, оценка — 4,25. Справа результат второй недели, оценка — 4,5. Страницу верстала в Фигме

Задание 5. Верстка многоэтажной веб-страницы

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

Пример из совета Михаила Нозика. Слева модульная страница, справа текстовая

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

Слева результат первой недели, оценка — 3,5. Справа результат второй недели, оценка — 4,0. Все делала в Фигме

Задание 6. HTML-верстка многоэтажной веб-страницы

Теперь мы все это верстали в html. Главный совет для этого задания: старайтесь на предыдущей неделе делать простые модули и помните, что их вам еще предстоит сверстать. У многих на потоке были проблемы со шрифтами — нестандартные шрифты было трудно подключить при верстке на CodePen.

Критериев два: соответствие макету и гигиена. Соответствие макету нужно проверять с помощью расширений Pixel Perfect. А гигиена — это чистый код. Например, нельзя использовать br br для абзацев или margin‑left: auto; margin‑right: auto; вместо margin: 0 auto; Еще Юрию почему-то не нравятся спецсимволы html для неразрывных пробелов (т. е. буквенные коды, которые дает типограф). Я так и не поняла, почему: объяснение «все эти символы можно поставить обычными символами, а не энтити-кодами» мне ничего не объяснило.

Итог задания: первая неделя — 4,0, вторая неделя — 4,5.

Задание 7. Интерактивная статья

Это задание показалось мне самым сложным. Во-первых, непонятно, что это такое — «интерактивная статья». В вебинарах и примерах Максима Ильяхова это выглядит как лонгрид, но по отзывам обычно верстают тесты и игры. Во-вторых, предложенные темы не вдохновляли совершенно. Я потратила кучу времени на идею, поэтому реализацию делала на коленке.

Я решила продвигать компанию «Тесла», которая запускает в России продажу «Пауэр уолл» — домашней батареи, которая заряжается от солнечной панели или городской электросети и питает дом днём и ночью. Сейчас «Тесла» хочет заложить фундамент для общения с будущими домовладельцами: объяснить им, почему важно делать дома энергонезависимыми и энергоэффективными. Для этого я придумала тест, который расскажет о достижениях в поиске альтернативных источников энергии. Спойлер: некоторые варианты очень необычные :)

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

Итоговый вариант теста. На первой неделе я получила 3,5. На второй неделе — 4,5 и комментарий «Замечательно. Интересно, красиво и познавательно. Тесла уместна». Верстала в Фигме

Задание 8. Верстка интерактивной статьи

Для Михаила Нозика я сделала сокращенный вариант этого же теста. Вот как изменился тест на второй неделе:

Слева результат первой недели, оценка — 3,75. Справа результат второй недели, оценка — 4,05. Все делала в Фигме

Задание 9. Выбор темы диплома

На мой взгляд, это самое неоднозначное задание. На первой неделе нужно было написать понимание задачи для собственного проекта, а на второй — сделать анонс в Фейсбуке с приглашением других студентов к сотрудничеству и ссылкой на бюро. Задание должны были делать все: даже те, кто не идет на третью ступень.

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

  1. Нужно придумать свой проект. Мысль о том, что ты не планируешь сейчас что-то запускать, не допускается. Отсюда куча мертворожденных проектов, создатели которых с первых строк понимания задачи знают, что только зря заняли место на Гугл Диске.
  2. Анонс проекта нужно делать в Фейсбуке. Никто не спрашивает, хочешь ли ты постить что-то на своей личной странице  — альтернатив тут нет. А ведь на нашем потоке даже были ребята, которым договор запрещает в соцсетях рассказывать о проектах не их компании.
  3. Кроме идеи нужно сразу продумать продвижение и способы монетизации. Напомню, что в программе у редакторов нет ни маркетинга, ни других дисциплин, которые в этом помогут. Наверное, предполагается, что каждый редактор должен сразу в этом разбираться, но — сюрприз — это не так. Как по мне, требовать знание того, что не преподавали — сомнительная практика.

В общем, как правильно сказал в своем блоге Дмитрий Сухотский, «в этом задании есть польза, но соус у нее вышел противным». У меня остался какой-то осадок.

Задание 10. Промостраница

Нам предстояло сделать продающую страницу для какого-то продукта. Было пять вариантов на выбор. Я остановилась на странице для камеры наблюдения за домом «Манящий кошкообразное». Название нужно было придумать самому.

Для страницы я решила не изобретать велосипед и четко следовать структуре промостраницы из роликов Максима Ильяхова. В итоге потратила на задание в два раза меньше времени, чем обычно. На второй неделе исправляла страницу минимально. До комментария Максима мне почему-то не пришло в голову, что некоторые мои иллюстрации хоть и наглядно показывают свойства продукта, но создают не то настроение. Зачем человеку смотреть на воров в своей квартире? Поэтому на второй неделе работала над этим.

Слева результат первой недели, оценка — 4,5 и комментарий «Вери гуд. Всё по делу, прямо образцово». Справа результат второй недели, оценка — 4,5 Все делала в Фигме

А вот так Максим посоветовал сделать макет не таким душным. Сразу стало свободнее — магия.

Задание 11. Интерфейс мобильного приложения

Это последнее задание, поэтому у него была всего одна итерация. Скажу честно: я никогда не работала с приложениями даже как редактор. Подойти к заданию мне помогли разборы Ильи Бирмана: я собрала лучшие работы и ориентировалась на них. В целях экономии времени сделала три экрана. Понимаю, что предусмотрела не все сценарии, но в задании требовалось нарисовать 3‑5 экранов, которые наилучшим образом демонстрируют ключевые сценарии использования приложения.

Интерфейс мобильного приложения. Оценка 3,0. Делала в Фигме

Небольшой совет по заданию: не делайте элементы интерфейса из головы. Для Ильи Бирмана важно, чтобы все было «по госту». Не нужно самому придумывать иконки, шрифты и цвета, просто скачайте UI-киты и мокапы актуальных моделей.

Итог

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

Вообще под конец второй ступени впечатления смешанные. Школа сдержала обещание — дала кучу знаний и навыков. Я чувствую, что многому научилась за время учебы и браться за новые задачи буду гораздо увереннее. Это именно то, за чем я шла в Школу. И я бы не задумываясь прошла этот путь снова.

Но в то же время я отчасти чувствую себя обманутой. То, что я заранее знала о новой политике бюро в отношении сертификатов (их лишают тех, кто отказывается от следующей ступени), не делает в моих глазах это правило справедливым. Еще обиднее, что на бирже главреда баллы тоже не дают (а вот это стало открытием в конце ступени!). Я не понимаю, почему если ты дошел до конца ступени, оказался высоко в рейтинге и по каким-то причинам не можешь продолжить учебу, ты оказываешься менее достойным подтвердить свои навыки заказчикам. На бирже ведь тоже рейтинг, и там смотрят сверху вниз. В общем, мне очень жаль, что бюро выбрало путь манипуляций и шантажа вместо того, чтобы как-то иначе повысить ценность третьей ступени.

Советы студентам

Ну и еще немного рекомендация и полезных ссылок.

  • Из инструментов мне пригодились Фотошоп, Фигма и Саблайм Текст (для html). Теперь я бы из этого списка смело выкинула Фотошоп и все делала в Фигме. Несколько заданий однокурсники делали в редимаге или тильде — кому что ближе.
  • Чтобы хорошо сделать задание, смотрите разборы прошлых лет и читайте каналы преподавателей. Вебинары с разборами можно посмотреть на Youtube-канале Максима Ильяхова. «Пиши, соблазняй» — канал Максима Ильяхова, «Нозик скриншотит» — канал Михаила Нозика, «Бирман посмотрел» — канал Ильи Бирмана. Свои каналы с разборами есть и у других преподавателей, но я в них не заглядывала, поэтому советовать не буду.
  • Проверяйте все работы по чек-листу редактора. Кстати, я делала его конспект — можно скачать pdf и распечатать. Может быть, кому-то будет удобнее.
  • Показывайте до дедлайна свою работу Михаилу Нозику. Он быстро отвечает и советует, что исправить. Постарайтесь показать первую версию работы как можно раньше.
  • Html нужно верстать только Pixel Perfect. Используйте расширения для браузера (для Firefox, для Google Chrome), чтобы проверить свой макет. Иногда можно прямо в верстке исправить ошибки макета, но тогда нужно в коде написать комментарий, что и почему вы изменили.

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

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

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

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 года
 630   2019   кейс   организация работы   портфолио