logo
bondar.design
загружаемся так сказать

bondar.design/school21_arts

Иллюстрации для Школы 21
b2C
ART DIRECTION
ART
IT
EDUCATION
Courses
Крупномасштабный проект по созданию иллюстраций для онлайн-школы программирования с аудиторией более 200000 разработчиков. Цель заключалась в том, чтобы визуально обогатить учебные задания в образовательной CRM и сделать контент по различным темам программирования более вовлекающим и доступным. Я нанял, менторил и управлял несколькими художниками в рамках этого проекта. Особенно ценю то, что итог получился по-настоящему визуально цельным и живым, отражающим дух обучения и креативности.
Задачи по дизайну, которые я выполнил:
Был на роли арт-директора для серии из более чем 70 иллюстраций.
Разработал единую визуальную стилистику, соответствующую бренду и ожиданиям обучающихся.
Давал детализированную обратную связь и проводил дополнительное обучение иллюстраторов, чтобы достичь требуемого уровня качества и соответствия концепции.
Поддерживал регулярную коммуникацию с клиентом, согласовывая образовательные цели и корректируя визуальное направление проекта.
Обеспечивал своевременную сдачу работ и итеративное улучшение на всех этапах производственного процесса.
Иллюстрации для Школы 21
B2C
ART DIRECTION
ART
IT
EDUCATION
EDUCATION
Ilya Bondar, app, mobile, app, hunger.de, hunger, hunger, foodtech, food, restaurantsIlya Bondar, app, mobile, app, hunger.de, hunger, hunger, foodtech, food, restaurants
Что мне дал этот проект
Меня впечатлило разнообразие визуальных подходов и стилей, которые художники привносили в каждое учебное задание. Балансирование между креативностью и ясностью в образовательном контексте стало по-настоящему ценным и вдохновляющим опытом.

Первый образовательный курс

Первый набор иллюстраций был создан для базового курса программирования. Совместно с командой мы разработали концепцию с стилизованной иллюстрацией «двери» в шапке, символизирующей вход в каждую новую тему. Эту идею дополняли иллюстрации в стиле ролевых сцен, сопровождающие учебные задания, которые задавали настроение, включали отсылки к гик-культуре и погружали студентов в широкий контекст программирования и его истории.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Иллюстрации были созданы для поддержки интерактивного визуально-текстового формата ролевого обучения, где студенты погружаются в сюжетный сценарий, сопровождаемый персонажами, окружением и стилизованной графикой. Каждое задание начиналось с тематического изображения-заголовка -  «двери» в новую тему. Второй иллюстрацией был некий артефакт в рамках темы. Текстовая ролевка создавала понятную, гиковскую и весёлую атмосферу, усиливающую вовлечённость и интерес к обучению.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Мы поддерживали тесную коммуникацию с программистами на протяжении всего проекта, чтобы иллюстрации точно соответствовали содержанию курса и ожиданиям студенческой аудитории. Их обратная связь помогла нам тонко настроить визуалы, сделав их одновременно обучающими и по-настоящему увлекательными.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Кроме того, способ, которым были выполнены «дверь» и сопутствующие иллюстрации, часто служил тонкими подсказками или концептуальными ориентирами, помогая студентам интуитивно понять, как подойти к решению поставленной задачи. Такой многоуровневый визуальный сторителлинг не только добавлял глубину в учебный опыт, но и поощрял самостоятельное мышление и исследовательский подход.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
По отзывам преподавателей и студентов, взаимодействие с заданиями напоминало общение с олдскульным терминалом в инди-игре ретро-стиля. Именно ту атмосферу вовлечённости, которую мы и стремились создать. Эта ретро-футуристическая эстетика сделала процесс обучения более игровым, захватывающим и запоминающимся.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Добавив иллюстрации и отредактировав тексты заданий в более увлекательной, геймифицированной форме, мы значительно повысили процент завершения курса и усвоение материала. Студенты чувствовали себя более мотивированными и погружёнными, а руководство школы было в восторге от столь высокого уровня вовлечённости и удовлетворённости учебным опытом.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Второй образовательный курс

Второй образовательный курс включал такие темы, как 3D Viewer, Криптография, Docker, CI/CD, Linux, Ассемблер, Контейнеризация и другие.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
На этот раз длина заданий значительно варьировалась: для одних требовалась всего одна иллюстрация, для других - до трёх. Мы подходили к каждой теме с немного различным визуальным стилем, но сохраняли общую целостность за счёт единых дизайнерских элементов. Такой баланс позволил серии оставаться визуально разнообразной и увлекательной, не теряя при этом стилистического единства.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
И снова это было настоящим вызовом: создавать иллюстрации для абстрактных и сложных тем, но нам удалось превратить их в понятные и увлекательные визуалы, которые откликнулись у студентов и эффективно поддержали процесс обучения.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
На этот раз у нас было больше творческой свободы, что привело к появлению уникальных визуальных подходов. Некоторые иллюстрации были выполнены из пластилина, другие - в виде игровых коллажей. Эти экспериментальные стили добавили проекту индивидуальности и свежести, при этом сохранив единство.
Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UIIlya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI
Ключевые результаты
Серия иллюстраций значительно повысила вовлечённость студентов и процент завершения заданий. Геймифицированные и атмосферные арты помогли сделать абстрактные концепции программирования понятными. По отзывам студентов и преподавателей, иллюстрации стали неотъемлемой частью айдентики курса, помогая учащимся легко эмоционально и когнитивно погружаться в образовательный материал.

Этот проект подошел к концу

Но впереди еще много интересного!