Фирменный стиль — Сайт — Полиграфия

Бюро публичных выступлений «Глагол»

Часть #3
Карточки спикера
Задача: упаковать опыт выступлений бюро в набор карточек с фирменными приёмами.
«Глагол» — это бюро публичных выступлений, которое готовит людей к презентациям, лекциям и конференциям, обучает целые корпоративные отделы. Фишка ребят — делать каждое выступление в продуктовом подходе с заботой об аудитории. Мы разработали для бюро новый фирстиль. Самый кайф этого кейса — в тесной работе с заказчиком.
Команда проекта
Помогала с пониманием целевой аудитории и контекстом на первых этапах проекта
ЮЛЯ
Тренер
Тесно общался с нашей командой на протяжении всего проекта, делился мнением по каждому этапу разработки и кайфовал от процесса!
АРТЕМ
Основатель Глагола
Работала над сайтом Глагола, выверяла пиксели и искала тонкие линии в верстке
ДАША
UI/UX дизайнер
Занималась разработкой фирменного стиля и следила за его реализацией на конкретных носителях
Помогала нащупать общее направление и не свернуть с пути
ДИНА
Графический дизайнер
САША
Арт-лид
Следил за сроками и общался по организационным вопросам.
НАИЛЬ
Проджект менеджер
Задача
Людям нужен простой инструмент подготовки к выступлениям
Бюро проводит очные тренинги, на которых использует печатные материалы: рабочие тетради, канвасы, чеклисты. Всё это помогает ученикам систематизировать знания и даёт готовые инструменты. Основатель «Глагола» Артём Гусев придумал новый инструмент — набор из 86 карточек с быстрыми приёмами для публичных выступлений.
  • Артём
    Саша, такие дела: у нас есть прототип карточек в Паверпоинте, нужно помочь со структурой и задизайнить к тренингу, который уже через две недели.
  • Саша
    Ни слова больше, работаем!
Решение
Набор из 86 инструментов в удобной коробке, который стал главным маркетинговым продуктом бюро
«Глагол» — про структурность, заботу об аудитории и практику на деле. Набор должен был стать отражением их подхода, чтобы привлечь больше людей.

После трёх итераций к набору, который начинался как подарок участникам тренинга, добавилась удобная коробка, инструкция и плакат-навигатор. В итоге «Карточки спикера» стали главным маркетинговым продуктом «Глагола».
Подготовили первую версию для теста на целевой аудитории. Чётко структурировали основной контент, оформили три типа карточек в фирменном стиле.
Структура и фирменный стиль
Добавили ещё один «слой» навигации по приёмам, начали проектировать удобную коробку для набора. Избавились от лишнего и не функционального.
Навигация и упаковка
Отшлифовали дизайн, сверстали инструкцию и таблицу-навигатор, передали всё в типографию и получили готовые наборы «Карточек спикера».
Финализация и допматериалы
Первая итерация
Делаем структурированную вёрстку и первый дизайн к тренингу
  • Артём
    Мы хотим подарить карточки участникам и посмотреть, как им зайдёт этот инструмент. Дальше будем дорабатывать по обратной связи.
  • Саша
    У всех карточек одинаковая структура основного содержания: инструкция по применению приёма, пример и типичные ошибки. Быстро делаем три варианта вёрстки.
  • Артём
    Давайте первый вариант, у него самая чёткая структура, которую сразу схватывает глаз. Это очень про нас!
  • Юля
    А ещё карточки делятся по трём типам приёмов: содержание, подача и взаимодействие с аудиторией. Чтобы было удобно различать, выделяем их цветом.
  • Саша
    Хорошо, тогда возьмём три цвета из фирменного стиля, и так, чтобы они бились по смыслу. Красные — для содержания, главного, с чем помогает «Глагол». Синие — про взаимодействие с аудиторией, как на очных тренингах. Чёрные — для подачи. Плюс у каждого вида свой значок из галочек.
  • Артём
    Ребята, спасибо вам за этот рывок ❤️ Теперь карточки увидят свет уже в эти выходные, это очень здорово! Тетраформ — крутое место.
