Клирос

Онлайн-курс постановки голоса для певчих. Лендинг и личный кабинет на GetCourse.

Задача

Иллюстрации должны поддерживать светлый минималистичный дизайн лендинга на GetCourse. Не использовать церковную тематику. Современно, стильно.

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

Вдохновение

Стиль и визуальный язык

С первой иллюстрации мы знакомим пользователя сайта с визуальным языком. Руки я сделала чёрно-белыми, так они образуют более собранную общую форму и необходимый контраст с цветным фоном. Фоном служат геометрические фигуры, образуя поддерживающие смысловые образы. Цвета выбрала сдержанные, т.к. внимание должно уделяться кнопкам, а не иллюстрациям. Те же цвета, что и в классическом варианте, но другого оттенка и тона.

На главной иллюстрации руки это и дирижирование хором, и управление процессом обучения. На фоне круг и дуга — очертания ноты ♪, линии — нотный стан.

Главная иллюстрация открывает лендинг и тренинг в личном кабинете ученика на GetCourse:

Интерактивный формат курса

Экран соединяет ученика и преподавателя, через экран к ученику «льются» знания в разных форматах:

Чаты

Участники онлайн-курса получают доступ к Telegram-чату с педагогом (1), могут отправлять текстовые сообщения, аудио, записывать «кружочки». Чат с учениками (2) это общение, советы, мотивация, дополнительные материалы, марафоны. Ученик двигается в своём темпе (3), получая сопровождение и поддержку.

1. Чат с педагогом

2. Чат с другими учениками

3. Почему это важно

Преимущества курса

Исчерпывающую завершённую систему метафорически изображает «куб» (1), обратную связь — спич бабл (2). Сэкономленное время не осыпается в стилизованных песочных часах, а сбережённые деньги в виде монеток остаются под рукой (3).

1. Полная и пошаговая вокальная система

2. Быстрые ответы на свои вопросы

3. Экономия времени и денег

Результат обучения

Преображение, раскрепощение, лёгкость, свобода — так пишут о своих результатах студенты курса. Мне повезло на самом старте найти замечательную фотографию рук, сложенных в форме птицы. Идеальный образ! Дополнила его геометрическими небом, Солнцем и облаком.

Множество рук‑птиц это тысячи учеников курса со всего мира:

Иконки

Форматы занятий: видео‑, аудио‑уроки, онлайн‑конференции. Длительность курса (календарный срок). Продолжительность занятий (количество времени).

Карточки модулей курса

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