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

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

Структура и фирменный стиль
Первая итерация
Делаем структурированную вёрстку и первый дизайн к тренингу
  • Артём
    Мы хотим подарить карточки участникам и посмотреть, как им зайдёт этот инструмент. Дальше будем дорабатывать по обратной связи.
  • Саша
    У всех карточек одинаковая структура основного содержания: инструкция по применению приёма, пример и типичные ошибки. Быстро делаем три варианта вёрстки.
Опишите вашу задачу
Мы напишем или позвоним, чтобы узнать больше о вашей задаче и договориться об интервью. Если у вас остались вопросы — ответим подробно.