Карточки выполнили свою задачу и стали полезным инструментом на тренинге
Набор лучше передаёт структурный подход «Глагола» и оформлен в фирменном стиле. Участники тренинга довольны — двигаемся дальше.
Вторая итерация
Добавляем функциональности, прототипируем коробку
  • Артём
    Приёмы на карточках делятся на 4 категории, а сейчас в этом сложно разобраться. Хочется, чтобы пользователи с первого взгляда понимали, на что направлен приём.
  • Саша
    Сейчас на лицевой стороне много места занимают фирменные галочки. Это здорово с точки зрения фирменного стиля, но не функционально. Если хотим, чтобы в карточках было больше пользы, отметим здесь категорию приёма. Можем подобрать аккуратные иконки, чтобы человек быстро ориентировался по ним.
  • Артём
    Хорошее впечатление от нового уровня структуры! Стало удобнее. Теперь пора подумать над упаковкой: карточек очень много, рассыпаются в руках.
  • Дина
    Упаковка — это ко мне. Есть много вариантов. Например, с ложементами под каждый тип карточек, или вертикальная с разделителями, или с крышкой-дном. Будем пробовать разные варианты, чтобы понять, какой удобнее для использования.
  • Дина
    Ближе всего вариант с вертикальными карточками и разделителями. Ты сам раскладываешь карточки, как удобно, отделяешь использованные от тех, что ещё только пойдут в работу, удобно искать нужный приём, как в картотеке. Ещё в нашем наборе будут дополнительные материалы: инструкция и таблица-навигатор по карточкам — поэтому жертвуем компактностью в пользу удобства и функциональности.
  • Саша
    Проектируем макет, выясняем нюансы у подрядчиков, выбираем типографию, в которой всё могут сделать, заказываем белый прототип без дизайна, чтобы примерить карточки и попробовать набор руками.
Набор становится ещё более функциональным и цельным
Нашли оптимальный формфактор, который удобен пользователям. На карточках стало ещё больше полезной информации. Остаётся финализировать дизайн, сделать дополнительные материалы — и можно отдавать в печать.
Третья итерация
Дизайним коробку, оформляем инструкцию и таблицу, «чистим» дизайн карточек
  • Артём
    Новые иконки нравятся функционально, но кажутся «тяжёлыми» и как будто выбиваются из общего фирменного стиля. Давайте подумаем, как можем их изменить.
  • Саша
    Уходим от изображений в кругах к линейным иконкам. Ищем образы, которые запоминаются и передают нужные смыслы. Получается легче, чище, ещё больше в структурированном стиле «Глагола».

    Попутно подбираем более плотную бумагу и скругляем края карточек. Так они меньше вытираются, не загибаются и удобнее лежат в руке.
  • Саша
    Чтобы не тратить время на 3D-модели, дизайн коробки проектируем прямо в фотошопе. Делаем несколько вариантов раскраски, решаем, какую информацию поставить на крышку и каждую сторону — чтобы даже закрытый набор был полезен.
  • Дина
    Когда работаешь с физическими носителями, очень важно делать «живые» прототипы. Только так можно понять реальные сценарии использования: удобно ли открывать, держать, носить, распаковывать и выбирать карточки, как товар будет смотреться на полке в магазине. Для этого печатаем варианты дизайна на обычном принтере и обклеиваем белые заготовки. Тестируем вместе с «Глаголом» выбираем лучший вариант.
  • Артём
    Набор получается большим и сложным: по сути, это весь опыт «Глагола», упакованный в 86 карточек с многослойной типологией. Людям, которые будут просто покупать его для самостоятельной подготовки, нужно помочь разобраться.
  • Дина
    Верстаем короткую брошюру с инструкцией, как пользоваться карточками, и плакат-таблицу. По ней можно быстро найти нужный приём, его цвет и номер в колоде. Дополнительно делаем 10 пустых карточек, чтобы пользователи записывали на них собственные приёмы.

    Дальше финально проверяем комплектацию, передаём всё в типографию и получаем готовые наборы.
ФИНАЛ
Новый маркетинговый продукт «Глагола»
«Карточки спикера» стали маркетинговым продуктом, который помогает рассказывать о подходе бюро широкой аудитории. На него снимают обзоры и распаковки, покупатели делятся в Инстаграме впечатлениями и примерами использования. Так люди получают быструю пользу от «Глагола» и если хотят ещё больше развить свои выступления, приходят в бюро на очные и онлайн-курсы.

Купить «Карточки спикера»
Команда проекта
Следила за сроками со стороны «Глагола» и оперативно давала любую необходимую информацию
ЮЛЯ
Проджект менеджер
Тесно общался с нашей командой на протяжении всего проекта, делился мнением по каждому этапу разработки и кайфовал от процесса!
АРТЕМ
Основатель Глагола
Тренер
ЮЛЯ
Помогала с пониманием целевой аудитории и контекстом на первых этапах проекта
Проектировала коробку, общалась с типографиями и готовила все материалы для печати
Делала дизайн карточек и коробки, держала общую рамку фирменного стиля
ДИНА
Графический дизайнер
САША
Арт-лид
Следил за сроками и общался по организационным вопросам
НАИЛЬ
Проджект менеджер