МЕРА Рассказать о задаче

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

Нам скоро 20 лет. Нужен новый сайт

А

Д

С

Саша Кульгинский

управляющий партнёр

IT-Agency

Игорь Герасимов

основатель студии Мера

IT-Agency — маркетинговое агентство, работают с 2004. Среди клиентов ВкусВилл, S7, Яндекс Практикум, Bonduelle

Отлично, ребят, давайте разбираться

У нас было 150+ человек в команде клиента, 18 юнитов и 5 созвонов с управляющей командой для выявления запросов

Чёткое HR-

позиционирование

внутри и снаружи

Создать единство

дизайна и логику

структуры

Обобщить на сайте

всю магию продаж ключевых экспертов

«Хотим обновиться к 20-летию»

Превратить сайт

в передовой

инструмент

маркетинга

Освежиться и

пошуметь на 20

лет, стать ближе

к А-сегменту

Выявили 20, вот самые важные:

Будем работать с вашими командами: SEO, разработка, редакторы

Всё точно, погнали

Продажи

Изучим через экспертные интервью и в тесном сотрудничестве с отделом исследователей агентства

Найм

Проведём интервью с HR и директором по счастью для выявления ценностей агентства

Удобство

Проведём аудит, сделаем новую структуру сайта и навигации, проработаем UX и UI

Пиар

Обновим фирменный стиль на основе новой бренд-стратегии от подрядчика

В итоге наша задача — сделать сайт, закрывающий 4 области:

У нас был план

(и мы думали, что он идеальный)

Февраль

Март

Май

Июнь

Август

Сентябрь

Октябрь

Ноябрь

Июль

5

12

19

26

4

11

18

25

1

8

15

22

29

6

13

20

27

3

10

17

24

1

8

15

22

29

5

12

19

26

2

9

16

23

30

7

14

21

28

4

11

18

25

Апрель

План работ

Исследования

Карта сайта

Обновление товарного знака

Проверка вёрстки

Подготовка к вёрстке

Бэкенд, админка, конструктор

SEO: Тех.задания, Тех.требования

SEO: Разметка, тесты, редиректы

Редакторы

Фронтэнд

Наполнение контентом

Структурные прототипы

Дизайн гр.стр. «Портфолио»

Дизайн «Главная»

Дизайн «Сервисные страницы»

Дизайн «Мероприятия»

Дизайн гр. стр. «Работа у нас»

Дизайн
«О компании»

Дизайн
«СМИ», «Контакты»

Дизайн гр.стр. «Услуги» (три шаблона)

Дизайн гр.стр. «Академия»

Тестировщик: Тест перед продом

SEO: Проверка после релиза

И мы по нему пошли.

Этап первый: исследования

У вас есть 2 недели на исследование

Выясняем магию продаж!

Алёна Мазур

Дизайнер-исследователь

Серёжа Коннов

CEO студии
и менеджер проекта

Зона влияния

Гипотеза из интервью

Проблема

Предполагаемые решения / гипотезы

Штурм идей

На что влияет

Если влияет на карту, учтено в карте

Удобство пользования

Продажи

Гипотеза 2

На странице услуг нет ссылок на многие услуги, либо они совсем не представлены, некоторые услуги устарели и больше не актуальны (например ASA & UAC).

Страница услуг в принципе неудобна с точки зрения навигации. Для клиента она выглядит как предложение-конструктор «собери решение сам», и не транслирует, что агентство — это про комплекс услуг с сложными проектами

Саша: комплексы можно отражать на отраслевых страниц. Но всё сводится к конкретному набору услуг.

Некликабельные оглавления направлений («Реклама», «SEO», «Исследования»). Можно выбрать только подуслугу.

Неудобная навигация на странице услуг.

Список услуг не актуализирован.

Список услуг не отражает комплексы услуг.

Документы:

— В карте предполагаемых решений есть блок «комплекс» с популярными комплексами; в деталях можно уточнить у аккаунтов Маши Ерилиной и Саши Рубцова
— Представление услуг в
презентации по продажам prime-med , услуги в презентации направления перфоманс-маркетинга , услуги в общеагентской презентации ITA (их почему-то меньше, чем на сайте)

  1. Сделать разводящие страницы направлений.
  2. Запросить актуальный список услуг и отразить их на сайте.
  3. Показать популярные комплексные предложения на сайте.
  4. Выделить на странице услуг ключевые услуги и проекты.
  5. Проанализировать перечень подуслуг по наполненности контентом. Для каких услуг требуются отдельные страницы, а каким достаточно описания на разводящей странице.
  6. Показывать перекрестные ссылки со страниц одних услуг на другие.
  7. В конце страницы услуги показывать, что ей можно пользоваться в комплексе с другими услугами.
  1. Запустить серию статей в блоге, посвященных каждой услуге. Каждая статья может быть оформлена в стиле презентации, включая ключевые моменты, иллюстрации и примеры кейсов.
  2. Как в госуслугах сделать чат, где можно писать проблему или запрос. Тогда неважно, на проф. языке или на языке заказчика будет формулировка, ответ на запрос будет выдан системой.
  3. Страница с подборкой самых популярных комплексов.
  4. Сделать форму / всплывашку «вы нашли то, что искали?».
  5. Сделать страницу и написать, что мы не можем написать все услуги, которые у нас есть, но у нас есть офигенный аккаунт — кнопка «связаться с менеджером».
  6. Список проблем, с которыми приходит клиент и варианты комплексов под ними. Боль и сразу вариант решения.
  7. Собирать запрос клиента через чат-бот, пусть запрос пишет напрямую ему, если что провести на контакт с экспертом.
  8. Тг-канал с ботом для обновления услуг на сайте.
  9. Если страницы услуги нет, то сделать страницу универсальной услуги с уклоном на диагностику. «Приходи и поможем тебе с этой услугой. У нас крутые аккаунты».

Карта сайта

Структура и наполнение разводящей страницы услуг

Да, здесь и на всех страницах этого уровня

HR

HR-гипотеза 5

Зона стажировок в IT-Agency мало исследована, с онбордингом происходят проблемы (новички отваливаются). В эту область надо активно смотреть, так как нанимать новых молодых сотрудников сейчас приоритетно для агентства

Не охвачена зона стажировок на сайте

В раздел Вакансии добавить блок стажировок: «Не нашли подходящую вакансию — напишите нам / посмотрите стажировки».

  1. Блок с цитатами лидеров направлений с призывом подать заявку, рассказом о том, каких людей ищем, о текущей команде.
  2. Брать студентов на практику (сотрудничество с универами), потом переводить в штат.
  3. Можно установить партнёрство с образовательными учреждениями и онлайн-школами, чтобы предоставлять студентам возможность стажироваться после обучения.
  4. Устраивать конкурсы типо хакатонов по решению кейсов, как в консалтинговых компаниях, лучшие могут попасть на стажировку.
  5. Создать программу индивидуальных стажировок, где каждый стажер будет иметь своего ментора из числа опытных сотрудников.
  6. Предложить студентам возможность пройти стажировку с последующим переходом на постоянную работу при успешном завершении программы.
  7. Регулярно организовывать стажировочные мероприятия и дни открытых дверей, чтобы студенты могли познакомиться с компанией, её культурой и возможностями стажировки.
  8. Карьерный день. Участие в карьерных мероприятиях университетов.
  9. «Правила выживания» выложить как статью и давать ссылку с каждой вакансии. Мол, будет не только круто, но и сложно, знайте. Мы честно говорим.
  10. Мероприятия для новичков “Ура! Ты в Ита!”
  11. Хочешь поработать день с Кульгинским? «Жми».

Структура сайта

Наполнение страницы

Организационная часть

Охватили зону стажировок, добавили в раздел «Вакансии и стажировки » .

Добавили кнопку «Хочу на стажировку к спецу» .

Продажи

Гипотеза 1

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

Вот пример презентации услуг CRM на сайте сейчас, а вот пример их презентации для продаж, они серьёзно отличаются.

