Фирменный стиль
и сайт "Глагола"
О проекте
Мы разработали для бюро новый фирстиль. Самый кайф этого кейса — в тесной работе
с заказчиком.
«Глагол» — это бюро публичных выступлений,
которое готовит людей к презентациям, лекциям
и конференциям, обучает целые корпоративные отделы. Фишка ребят — делать каждое выступление в продуктовом подходе
с заботой об аудитории.
Фирменный стиль
Задача: разработать фирстиль для бюро публичных выступлений.
Проблема
Нет фирстиля,
нет системы
У «Глагола» уже были первые наработки фирменного стиля.
Проблема в том, что он рождался на ходу и не отражал
идентичность бюро.


Нет визуального языка
У «Глагола» был логотип, но остальной визуал делали
по ощущениям, фирменных элементов не было.
Из-за этого компания не запоминалась.

Не про людей
Бюро готовит крутых спикеров, но не показывает их.
Какими они станут? Где будут выступать?
Как их полюбит аудитория? Пока сайт показывает
парня с ноутбуком на диване.

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

Линейный стиль
Бизнес «Глагола» идёт через сайт: здесь люди изучают курсы, записываются на тренинги и читают о спикерах. Это лицо бюро. Старая версия не передавала, что здесь людей учат выступать легко, структурно и красиво.
Артем
Меню занимает много места. Кажется, что странно отдавать под него столько пространства. А ещё это непривычно сценарий для сайта
Дарья
Согласны! Подумаем над другими решениями.
Версия 2

Классическое меню
и карточки
Переносим всю навигацию наверх и делаем компактнее, чтобы на странице поместилось больше полезного контента. Всю информацию оформляем карточками с мягкими тенями.
Александра
С тенями всё плавает, структура не прочная и вместе с тем - нет лёгкости. Нужно подумать над другим вариантом!
Версия 3

Строгая композиция
и линейность
Блок всегда чётко делится надвое.
Карточки повторяют фирменную линейную сетку и прочно стоят на странице.
Осталось акцентировать внимание пользователей на том, что помогает принять решение о покупке.
02.1
Шлифовка акцентов
Аудиторию «Глагола» убеждают успешные кейсы и опыт тренеров. Делаем эти блоки тёмными, чтобы привлекали внимание, и меняем содержание.
Кейсы были мелкие и не передавали масштаб выступлений — теперь самые эффектные истории показываем крупно и подбираем яркие кадры.
Артем
То, что нужно!
02.2
Внимание к деталям
Одно из основных преимуществ Глагола — их внимание
к мелочам, это же касается и дизайна.
Александра
В сайтах, где много графических элементов, можно чуть меньше заморачиваться с вёрсткой, а в минималистичном интерфейсе заметна любая мелочь.
Дарья
Поэтому всё выверяем до пикселя, чтобы каждый элемент идеально стоял на своём месте.
Благодаря новому фирменному стилю сайт стал лёгким и структурированным. Появился акцент на том что наиболее важно для "Глагола"- на людях!
Результат
Лёгкость и акценты
Артем
Небольшой отзыв от Артема
Дарья
Согласны! Подумаем над другими решениями.
Ко всем проектам мы подходим с душой и заботой
Co-founder, CFO
НАИЛЬ МАРДАМШИН
Art Director
САША СВЕРДЛОВСКАЯ
Project Manager
ИЛЬЯ НИКИТИН
Project Manager
ИРА АНТИПИНА
Writer
КИРИЛЛ КУЛИКОВ
Graphic Designer
ДИНА УФИМЦЕВА
UI & Motion Designer
ИГОРЬ СПОРЫНИН
Web & Product Designer
КОСТЯ МАСЛЯННИКОВ
Web Designer
ДАША ПЕРЕПЕЛКИНА
Опишите вашу задачу
Мы напишем или позвоним, чтобы узнать больше о вашей задаче и договориться об интервью. Если у вас остались вопросы — ответим подробно.