Главное о кейсе
«Глагол» — это бюро публичных выступлений, которое готовит людей к презентациям, лекциям и конференциям, обучает целые корпоративные отделы. Фишка ребят — делать каждое выступление в продуктовом подходе с заботой об аудитории. Но сайт не отражал это. Кроме того, у «Глагола» отсутствовал фирменный стиль, из-за чего компания не запоминалась потенциальным клиентам. Нас пригласили, чтобы это исправить.
Как проект изменил жизнь пользователей
Решили, что приглушенный красный останется основным цветом «Глагола», а дополнительные цвета используем для навигации по продуктам. Так у нас получилась система, благодаря которой пользователь сразу понимает: бирюзовое - про очный тренинг, а красный - про онлайн. Фирменный стиль стал гибким, чтобы в будущем развиваться и адаптироваться к потребностям растущей компании.
Бизнес-задача и ее решение
Разработали фирменный стиль, который передает нужные смыслы и идентичность «Глагола».
У «Глагола» уже были первые наработки фирменного стиля. Проблема в том, что он рождался на ходу и не до конца отражал идентичность бюро. Был логотип, но остальной визуал делали по ощущениям. Фирменных элементов не было. Из-за этого компания не запоминалась.
Бюро готовило крутых спикеров, но не показывало их. Какими они станут? Где будут выступать? На сайте мы видели только несколько стандартных фото. А еще много красного цвета, от которого уставали глаза.
Начали искать графические элементы, которые сделают «Глагол» узнаваемым и отразят подход бюро: структурность, понятная схема работы, продуктовый подход.
Начали с подбора референсов. В первой итерации опирались на многоуровневые схемы.
В следующих итерациях поработали с контрастной и крупной типографикой. Главной составляющей стиля стали линии и сетки.
«Глагол» — про людей. Они обращались в бюро, потому что хотели выступать на большой сцене, чувствовать себя так, будто ведут новую презентацию Apple. Подумали, как отразить в фирменном стиле призыв «стать таким же крутым спикером».
В итоге заложили в фирменном стиле «кинематографичные блоки» c эффектными фото людей. Они наводили на мысль: ты можешь стать таким же вместе с «Глаголом».
Крафт (мастерство), реализация, технические детали
Использовали новый фирменный стиль в интерфейсе сайта.
Старый сайт бюро не передавал суть и подход «Глагола»: структурность, точность, внимание к деталям. Пока всё наоборот: много слов, к сути нужно продираться.
На старом сайте не хватало акцента на историях успеха и тренерах. Мы исправили этот момент: сделали блоки о людях на сайте тёмными и «кинематографичными».
Создали дизайн «Карточек спикера».
Бюро проводило очные тренинги, на которых использовало печатные материалы: рабочие тетради, канвасы, чеклисты. Все это помогало ученикам систематизировать знания и давало готовые инструменты.
Основатель «Глагола» — Артем Гусев придумал новый инструмент — набор из 86 карточек с быстрыми приемами для публичных выступлений. Мы четко структурировали основной контент и оформили карточки в фирменном стиле.
Приемы на карточках делились на 4 категории. Чтобы помочь людям быстро сориентироваться, мы использовали разные фирменные цвета и аккуратные иконки.
Спроектировали упаковку для карточек. Когда работаешь с физическими носителями, очень важно делать «живые» прототипы. Только так можно понять реальные сценарии использования: удобно ли открывать, держать, носить, распаковывать и выбирать карточки, как товар будет смотреться на полке в магазине. Для этого напечатали разные варианты дизайна на обычном принтере и обклеили им белые заготовки. Протестировали вместе с «Глаголом» и выбрали лучший вариант.
Набор получился большим и насыщенным: по сути, это весь опыт «Глагола», упакованный в 86 карточек с многоуровневой типологией. Людям, которые будут просто покупать его для самостоятельной подготовки, нужно помочь разобраться. Для этого мы сверстали короткую инструкцию в виде брошюры. По ней можно быстро найти нужный прием, его цвет и номер в колоде.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Создали узнаваемый фирменный стиль, сайт и маркетинговый продукт для бюро Глагол,
– Обновленный интерфейс помог пользователям еще быстрее записываться на обучающие мероприятия.
– Десятки UX-тестов помогли улучшить панель управления обучением для большей вовлеченности.
– Мы полностью переработали фирменный стиль обучающей программы, но оставили узнаваемые элементы прежнего стиля, чтобы сохранить преемственность разных версий.
Скриншоты