Много ценной информации в презентациях, они могут помочь освежить и актуализировать контент на сайте

Велком КП от CRM, SEO, ASO, джедаи
Там про боли клиента, преимущества направления, самые важные кейсы, иногда
подробнее про услуги конкретного направления

Неактуальная информация на страницах услуг

  1. Запросить актуальную информацию у направлений
  2. Выложить готовые welcome-презентации PDF в открытый доступ
  3. Учесть информацию из презентаций при составлении структуры и наполнении страниц услуг
  1. Внутренний чат-бот, в который можно будет писать для обновления информации на сайте.
  2. У направления есть доступ в Фигму к макету страницы направления, где они вносят изменения сами и отжимают кнопку о внесении изменений, которые разработчик / контент-менеджер переносит на сайт.
  3. Есть волшебная кнопка «сообщить об изменении» / канал, где можно сообщить об изменении
  4. Генерить презентацию из информации на странице, тогда страница на сайте будет источником правды всегда.
  5. Создать конструктор презентаций на основе блоков сайта.
  6. Научить направления пользоваться конструктором и собирать себе страницы самим (серия семинаров).
  7. Раз в месяц редактор проходится по сайту и просто переписывает слова. Либо разделить роль редактора и публикующего. Руководитель направления написал изменение, публикующий подправил и выкатил на сайт. Вроде Википедии.
  8. Сделать так, чтобы не нужно было столько страниц услуг. «Приходите к нам, мы всё сделаем».
  9. Блиц-опрос о появлении новых услуг на созвонах руководителей направлений.
  10. Умеем работать над задачами с высокой степенью неизвестности. Это наша сильная сторона. «Обучаемся под проекты».
  11. Направлениям назначить по одному ответственному за изменение контента на странице, которые будут взаимодействовать с маркетингом.

Структура детальной страницы услуги и контент

Контент страницы услуги

—

HR

HR-гипотеза 4

Частый запрос соискателей — отзывы о работе в компании. Их можно подтянуть с hh прямо на сайт

На сайте нет отзывов о работе в компании

В раздел Вакансии добавить блок отзывов с карьерных площадок, добавить отзывы новичков о процессе адаптации.

  1. Сделать блок со сторис, в которой стажёры / новички будут выкладывать истории, делиться впечатлениями, рассказывать боли.
  2. В структуре сайта добавить раздел с фото-отчётами о стажировке. У каждого стажёра задача написать рассказ о стажировке, вроде приветственного письма. И такие истории вывешивать, чтобы знали, как оно будет.

Наполнение страницы

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

Продажи

Гипотеза 3

Страница услуг сформулирована на профессиональном языке, и не всегда ясна заказчику. Заказчик часто не мыслит категорией «сео-оптимизация», ему интересно «как в гугле попасть в пятёрку», не «как улучшить ASO и индексацию приложений», а «как продвинуть приложение»

Саша «Обычно заказчик приходит с профессиональной формулировкой».

Названия услуг сформулированы не на языке заказчика

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

  1. Добавить запросы на языке заказчика как облако тегов.
  2. Создать на сайте раздел с ответами на заявки с формулировками без профессиональных терминов. В этом разделе нужно говорить на языке заказчика. Не «как мы улучшили ASO и индексацию приложений», а «как мы помогли продвинуть приложение».
  3. Д окумент первой линии с популярными запросами клиентов, откуда можно взять формулировки запросов. Эти же запросы можно отдать отделу SEO для создания контента
  4. Ф ормулировки болей клиентов по отраслям (ASO, SEO, CRM) от аккаунтов, их тоже можно отразить в разделе услуг, возможно внутри конкретных услуг блоком «чем мы можем помочь»
  5. Б оли/потребности клиента от менеджеров , внутри есть деление по каждому направлению агентства и по отраслям клиента. Тоже можно взять для внутренних разделов услуг
  1. Создать серию коротких видеообзоров для каждой услуги, где сотрудники агентства расскажут о её особенностях и преимуществах.

Структура страниц

Копирайтинг

Фильтры

Метки

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

На той же странице добавили блок «Вопросы-ответы».

Контент

Гипотеза 11

Антон Рожков «Вкладка «Инструменты» сильно устарела и занимает место в меню».

Некоторые разделы на сайте устарели, утратили актуальность, не обновляются, занимают место

  1. Убрать пункт из меню, старые и неактуальные инструменты удалить, распределить оставшиеся инструменты по страницам соответствующих направлений
  2. При необходимости попиарить делать баннер на главной / на странице услуг
  3. Проверить посещаемость разделов «Книги» и «Инструменты». Убрать из главного меню и из Академии. Перенести в структуру страниц, как отдельный блок.
  1. Дать посетителям на сайте возможность давать обратную связь на материалы. В виде комментов, реакций, баг репортов. Так мы сможем понять (и собрать внутреннюю аналитику), какие разделы больше всего интересны пользователям, а в каких есть проблемы.
  2. Конкурс на поиск самой старой страницы сайта.
  3. Удалять по одной странице в неделю.
  4. Если страница не оправдала себя, то удалять — придумать регламент. При не достижении метрики, например.
  5. Кнопка «Это устарело».

Структура сайта

Наполнение страницы услуги

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

Продажи

Гипотеза 26

Спецам по продажам проще сходить в свою продажную презу, закрытый файл, чем использовать кейсы на сайте (там есть не всё, что-то не актуально)

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

Гипотеза 15

Презентовать кейс в формате «запрос-результат». С чем пришёл к нам клиент; как мы проанализировали задачу и какое предложили решение; вот какой комплекс услуг посоветовали; как договорились и пришли к общему решению; наш прозрачный процесс работы; результат (решение проблемы).

Кейсы на сайте не закрывают запросы спецов по продажам, не дают конкретику по проекту

  1. Презентовать кейс в формате «запрос-результат». С чем пришёл к нам клиент; как мы проанализировали задачу и какое предложили решение; вот какой комплекс услуг посоветовали; как договорились и пришли к общему решению; наш прозрачный процесс работы; результат (решение проблемы).
  2. Сделать шаблон блока для первого экрана кейса — формулировка задачи в глазах заказчика, что мы с этим сделали, а дальше текст кейса.
  3. Документы:
    —
    Неплохой пример с сайта агентства
  1. Не нашёл услугу — дай леща контент-менеджеру (пример по ошибке 404).
  2. Дать доступ на добавление контента на сайт с предмодерацией — коробочное решение.

Наполнение страницы / карточки кейса

—

Коммуникация

Гипотеза 28

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

Нет контакта читателя с автором

Дать возможность читателю контента оставить обратную связь на странице: оставить коммент, поставить лайк/дизлайк или полезно/непонятно

Не разбирали на штурме

Наполнение страницы материала

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

Продажи

Гипотеза-предложение

Нужно повышать доверие к компании на странице услуг

Недостаточно информации на странице услуг, не вызывает доверия со стороны клиента

  1. На разводящей / детальной странице услуг показать популярные запросы бизнеса, и рассказать, как мы будем работать над этим запросом (проуправлять ожиданиями заказчика).
  2. Разработать и добавить FAQ с проработкой распространённых возражений клиентов.
  3. Дать примерный порядок цен (большинство экспертов советуют давать примерный порядок цен ОТ) для первоначальной фильтрации ЦА.
  4. Документы:
    — Вот отличный
    смысловой пример страницы презентации услуг (UI ужасен), где собраны все упомянутые выше фишки
    — В доке менеджеров по исследованию ЦА собраны
    самые частые вопросы для принятия решения . Их можно взять в раздел FAQ каждого направления
  1. Прописать дальнейшие шаги после отправки заявки наглядно, чтобы было интересно рассматривать. Гиф-анимации со встречи-проблематизации.
  2. Говорить о рисках и возможных решениях на проекте. Покажем, что разбираемся в подводных камнях.
  3. Объемные интересные отзывы. Видео, кружочки клиента с огнем в глазах, отзыв команды, голосовое.

