Бренд-дизайнер · Skyeng (Osme) · 2022–2023
Osme

Osme

1

Образовательная экосистема

Skyeng — крупнейшая онлайн-школа в России. Английский, математика, программирование, подготовка к экзаменам. Десятки продуктов под разными брендами: Skyeng, Skysmart, Skypro. Компания решила объединить всё в одну экосистему под новым именем — Osme. Единый бренд для взрослых и детей, для России и международного рынка.

Задача: создать айдентику с нуля. Не редизайн, а новый визуальный язык — от стратегии до паспорта бренда и двух сайтов.

3→1
бренда в одну экосистему
14
концептуальных направлений
6
языков на запуске
2
сайта: RU + International
2

Бренд-стратегия

Начали с фундамента. Brand Heart: зачем существует Osme, какое будущее создаёт, какие ценности направляют поведение. Четыре блока: Global Purpose, Vision, Definition, Core Values.

Изучили позиционирование Apple, IKEA, Spotify, Meta — как формулируют миссию, какие ценности выделяют. Не для копирования, а для калибровки уровня.

Параллельно — бриф с продуктовой командой. Структура экосистемы, целевая аудитория, ценностное предложение, ключевые метрики. Цель дизайна: показать вовлечение и спрос, а не утилитарность.

Бренд-стратегия Osme — Brand Heart: Purpose, Vision, Definition, Core Values + анализ Apple, IKEA, Meta
Brand Heart: Purpose, Vision, Definition, Core Values. Справа — анализ позиционирования Apple, IKEA, Spotify, Meta
Бриф Osme — задача, продукт, экосистема, целевая аудитория, ценностное предложение
Бриф: задача, продукт и экосистема, ЦА, цель дизайна, ценностное предложение, визуальные приёмы, метрики
3

Паспорт и принципы

Перед поиском формы — правила. Паспорт бренда фиксирует, что можно, а что нет. Восемь категорий: принципы, типографика, цвет, модульная сетка, пространство, графика, копирайтинг, фотографии.

Главный принцип: simple > expressiveness. Всё должно быть на своих местах и не вызывать вопросов. Усложнение выдаёт неуверенность. Простота должна быть функциональной и понятной.

Принцип 1: Простота — As simple as possible, simple >
            </picture> expressiveness Принцип 2: Content first — контент наш главный козырь, айдентика — фрейм для контента Принцип 3: Глобальность / мультикультурность — стиль понятен в разных странах мира Принцип 4: Доступный премиум / сопричастность — ощущение ценности продукта Принцип 5: Спокойствие / гармония — элементы не доминируют, стиль легко принять Принцип 6: Технологичность / инновационность — идём в авангарде технологий Принцип 7: Отсутствие артефактов дешевизны — не используем маркетплейсные приёмы Принцип 8: Модульность / конструктор — переиспользование приёмов в разных контекстах Принцип 9: Акцент на людях / историях — показываем учителей, учеников, семьи
1/9
9 принципов бренда: от простоты и content first до модульности и акцента на людях
Приём 1: Прописные — технологичность, стиль, лёгкость, премиальность Приём 2: Блюр — загадочность, интрига, матовая фактура Приём 3: Градиенты — акценты, тактильность, теплота Приём 4: Дополненная реальность — технологичность, усиление эмоций Приём 5: Воздух — пространство для модулей и микромодулей Приём 6: UI — стиль идёт из UI и контента Приём 7: Цвет — окружение, организация пространства, композиция Приём 8: Вёрстка — не перегружаем макеты, чётко и ёмко Приём 9: Контент — контент + текст = единое сообщение в модуле Приём 10: Типографика — акцентная настроенческая типографика Приём 11: Иконки — интерфейсный и иллюстративный стили Приём 11.1: Иконки как глифы Приём 12: Стикеры / виджеты Приём 13: Реалистичные 3D рендеры Приём 14: Сервис-спутник — сопровождение на разных этапах жизни Приём 15: Top-of-mind — позиция лучших из лучших Приём 16: Легко донести — образы, понятные большинству Приём 17: Множественность интерпретаций — образы с множеством смыслов
1/18
18 визуальных приёмов: прописные, блюр, градиенты, AR, воздух, типографика, 3D и другие
4

14 направлений

Два месяца концептуального поиска командой из четырёх дизайнеров — совместно с тремя дизайнерами из студии Pragmatika. Каждое направление — это не вариант логотипа, а система: идея, форма, цвет, типографика, применение в продукте и маркетинге.

Creators of Tomorrow Club, Life Explorers, Unlocking Potential, As Simple As Possible, Solar System, Inside Movement, Focus & Icons, Zoom, HELIX, Going Beyond, Volchok, Layers & Infinity, Luchi, Spiral of Learning.

Каждое направление тестировалось на одних и тех же сценариях: главная страница, карточка курса, Instagram-история, визитка. Это давало честное сравнение.

14 концептуальных направлений Osme — обзор всех направлений в сетке
14 направлений: от минималистичных до экспрессивных, каждое — полноценная система
5

Три финалиста

HELIX / Inside Movement. Спираль как символ внутреннего движения. Статичное движение — форма, которая передаёт энергию без крика. Тёмная палитра, контрастная типографика, человек в потоке. Развилась в полноценную систему с SMM, мокапами, 3D-визуализациями.

Going Beyond + Singularity. Выход за рамки. Яркие формы, иконическая система, отсылки к Meta и современным tech-брендам. Много цвета, динамичные композиции.

Luchi. Лучи как метафора познания. Цветовые эксперименты — от неоновых до пастельных, геометрические паттерны из расходящихся линий.

Концепт HELIX — спираль, тёмная палитра, Inside Movement, SMM-макеты
HELIX / Inside Movement: спираль, поток, тёмная палитра. Справа — v2 с маркетинговыми применениями
Концепт Going Beyond + Singularity — яркие формы, иконическая система
Going Beyond + Singularity: выход за рамки, яркие формы, иконическая графика
Концепт Luchi — лучи, цветовые эксперименты, геометрические паттерны
Luchi: лучи как метафора познания. Цветовые и геометрические эксперименты

6

Сайт: Россия

Точка входа в экосистему. Три продукта — Skyeng, Skysmart, Skypro — под единой навигацией. Каталог по возрасту и цели: английский взрослым, школьные предметы, Python-разработчик, маркетолог.

Первый экран — видео с живым человеком. Не стоковое фото, а контент, который передаёт атмосферу: учиться, вдохновляться, развиваться, достигать большего.

Адаптивная вёрстка. Мобильная версия проектировалась параллельно с десктопом — не как сжатая копия, а как отдельный опыт.

7

Сайт: International

Английская версия для международного рынка. Шесть языков на запуске: английский, испанский, итальянский, немецкий, французский, польский.

Другая структура, другая навигация, другие продукты. Принципы блочной вёрстки: маркетинговые блоки в каталоге, адаптивная сетка карточек, лид-формы для взрослых и детей.

Отдельно проработаны: меню с мультиязычностью, страницы продуктов, экосистемный блок с интерактивными шторками, блоки с учителями и видео-обращениями.

8

Моя роль

Бренд-дизайнер в команде айдентики Skyeng. Арт-директор — Константин Замуренко. Работал над проектом от стратегии до финальных макетов. Разработал бренд-стратегию, провёл исследование позиционирования, оформил паспорт бренда, спроектировал два сайта — российский и международный. 14 концептуальных направлений — совместная работа с тремя дизайнерами из студии Pragmatika.