Брендбук школы
Школа по подготовке выпускников к ЕГЭ «ЕГЭLand» решила не останавливаться
на достигнутом. После выпуска своих учеников они хотели дать им новый вектор — возможность ворваться в мир диджитал-профессий. Так появился проект ElSkills — курсы для легкого и быстрого входа в IT
и digital, построенные на уже проверенной методике: системно, но увлекательно,
о сложном, но на примерах из мемов, песен и сериалов.
Школа по подготовке выпускников к ЕГЭ «ЕГЭLand» решила не останавливаться
на достигнутом. После выпуска своих учеников они хотели дать им новый вектор
— возможность ворваться в мир диджитал-профессий. Так появился проект ElSkills
— курсы для легкого и быстрого входа в IT
и digital, построенные на уже проверенной методике: системно, но увлекательно,
о сложном, но на примерах из мемов, песен
и сериалов.
Моя роль
Brand designer
Ниша
Онлайн-магазин
Год
2025
Проблема
Главная сложность — новая целевая аудитория. Если «ЕГЭLand» работал
со школьниками, то ElSkills должен был привлечь молодежь 19–22 лет: студентов первых курсов. Эти ребята взрослеют,
но и сохраняют юношеский взгляд
и имеют чувствительность к визуальной подаче. Нужно было найти тонкий баланс между «взрослой» эстетикой и энергией молодежи. Вводные:
желание сохранить преемственность логотипа и акцентного шрифта,
понимание, что нужны графические паттерны и несколько основных цветов,
уже сформулированные цели, миссия и тон коммуникации.
Главная сложность — новая целевая аудитория. Если «ЕГЭLand» работал
со школьниками, то ElSkills должен был привлечь молодежь 19–22 лет: студентов первых курсов. Эти ребята взрослеют,
но и сохраняют юношеский вгляд
и имеют чувствительность к визуальной подаче. Нужно было найти тонкий баланс между «взрослой» эстетикой и энергией молодежи. Вводные:
желание сохранить преемственность логотипа и акцентного шрифта,
понимание, что нужны графические паттерны и несколько основных цветов,
уже сформулированные цели, миссия
и тон коммуникации.
Главная сложность — новая целевая аудитория. Если «ЕГЭLand» работал
со школьниками, то ElSkills должен был привлечь молодежь 19–22 лет: студентов первых курсов. Эти ребята взрослеют,
но и сохраняют юношеский взгляд
и имеют чувствительность к визуальной подаче. Нужно было найти тонкий баланс между «взрослой» эстетикой и энергией молодежи. Вводные:
желание сохранить преемственность логотипа и акцентного шрифта,
понимание, что нужны графические паттерны и несколько основных цветов,
уже сформулированные цели, миссия
и тон коммуникации.
Задачи
● Создать визуальную идентичность современного, развивающегося диджитал-бренда, который будет говорить на одном языке со студентами, и упаковать ее в брендбук.
● Создать визуальную идентичность современного, развивающегося диджитал-бренда, который будет говорить на одном языке со студентами, и упаковать ее
в брендбук.
● Сделать брендбук, который оставит пространство для будущего масштабирования: визуально разделять направления курсов и при этом сохранить цельный образ бренда.
● Сделать брендбук, который оставит пространство для будущего масштабирования: визуально разделять направления курсов и при этом сохранить цельный образ бренда.
1.Анализ
Первоочередно я попросила команду создать опрос с открытыми ответами в их телеграм-каналах для выпускников их курсов по подготовке к ЕГЭ — нашей потенциальной аудитории. Составила следующие вопросы:
Что для вас выглядит «профессионально» в визуале онлайн-школ, а что — «несерьёзно»?
Что вас привлекает в онлайн-школе: ощущение «элитного» клуба или дружеского сообщества?
Мотивируют ли вас элементы геймификации (бейджи, достижения, рейтинги) в процессе обучения или отвлекают?
Стиль какой школы/курсов/учебной студии вас оттолкнул от сотрудничества с ними?
За какой школой/курсами/учебной студией вам нравится следить в соц сетях?
Проанализировала ответы, собрала список школ и пошла его дополнять другими успешными конкурентами в этой нише.
Брендбуки в открытом доступе само собой почти не встречаются, поэтому я изучала сайты, соцсети и доступные обучающие материалы школ, которые продают digital-курсы похожей ЦА.
Первоочередно я попросила команду создать опрос с открытыми ответами
в их телеграм-каналах для выпускников
их курсов по подготовке к ЕГЭ — нашей потенциальной аудитории. Составила следующие вопросы:
Что для вас выглядит «профессионально» в визуале онлайн-школ, а что — «несерьёзно»?
Что вас привлекает в онлайн-школе: ощущение «элитного» клуба или дружеского сообщества?
Мотивируют ли вас элементы геймификации (бейджи, достижения, рейтинги) в процессе обучения или отвлекают?
Стиль какой школы/курсов/учебной студии вас оттолкнул от сотрудничества с ними?
За какой школой/курсами/учебной студией вам нравится следить в соц сетях?
Проанализировала ответы, собрала список школ и пошла его дополнять другими успешными конкурентами в этой нише.
Брендбуки в открытом доступе само собой почти не встречаются, поэтому я изучала сайты, соцсети и доступные обучающие материалы школ, которые продают digital-курсы похожей ЦА.
Выделила три ключевых ориентира по подходу к фирменному стилю: Setters, Киршин и Цитадель. Из их практик собрала основу для работы:
простая и узнаваемая айдентика, которую можно «повторить от руки»
акцентная типографика
трендовые цвета
Вместе с лидом проекта мы проработали структуру брендбука, чтобы он максимально раскрывал характер бренда и оставался удобным инструментом для команды.
Содержание получилось классическим, но в нашем случае мы сделали акцент именно на графических паттернах и цветовой системе — они стали ключевым инструментом разделения направлений курсов.
Элегантный, трендовый, динамичный — про структурность, шикарное будущее, динамичное развитие.
Обсудив с коллегами, пришли к единственному верному решению: объединить лучшее из двух миров. Промежуточный итог:
В процессе обсуждения чернового концепта выявились минусы, которые мы не учли изначально:
Просто абстрактные паттерны не несут смысловой нагрузки — упущенная возможность доносить ценности бренда через графику.
Сократили количество цветов и цветовых пар — остановились на 4 базовых цветах и 4 цветовых парах для разных направлений
Классичесский фотостиль онлайн-школ не цепляет глаз, надо отойти в сторону простых, но ярких ребят и учителей с живыми считываемыми эмоциями, с которыми ЦА будет приятно себя ассоциировать.
Сильные стороны концепта, которые сохранили:
Сочетание двух шрифтов в призывах на баннерах (например, «Научим программированию»).
Интеграция паттернов в лого и в качестве масок для фото.
Чистые, просторные макеты.
После внесения правок представила коллегам вариант концепта, который они утвердили, и я пошла дорабатывать
его до финальной версии.
В процессе обсуждения чернового концепта выявились минусы, которые
мы не учли изначально:
Просто абстрактные паттерны не несут смысловой нагрузки — упущенная возможность доносить ценности бренда через графику.
Сократили количество цветов и цветовых пар — остановились на 4 базовых цветах и 4 цветовых парах для разных направлений
Классичесский фотостиль онлайн-школ не цепляет глаз, надо отойти в сторону простых, но ярких ребят и учителей
с живыми считываемыми эмоциями,
с которыми ЦА будет приятно себя ассоциировать.
Сильные стороны концепта, которые сохранили:
Сочетание двух шрифтов в призывах
на баннерах (например,
«Научим программированию»).Интеграция паттернов в лого
и в качестве масок для фото.Чистые, просторные макеты.
После внесения правок представила коллегам вариант концепта, который они утвердили, и я пошла дорабатывать его
до финальной версии.
4.Дизайн
В итоговом варианте я создала: 4 графических паттерна, которые будут отвечать за игривость и динамичность визуала бренда, с заделом на будущие моушн-анимации; 4 основных цвета и 4 дополнительных цветовых пары, которые будут отвечать за четкое цветовое разграничение направлений курсов; подобрала 2 шрифта — акцентный и умеренный; определила фотостиль, который будет помогать в создании ощущения персонального подхода школы
и нестандартного метода обучения; логотип, который оставляет за собой преемственность от лого головной компании композиционно, но более динамичный и задействующий графические паттерны для закрепления узнаваемости.
Не буду добавлять тут лишние буквы и расписывать, почему выбраны эти паттерны или такой фотостиль, лучше посмотреть брендбук — там красиво, кратко и понятно:) А тут расскажу подробнее про лого:
Не буду добавлять тут лишние буквы
и расписывать, почему выбраны эти паттерны или такой фотостиль, лучше посмотреть брендбук — там красиво, кратко и понятно:) А тут расскажу подробнее про лого:
Лого головного бренда —
Сначала логотип ELSkills я начала с букв E и L в шрифте оригинального лого
— Druk Text Wide (Bold Italic). Но в итоговой версии заменила его на Bluescreens (Bold Italic) — шрифт с похожими пропорциями и кернингом, но с более дерзким характером, что идеально вписалось в образ бренда.
Слово Skills набрано тем же шрифтом, но в начертании Regular, чтобы балансировать энергичное начало и придать читаемости.
Символ «больше» ( > ) — не просто графический элемент. Это фрагмент паттерна Wind и одновременно отсылка к обучению, развитию и движению вперёд.
Я заложила в него и ещё один смысл: EL (так сокращаются все проекты компании)
— это «больше», чем просто «skills».
Все варианты логотипа спроектированы так, чтобы их было легко адаптировать
для анимаций и динамических форматов.
Сначала логотип ELSkills я начала с букв E и L в шрифте оригинального лого
— Druk Text Wide (Bold Italic). Но в итоговой версии заменила его на Bluescreens (Bold Italic) — шрифт с похожими пропорциями и кернингом, но с более дерзким характером, что идеально вписалось в образ бренда.
Слово Skills набрано тем же шрифтом, но в начертании Regular, чтобы балансировать энергичное начало и придать читаемости.
Символ «больше» ( > ) — не просто графический элемент. Это фрагмент паттерна Wind и одновременно отсылка к обучению, развитию и движению вперёд.
Я заложила в него и ещё один смысл: EL (так сокращаются все проекты компании)
— это «больше», чем просто «skills».
Все варианты логотипа спроектированы так, чтобы их было легко адаптировать
для анимаций и динамических форматов.
Сначала логотип ELSkills я начала с букв E и L в шрифте оригинального лого — Druk Text Wide (Bold Italic). Но в итоговой версии заменила его на Bluescreens (Bold Italic)
— шрифт с похожими пропорциями
и кернингом, но с более дерзким характером, что идеально вписалось
в образ бренда.
Слово Skills набрано тем же шрифтом,
но в начертании Regular, чтобы балансировать энергичное начало и придать читаемости.
Символ «больше» ( > ) — не просто графический элемент. Это фрагмент паттерна Wind и одновременно отсылка
к обучению, развитию и движению вперёд.
Я заложила в него и ещё один смысл: EL (так сокращаются все проекты компании)
— это «больше», чем просто «skills».
Все варианты логотипа спроектированы так, чтобы их было легко адаптировать
для анимаций и динамических форматов.
Примеры использования графического стиля в реальных задачах, созданных мной вполследствии:
Карточки для постов в соц сети
Памятка к презентации
Презентация
Геткурс
Что получил бизнес:
Брендбук сильно упростил работу между отделами над проектом, сократил количество правок и позволил начать создавать цифровые продукты школы
в хорошем темпе.
Во время прогрева аудитории перед запуском ELSkIlls, вся внутрянка была готова, показатели кликабельности ТА
и ХА растут с каждым месяцем, школа получает много положительных отзывов
о креативной айдентике, а значит, брендинг попал в ЦА:) Правда оценить брендинг полноценно только предстоит. Прогрев продолжается, запуск проекта перенесли на некоторое время
по финансовым причинам.
Брендбук сильно упростил работу между отделами над проектом, сократил количество правок и позволил начать создавать цифровые продукты школы
в хорошем темпе.
Во время прогрева аудитории перед запуском ELSkIlls, вся внутрянка была готова, показатели кликабельности ТА
и ХА растут с каждым месяцем, школа получает много положительных отзывов
о креативной айдентике, а значит, брендинг попал в ЦА:) Правда оценить брендинг полноценно только предстоит. Прогрев продолжается, запуск проекта перенесли на некоторое время по финансовым причинам.
Что получила я:
Я получила буст проф развития благодаря опыту:
работы с настолько узкой возрастной группой (19–22), где грань между «подросток» и «взрослый» оказалась очень тонкой,
работы с несколькими топ-лидами, каждый из которых вносил свою точку зрения, а я балансировала, стараясь
не терять целостность своего видения.
После завершения проекта меня пригласили в команду школы, чтобы
я оформила весь стартовый пакет материалов к запуску ElSkills и помогла
с другими проектами школы.
И я почувствовала и сильные и слабые места брендбука, используя его в реальных задачах:)
Я получила буст проф развития благодаря опыту:
работы с настолько узкой возрастной группой (19–22), где грань между «подросток» и «взрослый» оказалась очень тонкой.
работы с несколькими топ-лидами, каждый из которых вносил свою точку зрения, а я балансировала, стараясь
не терять целостность своего видения.
После завершения проекта меня пригласили в команду школы, чтобы
я оформила весь стартовый пакет материалов к запуску ElSkills и помогла
с другими проектами школы.
И я почувствовала и сильные и слабые места брендбука, используя его
в реальных задачах:)
Я получила буст проф развития благодаря опыту:
работы с настолько узкой возрастной группой (19–22), где грань между «подросток»
и «взрослый» оказалась очень тонкой.работы с несколькими топ-лидами, каждый из которых вносил свою точку зрения, а я балансировала, стараясь
не терять целостность своего видения.
После завершения проекта меня пригласили
в команду школы, чтобы я оформила весь стартовый пакет материалов к запуску ElSkills и помогла с другими проектами школы.
И я почувствовала и сильные и слабые места брендбука, используя его в реальных задачах:)