Структура и наполнение разводящей / детальной страницы услуги

—

Удобство пользования

Продажи

Гипотеза 4

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

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

Неудобная навигация в разделе кейсов

  1. Разработать систему сортировки и фильтрации на сайте.
  2. Учесть на новом сайте поиск.
  3. Добавить хлебные крошки на сайте.
  4. Пересобрать фильтр «По сферам бизнеса».
  5. Провести карточную сортировку категорий кейсов + спросить экспертов по продажам, как они сами сортируют кейсы при презентации.
  6. Уточнить сортировку:
    1. как оценивается значимость?
    2. бюджет всего проекта или услуги на проекте? в случае длительного сотрудничества как оценивается бюджет
  1. Разработать систему персонализированных рекомендаций кейсов на сайте. Например, на основе действий пользователя на сайте / поиска можно предлагать персонализированные подборки с релевантными кейсами, которые могут быть ему интересны.
  2. Создать интерактивные кейсы на сайте, где посетители смогут сами принимать решения и видеть результаты своих действий. Это может быть игровой формат, где пользователи становятся частью процесса решения задач.
  3. Сделать поиск по фильтрам, кликабельным меткам/тегам: бюджет, сегмент экономики.
  4. Прикрутить ИИ — один запрос, и пользователь получает лучший результат (по количеству просмотров в категории, кейсах и пр.).
  5. Формировать подборки кейсов заранее и показывать на сайте: например, всё про редизайн сайта.
  6. Оставить только самые классные релевантные кейсы, в которых выделить проблему-решение-результат. Остальное показать в виде плитки логотипов.
  7. Клиенту может быть важен не другой клиент и кейс с ним, а решенная проблема, похожая на его собственную. Сделать категоризацию по задачам или болям.
  8. Сделать голосовалку пользователям за крутые кейсы и чтобы они сами упорядочивались начиная с самого крутого.
  9. Добавить в кейсы фильтр по бюджету ₽ / ₽₽ / ₽₽₽, добавить фильтр по сегменту клиента А / Б / В.
  10. Можно сделать простой поиск с тегамиhttp://joxi.ru/vAW8wYoCRwO0Rr

Навигация

Фильтры

Наполнение страниц

Страница поисковой выдачи

Фильтры в портфолио

HR

PR

Гипотеза 6

На сайте (и в вакансиях) сейчас мало трансляции отличительных особенностей и ценностей агентства

HR-гипотеза 1

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

На сайте не отражены ценности агентства

Создать соответсвующий раздел на сайте

Учесть информацию по ценностям агентства в доке от брендинга .

Не разбирали на штурме

Структура сайта

Наполнение страниц

Добавили новую страницу — ценности агентства , которая поможет создать единое видение ценностей агентства у сотрудников агентства и людей извне.

PR

Гипотеза 27

Поместить на страницу спеца пункты из PR-стратегии (СМИ, подкасты, мероприятия и другие)

Нет такой страницы — поэтому нет проблемы. Рекомендация по наполнению нового раздела

Учесть информацию при формировании структуры и составления контента страницы

Не разбирали на штурме

Наполнение страницы спеца

Место на карте

Продажи

Гипотеза 13

Все А-сегменты покупают через личный бренд конкретного сотрудника, через длительный контакт с человеком, личную встречу. «Люди скорее идут на Пашу или на Антона, чем на какой-то конкретный канал трафика». Она не только мотивирует сотрудников, но и продаёт хорошо. Антон был бы не против вести свой блог на сайте ИТА

Стратегия продаж на сайте не учитывает значимость личных связей и прямого контакта с сотрудником

  1. Сделать страницу эксперта на сайте
  2. Поместить кнопку «Пригласить на встречу» на странице
  3. Сделать кнопку «заказать часовую консультацию эксперта за столько-то» (хороший пример — у Людвига )
  4. Сделать ссылку на соцсети спеца, там можно задавать ему вопросы
  5. На странице отрасли сделать блок/колонку постов, который будет вести эксперт(ы) отрасли
  6. Написать про карьерный путь спеца
  7. Показать, кого спец вырастил
  1. Виртуальный кабинет сотрудника. У каждого сотрудника есть свой уникальный виртуальный кабинет, куда можно «заглянуть» в виде рабочего стола. Здесь можно увидеть их любимые книги, рекомендации статей, полезные файлы / таблички, любимые предметы и тд. Это позволит отразить их профессиональную индивидуальность.
  2. Вести страницу на подобии студийного канала «Озарения», все пишут свои открытия на проектах и из жизни и делятся опытом.
  3. На сайте будет кнопка «Пошептаться с Антоном». Четверг — шептальный день, «Записаться на ближайший четверг».
  4. Кнопка «Наладить прямой контакт с сотрудником».
  5. Телеграм-канал с мудростями от крутых ребят агентства.

Структура сайта

Наполнение страницы спеца

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

Страница отрасли, место на карте

PR

HR

Продажи

Гипотеза 18

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

Плюс нужно, чтобы конкретные разделы сайта ассоциировались с конкретными людьми

Как таковой проблемы сейчас нет, нужно сохранить то, что есть

Использовать фото сотрудников в новом разделе «Агентство глазами сотрудника», «О компании»

  1. Фото при ховере / нажатии оживают, как лайв-фото.
  2. Посетители сайта могут пройтись по «виртуальному турне», где каждый сотрудник представлен в виде места, а не просто какой-то личности. Например, один сотрудник может быть представлен как красочный маркет, где он делится своими маркетинговыми секретами, а другой — как книжный магазин, где он рассказывает о своих литературных предпочтениях и опыте.
  3. Добавить статьи про работу в компании, обзоры на рабочее место, офис, типичный день сотрудника, какие-то плюшки.
  4. Реф с фотками сотрудников:https://www.pragmatica.design/
  5. Добавить круглешок с обращением от СЕО компании к клиентам.
  6. Добавить фото с корпоративов / встреч / тусовок на страницы о компании
  7. Добавить «прикольчиков» на фото сотрудников (например, при наведении добавлять им мемные элементы)
  8. Классный человечный сайтhttps://www.malvah.co/

Структура сайта

Контент

Связь страниц сотрудников и других разделов

Здесь и в связанные страницах

Продажи

Гипотеза 14

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

Документы:
—
Страница амбассадора, дизайн от агентства
—
Рекомендуемая структура страницы амбассадора от SEO ИТА

Не продуман пользовательский путь для клиентов из А-сегмента, которые часто посещают сайт после участия в конференциях с выступлениями ребят агентства

  1. Сделать на странице эксперта блок конфы, на которой выступал/выступает спец (например там будет его презентация, лид-магнит для участников конфы)
  2. Поместить кнопку «Пригласить на выступление / конференцию» на странице
  1. Создать онлайн-платформу, где участники конференций и посетители сайта смогут обсуждать выступления, делиться впечатлениями и задавать вопросы сотрудникам агентства. Это может быть форум, чат или специальный раздел на сайте.
  2. Давать слушателям доступ к закрытым отчетам и исследованиям, созданным в ходе выступлений агентства. Эти отчеты могут содержать глубокие аналитические данные, экспертные выводы и рекомендации.

Структура сайта

Наполнение страницы спеца

Учли пользовательский путь для посетителей конференций. Эксперт сможет дать ссылку на свою страницу на сайте, там можно посмотреть запись мероприятия, наладить прямой контакт / позвать выступить или, например, узнать о возможности попасть на стажировку к спецу.

Продажи

Гипотеза 16

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

Документы:
— Хороший пример формулировки у
Agima.AI

Нет проблемы, есть гипотеза-идея

Добавить чат-бот на сайт

Не разбирали на штурме, нашли хороший реф

Структура страниц

—

Продажи

Гипотеза 24

Сайт не ассоциируется сейчас с мобильным маркетингом , нет категорий и каналов, которые можно было бы транслировать. Не хватает рубрик, а некоторые технологии уже вообще устарели (но с сайта не убраны). Поэтому агентство не может участвовать в высокобюджетных проектах по работе с ASO (например пропустили тендер на 475 млн на прошлой неделе), так как не нарастило репутацию экспертности в этой области на рынке

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

Пересобрать структуру страницы услуг на основе актуальных презентаций направлений

Не разбирали на штурме

Наполнение страницы

—

Продажи

Гипотеза 23

Агентство не может участвовать в высокобюджетных проектах по работе с ASO (например, пропустили тендер на 475 млн на прошлой неделе), так как не нарастило репутацию экспертности в этой области на рынке

Недостаточно экспертных материалов на сайте по ASO

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

Не разбирали на штурме

Наполнение страницы

—

PR

Гипотеза 19

Валя: «Нужно складывать куда-то наш PR».

Некуда складывать упоминания агентства в СМИ

Создать раздел «Публикации в СМИ»

Не разбирали на штурме

Структура сайта

Место на карте

Продажи

Гипотеза 20

Валя: «К структуре сайта добавить кнопку «Позвать в тендер». Возможно сделать страницу посадочную чисто для тендеров».

Непонятно, куда идти с тендером.

Добавить кнопку «Позвать в тендер»

Сделать отдельную посадочную со всей информацией по тендерам

Не разбирали на штурме

Наполнение страницы

—

Удобство пользования

Продажи

Гипотеза-предложение 21

Сделать доступ к услугам через суперменю с услугами и подуслугами агентства

Нет доступа к отдельным услугам из меню

Сделать суперменю

Не разбирали на штурме

Навигация

—

Продажи

Место в интервью

«Если ориентироваться только на сайт — на e-comm 5 кейсов. А на самом деле 30 кейсов. Про многие мы не будем говорить, но можем намекнуть»

Фактически кейсов гораздо больше, чем указано на сайте.

Корректно ли работает счётчик в фильтре?

Писать на сайте фактическое число проектов. Проекты без кейсов вынести отдельным блоком в виде логотипов клиентов

Решение Mindbox по оформлению плитки кейсов и особенно объединение нескольких кейсов в рамках одного проекта может сработать для агентства

Не разбирали на штурме

Наполнение раздела портфолио

—

11

12

13

14

15

16

Evening

Vacation

Интервью | Мера х Антон Рожков

15:45 - 16:45

Мозгоштурм

16:30 – 18:00

Интервью | Мера х Валя

15:45 - 16:45

Гипотезы

8:00 - 17:00

Интервью

Собрали вводные на 150+ страниц и 30 гипотез в формате проблема-решение

Сделали структуру сайта, которая отвечает областям развития агентства

Подсветим внутрянку на страницах «Ценности» и «Работа у нас»

Приберёмся в услугах

Согласуем теги и фильтры

pr

hr

Сделаем страницы отраслей

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

Академия_вариант1 (неактуальный)
Академия_вариант1
Академия

Варианты организации страниц и функциональных элементов прорабатывали на прототипах

qr-code 1

Уже можно рисовать?

Ждём от другой команды

А давайте сделаем универсальный и неустаревающий дизайн, а брендинг внедрим после?

А платформа бренда будет?

Но тогда сроки поедут, и будет не круто. Пойдём думать как решить

Аня Черепанова

Дизайнер

Серёжа Коннов

CEO студии
и менеджер проекта

Вечный

дизайн

y

x

M

1

y = a

x

Метафора концепции — экспонента. Образ стремительного роста, гибкости, адаптивности, целеустремлённости

Ставим всё на красное:
несём защищать свою концепцию фирстиля и сайта на одной встрече

Макет сайта IT-Agency

Повышаем доверие
через решенные проблемы

Прозрачно расскажем о процессах и вынесем наружу фишки агентства

Пишем тексты на языке клиента

Используем фото людей, чтобы сделать сайт дружелюбным

И показываем достижения людей для HR-целей

18

4

10

05

Вышлем итоги встречи

3.04 — определили общие цели и задачи стратегии, прикрепляю конспект встречи

​

02

Погрузим в наши процессы

Внедрение

Аналитика

Разработка

01

Познакомимся
и выявим запрос

+

👩‍💻

Куда прикладывать карточку?

Роман Игошин

коммерческий директор,
управляющий партнёр

Получили платформу бренда, объединили со своими идеями и сделали фирменный стиль

Интеллект

Энергия

Уверенность

Глубина

@

Эмерджентность

показать кит

Запускаем эволюцию изменений

Эволюционный подход к росту бизнеса

Главная

Рисуем страницы в тесной работе с тремя командами клиента: разработчики, SEO, редакторы

Мероприятия

SEO

Все ультра быстро работали, один механизм. Всем спасибо

Эрнест Саркисов

Фронтенд-разработчик

Евгений Бондаревский

Менеджер проекта

Чтобы настроить прозрачную работу привлекли ведущего дизайнера, пересмотрели дизайн-процесс и оценили объём задач всех команд. Благодаря управлению и самоотдаче мы сократили отставание и выпустили сайт вовремя

iPhone 15 Pro Black Titanium Mockup Portrait

«Хотим увеличить установки

на рынке США»

«Хотим повлиять на покупки курсов в приложении»

«Хотим увеличить количество установок

в обоих сторах»

Фигма добавила токены —
тут же внедряем в работу и проводим обучение команды

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

Вариэблсы творят чудеса

Уаау прикол, надо тестить!

Адаптивы новой школы

Это волшебно

Figma

Июнь

Вс, 15:23

Макет сайта IT-Agency

Саша Бычков

Дизайнер

Accordeon

Макет сайта IT-Agency

Icon Button

Button

radius / round

radius / x-large

body / body regular

component / buttons / light bg / accent / surface-default

​

#E9221E, 100%

Aa

Button

Button

Button

Академия Разводящая

Пересмотрели медиа агентства и накопленные знания в Академии

make academy great again!

Frame 2131329437
Макет сайта IT-Agency
Макет сайта IT-Agency

Можно изменить количество авторов

У обложек есть несколько стилей дизайна. Также её можно выключить.

Стараться не делать больше 2х строк

Заголовок
до 150 знаков

Описание
до 125 знаков

+3

Интернет-маркетинг

+3

Вилия Ахметгараева

младший CRM-маркетолог

В карточку выводится только 1 тег

Тег отключается

Academy Card

Макет сайта IT-Agency
Макет сайта IT-Agency

Делимся знаниями с миром

Рита — самописная CMS для редактирования статей на сайте. От неё нельзя отказаться и сильно переделать, ведь на ней уже собрано 500+ материалов

«Сегодня на свидании с Ритой»

Несмотря на своё название, оценка 360 — это не способ оценки сотрудника, а способ мониторинга ситуации. Никто не оценивает личность по пятибалльной шкале. Коллеги делятся опытом, каково с ним работать в разных ситуациях.

Константин Соколовский, руководитель направления перформанс-маркетинга

Константин Соколовский

Ссылка на блог

Хорошо

Оператор даёт клиенту высказаться, а затем сразу извиняется

00:15

Аа

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

Роман Игошин

Коммерческий директор и управляющий партнёр

Ссылка на блог

До

После

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

Саша Бычков

Дизайнер

iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait
Макет сайта IT-Agency

Показали культуру агентства через ценности и HR-раздел

Макет сайта IT-Agency
Макет сайта IT-Agency
Макет сайта IT-Agency
Макет сайта IT-Agency
Макет сайта IT-Agency

Выпустили MVP сайта ко дню рождения агентства и продолжаем работу

Работа продолжается

Команда

Дизайн

Алексей
Петров

Даниил
Фетисов

Саша
Бычков

Аня
Черепанова

Максим
Докшин

Даша
Шомникова

Худруководство

Игорь
Герасимов

Ангелина
Артюшина

Управление

Евгений
Бондаревский

Сергей
Коннов

Дизайн-система

Алёна
Мазур

На стороне
IT-Agency

Разработка

Вячеслав Кулик

Эрнест Саркисов

Павел Лобашков

Влад Луста

Редакторы

Лариса Васина

Надя Иванян

Алексей Игнатов

SEO

Мария Багликова

Маркетинг

Валентина Борисова

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

Нам скоро 20 лет. Нужен новый сайт

Саша Кульгинский

управляющий партнёр

IT-Agency

Игорь Герасимов

основатель студии Мера

Отлично, ребят, давайте разбираться

IT-Agency — маркетинговое агентство, работают с 2004. Среди клиентов ВкусВилл, S7, Яндекс Практикум, Bonduelle

У нас было 150+ человек в команде клиента, 18 юнитов и 5 созвонов с управляющей командой для выявления запросов

Выявили 20, вот самые важные:

Освежиться и

пошуметь на 20

лет, стать ближе

к А-сегменту

Превратить сайт

в передовой

инструмент

маркетинга

Обобщить на сайте

всю магию продаж ключевых экспертов

Чёткое HR-

позиционирование

внутри и снаружи

Создать единство

дизайна и логику

структуры

«Хотим обновиться к 20-летию»

В итоге наша задача — сделать сайт, закрывающий 4 области:

Продажи

Изучим через экспертные интервью и в тесном сотрудничестве с отделом исследователей агентства

Найм

Проведём интервью с HR и директором по счастью для выявления ценностей агентства

Удобство

Проведём аудит, сделаем новую структуру сайта и навигации, проработаем UX и UI

Пиар

Обновим фирменный стиль на основе новой бренд-стратегии от подрядчика

Всё точно, погнали

Будем работать с вашими командами: SEO, разработка, редакторы

У нас был план

(и мы думали, что он идеальный)

План проекта · листайте вправо →

Февраль

Март

Май

Июнь

Август

Сентябрь

Октябрь

Ноябрь

Июль

5

12

19

26

4

11

18

25

1

8

15

22

29

6

13

20

27

3

10

17

24

1

8

15

22

29

5

12

19

26

2

9

16

23

30

7

14

21

28

4

11

18

25

Апрель

План работ

Исследования

Карта сайта

Обновление товарного знака

Проверка вёрстки

Подготовка к вёрстке

Бэкенд, админка, конструктор

SEO: Тех.задания, Тех.требования

SEO: Разметка, тесты, редиректы

Редакторы

Фронтэнд

Наполнение контентом

Структурные прототипы

Дизайн гр.стр. «Портфолио»

Дизайн «Главная»

Дизайн «Сервисные страницы»

Дизайн «Мероприятия»

Дизайн гр. стр. «Работа у нас»

Дизайн
«О компании»

Дизайн
«СМИ», «Контакты»

Дизайн гр.стр. «Услуги» (три шаблона)

Дизайн гр.стр. «Академия»

Тестировщик: Тест перед продом

SEO: Проверка после релиза

И мы по нему пошли. Этап первый: исследования

У вас есть 2 недели на исследование

Серёжа Коннов

CEO студии
и менеджер проекта

Выясняем магию продаж!

Алёна Мазур

Дизайнер-исследователь

Собрали вводные на 150+ страниц и 30 гипотез в формате проблема-решение

Зона влияния

Гипотеза из интервью

Проблема

Предполагаемые решения / гипотезы

Штурм идей

На что влияет

Если влияет на карту, учтено в карте

Удобство пользования

Продажи

Гипотеза 2

На странице услуг нет ссылок на многие услуги, либо они совсем не представлены, некоторые услуги устарели и больше не актуальны (например ASA & UAC).

Страница услуг в принципе неудобна с точки зрения навигации. Для клиента она выглядит как предложение-конструктор «собери решение сам», и не транслирует, что агентство — это про комплекс услуг с сложными проектами

Саша: комплексы можно отражать на отраслевых страниц. Но всё сводится к конкретному набору услуг.

Некликабельные оглавления направлений («Реклама», «SEO», «Исследования»). Можно выбрать только подуслугу.

Неудобная навигация на странице услуг.

Список услуг не актуализирован.

Список услуг не отражает комплексы услуг.

Документы:

— В карте предполагаемых решений есть блок «комплекс» с популярными комплексами; в деталях можно уточнить у аккаунтов Маши Ерилиной и Саши Рубцова
— Представление услуг в
презентации по продажам prime-med , услуги в презентации направления перфоманс-маркетинга , услуги в общеагентской презентации ITA (их почему-то меньше, чем на сайте)

  1. Сделать разводящие страницы направлений.
  2. Запросить актуальный список услуг и отразить их на сайте.
  3. Показать популярные комплексные предложения на сайте.
  4. Выделить на странице услуг ключевые услуги и проекты.
  5. Проанализировать перечень подуслуг по наполненности контентом. Для каких услуг требуются отдельные страницы, а каким достаточно описания на разводящей странице.
  6. Показывать перекрестные ссылки со страниц одних услуг на другие.
  7. В конце страницы услуги показывать, что ей можно пользоваться в комплексе с другими услугами.
  1. Запустить серию статей в блоге, посвященных каждой услуге. Каждая статья может быть оформлена в стиле презентации, включая ключевые моменты, иллюстрации и примеры кейсов.
  2. Как в госуслугах сделать чат, где можно писать проблему или запрос. Тогда неважно, на проф. языке или на языке заказчика будет формулировка, ответ на запрос будет выдан системой.
  3. Страница с подборкой самых популярных комплексов.
  4. Сделать форму / всплывашку «вы нашли то, что искали?».
  5. Сделать страницу и написать, что мы не можем написать все услуги, которые у нас есть, но у нас есть офигенный аккаунт — кнопка «связаться с менеджером».
  6. Список проблем, с которыми приходит клиент и варианты комплексов под ними. Боль и сразу вариант решения.
  7. Собирать запрос клиента через чат-бот, пусть запрос пишет напрямую ему, если что провести на контакт с экспертом.
  8. Тг-канал с ботом для обновления услуг на сайте.
  9. Если страницы услуги нет, то сделать страницу универсальной услуги с уклоном на диагностику. «Приходи и поможем тебе с этой услугой. У нас крутые аккаунты».

Карта сайта

Структура и наполнение разводящей страницы услуг

Да, здесь и на всех страницах этого уровня

HR

HR-гипотеза 5

Зона стажировок в IT-Agency мало исследована, с онбордингом происходят проблемы (новички отваливаются). В эту область надо активно смотреть, так как нанимать новых молодых сотрудников сейчас приоритетно для агентства

Не охвачена зона стажировок на сайте

В раздел Вакансии добавить блок стажировок: «Не нашли подходящую вакансию — напишите нам / посмотрите стажировки».

  1. Блок с цитатами лидеров направлений с призывом подать заявку, рассказом о том, каких людей ищем, о текущей команде.
  2. Брать студентов на практику (сотрудничество с универами), потом переводить в штат.
  3. Можно установить партнёрство с образовательными учреждениями и онлайн-школами, чтобы предоставлять студентам возможность стажироваться после обучения.
  4. Устраивать конкурсы типо хакатонов по решению кейсов, как в консалтинговых компаниях, лучшие могут попасть на стажировку.
  5. Создать программу индивидуальных стажировок, где каждый стажер будет иметь своего ментора из числа опытных сотрудников.
  6. Предложить студентам возможность пройти стажировку с последующим переходом на постоянную работу при успешном завершении программы.
  7. Регулярно организовывать стажировочные мероприятия и дни открытых дверей, чтобы студенты могли познакомиться с компанией, её культурой и возможностями стажировки.
  8. Карьерный день. Участие в карьерных мероприятиях университетов.
  9. «Правила выживания» выложить как статью и давать ссылку с каждой вакансии. Мол, будет не только круто, но и сложно, знайте. Мы честно говорим.
  10. Мероприятия для новичков “Ура! Ты в Ита!”
  11. Хочешь поработать день с Кульгинским? «Жми».

Структура сайта

Наполнение страницы

Организационная часть

Охватили зону стажировок, добавили в раздел «Вакансии и стажировки » .

Добавили кнопку «Хочу на стажировку к спецу» .

Продажи

Гипотеза 1

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

Вот пример презентации услуг CRM на сайте сейчас, а вот пример их презентации для продаж, они серьёзно отличаются.

Много ценной информации в презентациях, они могут помочь освежить и актуализировать контент на сайте

Велком КП от CRM, SEO, ASO, джедаи
Там про боли клиента, преимущества направления, самые важные кейсы, иногда
подробнее про услуги конкретного направления

Неактуальная информация на страницах услуг

  1. Запросить актуальную информацию у направлений
  2. Выложить готовые welcome-презентации PDF в открытый доступ
  3. Учесть информацию из презентаций при составлении структуры и наполнении страниц услуг
  1. Внутренний чат-бот, в который можно будет писать для обновления информации на сайте.
  2. У направления есть доступ в Фигму к макету страницы направления, где они вносят изменения сами и отжимают кнопку о внесении изменений, которые разработчик / контент-менеджер переносит на сайт.
  3. Есть волшебная кнопка «сообщить об изменении» / канал, где можно сообщить об изменении
  4. Генерить презентацию из информации на странице, тогда страница на сайте будет источником правды всегда.
  5. Создать конструктор презентаций на основе блоков сайта.
  6. Научить направления пользоваться конструктором и собирать себе страницы самим (серия семинаров).
  7. Раз в месяц редактор проходится по сайту и просто переписывает слова. Либо разделить роль редактора и публикующего. Руководитель направления написал изменение, публикующий подправил и выкатил на сайт. Вроде Википедии.
  8. Сделать так, чтобы не нужно было столько страниц услуг. «Приходите к нам, мы всё сделаем».
  9. Блиц-опрос о появлении новых услуг на созвонах руководителей направлений.
  10. Умеем работать над задачами с высокой степенью неизвестности. Это наша сильная сторона. «Обучаемся под проекты».
  11. Направлениям назначить по одному ответственному за изменение контента на странице, которые будут взаимодействовать с маркетингом.

Структура детальной страницы услуги и контент

Контент страницы услуги

—

HR

HR-гипотеза 4

Частый запрос соискателей — отзывы о работе в компании. Их можно подтянуть с hh прямо на сайт

На сайте нет отзывов о работе в компании

В раздел Вакансии добавить блок отзывов с карьерных площадок, добавить отзывы новичков о процессе адаптации.

  1. Сделать блок со сторис, в которой стажёры / новички будут выкладывать истории, делиться впечатлениями, рассказывать боли.
  2. В структуре сайта добавить раздел с фото-отчётами о стажировке. У каждого стажёра задача написать рассказ о стажировке, вроде приветственного письма. И такие истории вывешивать, чтобы знали, как оно будет.

Наполнение страницы

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

Продажи

Гипотеза 3

Страница услуг сформулирована на профессиональном языке, и не всегда ясна заказчику. Заказчик часто не мыслит категорией «сео-оптимизация», ему интересно «как в гугле попасть в пятёрку», не «как улучшить ASO и индексацию приложений», а «как продвинуть приложение»

Саша «Обычно заказчик приходит с профессиональной формулировкой».

Названия услуг сформулированы не на языке заказчика

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

  1. Добавить запросы на языке заказчика как облако тегов.
  2. Создать на сайте раздел с ответами на заявки с формулировками без профессиональных терминов. В этом разделе нужно говорить на языке заказчика. Не «как мы улучшили ASO и индексацию приложений», а «как мы помогли продвинуть приложение».
  3. Д окумент первой линии с популярными запросами клиентов, откуда можно взять формулировки запросов. Эти же запросы можно отдать отделу SEO для создания контента
  4. Ф ормулировки болей клиентов по отраслям (ASO, SEO, CRM) от аккаунтов, их тоже можно отразить в разделе услуг, возможно внутри конкретных услуг блоком «чем мы можем помочь»
  5. Б оли/потребности клиента от менеджеров , внутри есть деление по каждому направлению агентства и по отраслям клиента. Тоже можно взять для внутренних разделов услуг
  1. Создать серию коротких видеообзоров для каждой услуги, где сотрудники агентства расскажут о её особенностях и преимуществах.

Структура страниц

Копирайтинг

Фильтры

Метки

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

На той же странице добавили блок «Вопросы-ответы».

Контент

Гипотеза 11

Антон Рожков «Вкладка «Инструменты» сильно устарела и занимает место в меню».

Некоторые разделы на сайте устарели, утратили актуальность, не обновляются, занимают место

  1. Убрать пункт из меню, старые и неактуальные инструменты удалить, распределить оставшиеся инструменты по страницам соответствующих направлений
  2. При необходимости попиарить делать баннер на главной / на странице услуг
  3. Проверить посещаемость разделов «Книги» и «Инструменты». Убрать из главного меню и из Академии. Перенести в структуру страниц, как отдельный блок.
  1. Дать посетителям на сайте возможность давать обратную связь на материалы. В виде комментов, реакций, баг репортов. Так мы сможем понять (и собрать внутреннюю аналитику), какие разделы больше всего интересны пользователям, а в каких есть проблемы.
  2. Конкурс на поиск самой старой страницы сайта.
  3. Удалять по одной странице в неделю.
  4. Если страница не оправдала себя, то удалять — придумать регламент. При не достижении метрики, например.
  5. Кнопка «Это устарело».

Структура сайта

Наполнение страницы услуги

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

Продажи

Гипотеза 26

Спецам по продажам проще сходить в свою продажную презу, закрытый файл, чем использовать кейсы на сайте (там есть не всё, что-то не актуально)

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

Гипотеза 15

Презентовать кейс в формате «запрос-результат». С чем пришёл к нам клиент; как мы проанализировали задачу и какое предложили решение; вот какой комплекс услуг посоветовали; как договорились и пришли к общему решению; наш прозрачный процесс работы; результат (решение проблемы).

Кейсы на сайте не закрывают запросы спецов по продажам, не дают конкретику по проекту

  1. Презентовать кейс в формате «запрос-результат». С чем пришёл к нам клиент; как мы проанализировали задачу и какое предложили решение; вот какой комплекс услуг посоветовали; как договорились и пришли к общему решению; наш прозрачный процесс работы; результат (решение проблемы).
  2. Сделать шаблон блока для первого экрана кейса — формулировка задачи в глазах заказчика, что мы с этим сделали, а дальше текст кейса.
  3. Документы:
    —
    Неплохой пример с сайта агентства
  1. Не нашёл услугу — дай леща контент-менеджеру (пример по ошибке 404).
  2. Дать доступ на добавление контента на сайт с предмодерацией — коробочное решение.

Наполнение страницы / карточки кейса

—

Коммуникация

Гипотеза 28

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

Нет контакта читателя с автором

Дать возможность читателю контента оставить обратную связь на странице: оставить коммент, поставить лайк/дизлайк или полезно/непонятно

Не разбирали на штурме

Наполнение страницы материала

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

Продажи

Гипотеза-предложение

Нужно повышать доверие к компании на странице услуг

Недостаточно информации на странице услуг, не вызывает доверия со стороны клиента

  1. На разводящей / детальной странице услуг показать популярные запросы бизнеса, и рассказать, как мы будем работать над этим запросом (проуправлять ожиданиями заказчика).
  2. Разработать и добавить FAQ с проработкой распространённых возражений клиентов.
  3. Дать примерный порядок цен (большинство экспертов советуют давать примерный порядок цен ОТ) для первоначальной фильтрации ЦА.
  4. Документы:
    — Вот отличный
    смысловой пример страницы презентации услуг (UI ужасен), где собраны все упомянутые выше фишки
    — В доке менеджеров по исследованию ЦА собраны
    самые частые вопросы для принятия решения . Их можно взять в раздел FAQ каждого направления
  1. Прописать дальнейшие шаги после отправки заявки наглядно, чтобы было интересно рассматривать. Гиф-анимации со встречи-проблематизации.
  2. Говорить о рисках и возможных решениях на проекте. Покажем, что разбираемся в подводных камнях.
  3. Объемные интересные отзывы. Видео, кружочки клиента с огнем в глазах, отзыв команды, голосовое.

Структура и наполнение разводящей / детальной страницы услуги

—

Удобство пользования

Продажи

Гипотеза 4

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

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

Неудобная навигация в разделе кейсов

  1. Разработать систему сортировки и фильтрации на сайте.
  2. Учесть на новом сайте поиск.
  3. Добавить хлебные крошки на сайте.
  4. Пересобрать фильтр «По сферам бизнеса».
  5. Провести карточную сортировку категорий кейсов + спросить экспертов по продажам, как они сами сортируют кейсы при презентации.
  6. Уточнить сортировку:
    1. как оценивается значимость?
    2. бюджет всего проекта или услуги на проекте? в случае длительного сотрудничества как оценивается бюджет
  1. Разработать систему персонализированных рекомендаций кейсов на сайте. Например, на основе действий пользователя на сайте / поиска можно предлагать персонализированные подборки с релевантными кейсами, которые могут быть ему интересны.
  2. Создать интерактивные кейсы на сайте, где посетители смогут сами принимать решения и видеть результаты своих действий. Это может быть игровой формат, где пользователи становятся частью процесса решения задач.
  3. Сделать поиск по фильтрам, кликабельным меткам/тегам: бюджет, сегмент экономики.
  4. Прикрутить ИИ — один запрос, и пользователь получает лучший результат (по количеству просмотров в категории, кейсах и пр.).
  5. Формировать подборки кейсов заранее и показывать на сайте: например, всё про редизайн сайта.
  6. Оставить только самые классные релевантные кейсы, в которых выделить проблему-решение-результат. Остальное показать в виде плитки логотипов.
  7. Клиенту может быть важен не другой клиент и кейс с ним, а решенная проблема, похожая на его собственную. Сделать категоризацию по задачам или болям.
  8. Сделать голосовалку пользователям за крутые кейсы и чтобы они сами упорядочивались начиная с самого крутого.
  9. Добавить в кейсы фильтр по бюджету ₽ / ₽₽ / ₽₽₽, добавить фильтр по сегменту клиента А / Б / В.
  10. Можно сделать простой поиск с тегамиhttp://joxi.ru/vAW8wYoCRwO0Rr

Навигация

Фильтры

Наполнение страниц

Страница поисковой выдачи

Фильтры в портфолио

HR

PR

Гипотеза 6

На сайте (и в вакансиях) сейчас мало трансляции отличительных особенностей и ценностей агентства

HR-гипотеза 1

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

На сайте не отражены ценности агентства

Создать соответсвующий раздел на сайте

Учесть информацию по ценностям агентства в доке от брендинга .

Не разбирали на штурме

Структура сайта

Наполнение страниц

Добавили новую страницу — ценности агентства , которая поможет создать единое видение ценностей агентства у сотрудников агентства и людей извне.

PR

Гипотеза 27

Поместить на страницу спеца пункты из PR-стратегии (СМИ, подкасты, мероприятия и другие)

Нет такой страницы — поэтому нет проблемы. Рекомендация по наполнению нового раздела

Учесть информацию при формировании структуры и составления контента страницы

Не разбирали на штурме

Наполнение страницы спеца

Место на карте

Продажи

Гипотеза 13

Все А-сегменты покупают через личный бренд конкретного сотрудника, через длительный контакт с человеком, личную встречу. «Люди скорее идут на Пашу или на Антона, чем на какой-то конкретный канал трафика». Она не только мотивирует сотрудников, но и продаёт хорошо. Антон был бы не против вести свой блог на сайте ИТА

Стратегия продаж на сайте не учитывает значимость личных связей и прямого контакта с сотрудником

  1. Сделать страницу эксперта на сайте
  2. Поместить кнопку «Пригласить на встречу» на странице
  3. Сделать кнопку «заказать часовую консультацию эксперта за столько-то» (хороший пример — у Людвига )
  4. Сделать ссылку на соцсети спеца, там можно задавать ему вопросы
  5. На странице отрасли сделать блок/колонку постов, который будет вести эксперт(ы) отрасли
  6. Написать про карьерный путь спеца
  7. Показать, кого спец вырастил
  1. Виртуальный кабинет сотрудника. У каждого сотрудника есть свой уникальный виртуальный кабинет, куда можно «заглянуть» в виде рабочего стола. Здесь можно увидеть их любимые книги, рекомендации статей, полезные файлы / таблички, любимые предметы и тд. Это позволит отразить их профессиональную индивидуальность.
  2. Вести страницу на подобии студийного канала «Озарения», все пишут свои открытия на проектах и из жизни и делятся опытом.
  3. На сайте будет кнопка «Пошептаться с Антоном». Четверг — шептальный день, «Записаться на ближайший четверг».
  4. Кнопка «Наладить прямой контакт с сотрудником».
  5. Телеграм-канал с мудростями от крутых ребят агентства.

Структура сайта

Наполнение страницы спеца

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

Страница отрасли, место на карте

PR

HR

Продажи

Гипотеза 18

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

Плюс нужно, чтобы конкретные разделы сайта ассоциировались с конкретными людьми

Как таковой проблемы сейчас нет, нужно сохранить то, что есть

Использовать фото сотрудников в новом разделе «Агентство глазами сотрудника», «О компании»

  1. Фото при ховере / нажатии оживают, как лайв-фото.
  2. Посетители сайта могут пройтись по «виртуальному турне», где каждый сотрудник представлен в виде места, а не просто какой-то личности. Например, один сотрудник может быть представлен как красочный маркет, где он делится своими маркетинговыми секретами, а другой — как книжный магазин, где он рассказывает о своих литературных предпочтениях и опыте.
  3. Добавить статьи про работу в компании, обзоры на рабочее место, офис, типичный день сотрудника, какие-то плюшки.
  4. Реф с фотками сотрудников:https://www.pragmatica.design/
  5. Добавить круглешок с обращением от СЕО компании к клиентам.
  6. Добавить фото с корпоративов / встреч / тусовок на страницы о компании
  7. Добавить «прикольчиков» на фото сотрудников (например, при наведении добавлять им мемные элементы)
  8. Классный человечный сайтhttps://www.malvah.co/

Структура сайта

Контент

Связь страниц сотрудников и других разделов

Здесь и в связанные страницах

Продажи

Гипотеза 14

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

Документы:
—
Страница амбассадора, дизайн от агентства
—
Рекомендуемая структура страницы амбассадора от SEO ИТА

Не продуман пользовательский путь для клиентов из А-сегмента, которые часто посещают сайт после участия в конференциях с выступлениями ребят агентства

  1. Сделать на странице эксперта блок конфы, на которой выступал/выступает спец (например там будет его презентация, лид-магнит для участников конфы)
  2. Поместить кнопку «Пригласить на выступление / конференцию» на странице
  1. Создать онлайн-платформу, где участники конференций и посетители сайта смогут обсуждать выступления, делиться впечатлениями и задавать вопросы сотрудникам агентства. Это может быть форум, чат или специальный раздел на сайте.
  2. Давать слушателям доступ к закрытым отчетам и исследованиям, созданным в ходе выступлений агентства. Эти отчеты могут содержать глубокие аналитические данные, экспертные выводы и рекомендации.

Структура сайта

Наполнение страницы спеца

Учли пользовательский путь для посетителей конференций. Эксперт сможет дать ссылку на свою страницу на сайте, там можно посмотреть запись мероприятия, наладить прямой контакт / позвать выступить или, например, узнать о возможности попасть на стажировку к спецу.

Продажи

Гипотеза 16

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

Документы:
— Хороший пример формулировки у
Agima.AI

Нет проблемы, есть гипотеза-идея

Добавить чат-бот на сайт

Не разбирали на штурме, нашли хороший реф

Структура страниц

—

Продажи

Гипотеза 24

Сайт не ассоциируется сейчас с мобильным маркетингом , нет категорий и каналов, которые можно было бы транслировать. Не хватает рубрик, а некоторые технологии уже вообще устарели (но с сайта не убраны). Поэтому агентство не может участвовать в высокобюджетных проектах по работе с ASO (например пропустили тендер на 475 млн на прошлой неделе), так как не нарастило репутацию экспертности в этой области на рынке

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

Пересобрать структуру страницы услуг на основе актуальных презентаций направлений

Не разбирали на штурме

Наполнение страницы

—

Продажи

Гипотеза 23

Агентство не может участвовать в высокобюджетных проектах по работе с ASO (например, пропустили тендер на 475 млн на прошлой неделе), так как не нарастило репутацию экспертности в этой области на рынке

Недостаточно экспертных материалов на сайте по ASO

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

Не разбирали на штурме

Наполнение страницы

—

PR

Гипотеза 19

Валя: «Нужно складывать куда-то наш PR».

Некуда складывать упоминания агентства в СМИ

Создать раздел «Публикации в СМИ»

Не разбирали на штурме

Структура сайта

Место на карте

Продажи

Гипотеза 20

Валя: «К структуре сайта добавить кнопку «Позвать в тендер». Возможно сделать страницу посадочную чисто для тендеров».

Непонятно, куда идти с тендером.

Добавить кнопку «Позвать в тендер»

Сделать отдельную посадочную со всей информацией по тендерам

Не разбирали на штурме

Наполнение страницы

—

Удобство пользования

Продажи

Гипотеза-предложение 21

Сделать доступ к услугам через суперменю с услугами и подуслугами агентства

Нет доступа к отдельным услугам из меню

Сделать суперменю

Не разбирали на штурме

Навигация

—

Продажи

Место в интервью

«Если ориентироваться только на сайт — на e-comm 5 кейсов. А на самом деле 30 кейсов. Про многие мы не будем говорить, но можем намекнуть»

Фактически кейсов гораздо больше, чем указано на сайте.

Корректно ли работает счётчик в фильтре?

Писать на сайте фактическое число проектов. Проекты без кейсов вынести отдельным блоком в виде логотипов клиентов

Решение Mindbox по оформлению плитки кейсов и особенно объединение нескольких кейсов в рамках одного проекта может сработать для агентства

Не разбирали на штурме

Наполнение раздела портфолио

—

11

12

13

14

15

16

Evening

Vacation

Интервью | Мера х Антон Рожков

15:45 - 16:45

Мозгоштурм

16:30 – 18:00

Интервью | Мера х Валя

15:45 - 16:45

Гипотезы

8:00 - 17:00

Интервью

Сделали структуру сайта, которая отвечает областям развития агентства

Подсветим внутрянку на страницах «Ценности» и «Работа у нас»

Приберёмся в услугах

Согласуем теги и фильтры

pr

hr

Сделаем страницы отраслей

Варианты организации страниц и функциональных элементов прорабатывали на прототипах

Академия_вариант1 (неактуальный)
Академия_вариант1
Академия

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

Уже можно рисовать?

А платформа бренда будет?

Ждём от другой команды

Но тогда сроки поедут, и будет не круто. Пойдём думать как решить

А давайте сделаем универсальный и неустаревающий дизайн, а брендинг внедрим после?

Вечный дизайн

Ставим всё на красное: несём защищать свою концепцию фирстиля и сайта на одной встрече

Макет сайта IT-Agency

Пишем тексты на языке клиента

Повышаем доверие через решенные проблемы

Прозрачно расскажем о процессах и вынесем наружу фишки агентства

05

Вышлем итоги встречи

3.04 — определили общие цели и задачи стратегии, прикрепляю конспект встречи

​

02

Погрузим в наши процессы

Внедрение

Аналитика

Разработка

01

Познакомимся
и выявим запрос

+

👩‍💻

Используем фото людей, чтобы сделать сайт дружелюбным

18

4

10

И показываем достижения людей для HR-целей

y

x

M

1

y = a

x

Метафора концепции — экспонента. Образ стремительного роста, гибкости, адаптивности, целеустремлённости

Получили платформу бренда, объединили со своими идеями и сделали фирменный стиль

Интеллект

Энергия

Уверенность

Глубина

@

Эмерджентность

показать кит

Запускаем эволюцию изменений

Эволюционный подход к росту бизнеса

Рисуем страницы в тесной работе с тремя командами клиента: разработчики, SEO, редакторы

Главная
iPhone 15 Pro Black Titanium Mockup Portrait
Мероприятия

Чтобы настроить прозрачную работу привлекли ведущего дизайнера, пересмотрели дизайн-процесс и оценили объём задач всех команд. Благодаря управлению и самоотдаче мы сократили отставание и выпустили сайт вовремя

Все ультра быстро работали, один механизм. Всем спасибо

Фигма добавила токены — тут же внедряем в работу и проводим обучение команды

Макет сайта IT-Agency

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

Саша Бычков

Дизайнер

Accordeon

Макет сайта IT-Agency

Icon Button

Button

radius / round

radius / x-large

body / body regular

component / buttons / light bg / accent / surface-default

​

#E9221E, 100%

Aa

Button

Button

Button

Accordeon

Макет сайта IT-Agency

Icon Button

Button

radius / round

radius / x-large

body / body regular

component / buttons / light bg / accent / surface-default

​

#E9221E, 100%

Aa

Button

Button

Button

Пересмотрели медиа агентства и накопленные знания в Академии

Frame 2131329437
Академия Разводящая

make academy great again!

Макет сайта IT-Agency
Макет сайта IT-Agency

Карточки с гибкими настройками: авторы, теги, обложка и описание.

Делимся знаниями с миром

Макет сайта IT-Agency
Макет сайта IT-Agency

Рита — самописная CMS для редактирования статей на сайте. От неё нельзя отказаться и сильно переделать, ведь на ней уже собрано 500+ материалов

«Сегодня на свидании с Ритой»

Несмотря на своё название, оценка 360 — это не способ оценки сотрудника, а способ мониторинга ситуации. Никто не оценивает личность по пятибалльной шкале. Коллеги делятся опытом, каково с ним работать в разных ситуациях.

Константин Соколовский, руководитель направления перформанс-маркетинга

Константин Соколовский

Ссылка на блог

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

До

После

Хорошо

Оператор даёт клиенту высказаться, а затем сразу извиняется

00:15

Аа

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

Роман Игошин

Коммерческий директор и управляющий партнёр

Ссылка на блог

iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait
iPhone 15 Pro Black Titanium Mockup Portrait

Показали культуру агентства через ценности и HR-раздел

Макет сайта IT-Agency
Макет сайта IT-Agency
Макет сайта IT-Agency

Работа продолжается

Выпустили MVP сайта ко дню рождения агентства и продолжаем работу

Команда IT-Agency и результаты проектаКоманда IT-Agency и результаты проектаКоманда IT-Agency и результаты проекта

Команда

Дизайн

Алексей
Петров

Даниил
Фетисов

Саша
Бычков

Аня
Черепанова

Максим
Докшин

Даша
Шомникова

Худруководство

Игорь
Герасимов

Ангелина
Артюшина

Управление

Евгений
Бондаревский

Сергей
Коннов

Дизайн-система

Алёна
Мазур

На стороне IT-Agency

Разработка

Вячеслав Кулик

Эрнест Саркисов

Павел Лобашков

Влад Луста

Редакторы

Лариса Васина

Надя Иванян

Алексей Игнатов

SEO

Мария Багликова

Маркетинг

Валентина Борисова