~✌️~

Zefir Design School

П О Д Р О Б Н Е Е
Zefir Design School — это очная в Минске и онлайн школа дизайна по двум направлениям: Графический и UI & UX дизайн.
4+
ЛЕТ РАБОТЫ НАД ПРОЕКТОМ
Первая лекция по типографике была создана далеким летом 2017 года
400+
ВЫПУСКНИКОВ ШКОЛЫ
За все эти годы было выпущено с разных оффлайн и онлайн курсов, марафонов
10
РАЗНЫХ КУРСОВ
Типографика, композиция, цветоведение, UI & UX, графический дизайн и многие другие
История создания школы
Словами мечтателя Аполлинарии Манько
Я и подумать не могла, что мне настолько понравится обучать! И тем более не знала, насколько сильно меня затянет процесс подготовки обучающих материалов для студентов. Ты убиваешь несколько "зайцев" одновременно: невероятно здорово сам прокачиваешься и углубляешься в тему; учишься максимально интересно и запоминающе преподносить информацию; помогаешь людям найти себя и открываешь им мир дизайна.

Все начиналось в 2017 году с первых лекций по типографике для моих коллег. Честно, даже не знаю что мне нравилось больше: процесс подготовки лекций или их презентация. На тот момент я была сильно забитая и стеснительная. Я даже боялась спросить у прохожих "который час"! Так вот, одна из задач которую я себе поставила — это преодолеть боязнь "сцены", стать эмоциональным и интересным рассказчиком. Ибо дизайнеру надо здорово уметь общаться с людьми. Мне кажется, у меня получилось :)

Спустя несколько таких лекций меня затянуло. Мне нравилась энергия публики, выстраивать с ними связь. Параллельно работая в компании EPAM experience дизайнером я занималась менторством ребят, помогая им перейти в отдел дизайна. Это невероятное ощущение, когда ты видишь, как растет и совершенствуется твой ученик! Успех нескольких учащихся настолько меня вдохновил, что незамедлительно появилась идея создать свою школу, вдохновлять и помогать людям искать себя в новой для них сфере — дизайн.

После 1,5 лет подготовки всех материалов была создана Zefir Design School и запущена первая группа в Минске. Сейчас мы потихоньку растем и развиваемся, но при этом остаемся все таким же уютным и ламповым проектом, который работает не на количество учеников, а на качество обучения и индивидуальный подход к каждому.
Этапы развития школы
01 ЭТАП
01 ЭТАП
2017
Разработка программ и материалов
○ Разработка трех программ: интенсив; ui & ux; граф. дизайн
○ Создание более 200 презентаций
○ Верстка печатных конспектов-книг по 8 предметам
○ Разработка сопутствующих материалов для интерактивных вебинаров
02 ЭТАП
02 ЭТАП
2018
Запуск offline школы в Минске
○ Разработка и запуск сайта школы
○ Запуск первой группы по интенсиву продолжительностью 4 месяца
○ Переработка программы и запуск трех групп: интенсив; ui & ux; граф. дизайн
○ Доработка и улучшение материалов, программы, конспектов
03 ЭТАП
03 ЭТАП
2020
Привлечение партнера, выход в online
○ Ребрендинг логотипа, разработка иллюстраций и полноценного бренда школы
○ Редизайн сайта, а также разработка личного кабинета учащегося
○ Запись и монтаж видео лекций всех тем по всем курсам
○ Привлечение партнера для развития школы и выхода на СНГ
○ Сбор команды: преподаватели, smm, дизайнер соц. сетей и т.д.
○ Развитие instagram, telegram и разработка авторского языка для общения с ЦА
○ Первый запуск online групп
04 ЭТАП
04 ЭТАП
2021
Развитие разных форматов курсов и соц. сетей
○ Запуск двух форматов групп: offline и online
○ Разработка программы blended Learning
○ Разработка и проведение бесплатных online марафонов по ui & ux и граф. дизайну
○ Создание и продвижение информационного Telegram канала
○ Запуск Telegram-бота с воронкой продаж пакетов "я сам" для самостоятельного изучения
○ Старт продвижения YouTube канала
○ Поиск партнеров-преподавателей по созданию курсов смежных направлений
Что было сделано за эти годы
Учебные презентации
Было разработано более 200 учебных презентаций для 8+ предметов в одном стиле
Разработан фирменный стиль школы
Был создан логотип, брендинг школы и разработана стилистика цифровых иллюстраций
Печатные конспекты
Для каждого предмета были разработаны печатные учебные интерактивные конспекты
Сайт с личным кабинетом учащегося
Для обучения в формате online был разработан и наполнен контентом личный кабинет учащегося
Снято и смонтировано более 200 видео лекций
Каждая тема, созданная для offline обучения, была переведена в online по средством отдельно записанных видео
Разработка методических материалов для педагогов
Для упрощения передачи материала новым педагогам была подробно описана программа курсов с сопровождением аудиозаписи
Процесс разработки лекций и презентаций
01 ЭТАП
Сбор материалов с различных источников: книги, статьи и видео
02 ЭТАП
Написание сценария черновых лекции в Word
03 ЭТАП
Разработка чистовых презентаций с примерами в KeyNote
04 ЭТАП
Верстка печатных конспектов, создание интерактивных шаблонов
Пример части презентации, созданной в KeyNote для предмета "Типографика"
Для школы на сегодняшний день создано более 200 презентаций по разным предметам. Все выдержано в одной стилистике: начиная от визуальных шаблонов и заканчивая анимационными переходами между слайдами. После того, как была выработана стилистика различных вариаций слайдов в Sketch, весь шаблон был перенесен в KeyNote и в последующем, данная программа использовалась для создания всех оставшихся презентаций.

Конспекты

Создано 8 полноценных печатных книг-конспектов по каждому изучаемому предмету в рамках курсов. В них представлены: расписанные конспекты каждой лекции; шаблоны для индивидуальной интерактивной работы или работы в группе; примеры работ; практические упражнения.
Видео обзор печатных конспектов

Логотип и его символизм

Логотип было решено сделать буквенным, то есть использовать только название школы без символа. В него было заложено два важных символизма. Первый — это путь, дорога. Наша школа кардинально меняет жизнь учащихся и помогает в становлении их на новый путь. Второй символизм — лигатура, которая образуется при сливании букв F + i и графически напоминающая букву A. Имена основателей школы начинаются на эту букву (Аполлинария и Артем), а также личный логотип Аполлинарии выполнен в форме этой же буквы с вписанным в нее слоном.

Видео заставка — intro screen для лекций и видео на Youtube-канал

Стояла задача: сделать анимационную заставку в стилистике школы для всех видео уроков. Главная идея заключалась в анимации логотипа: его постепенное появление с акцентом на символических значениях: лигатура "F + i" и "путь". Сперва была разработана раскадровка, включающая 21 композиционную сцену. Затем, сделана анимационная заставка в After Effects (для создания анимации нанимала motion designer).

Цветовая палитра

Изначально, при подборе цветовой палитры, стояла задача в наличии не менее 4 акцентных цветов, так как в последующих планах была цель разработать стилистику иллюстраций для редизайна сайта. В палитре используются яркие, но при этом немного приглушенные цвета, как бы "припыленные", что добавляет благородства выбранной палитре и не выглядит по-детски. Палитра передает одновременно строгость, серьезность и открытость к своей целевой аудитории.
Основа стиля Zefir Design School
Присутствие линий
Иллюстрации должны содержать не слишком жирные, но и не слишком нюансные тонкие линии, также они должны передавать недосказанность, легкость и динамичность.
Новая классика
Стиль "новая" классика прочтенная заново современным взглядом. Задача передать сочетание нового и старого, что в дизайне используется уже не одно столетие.
Цветовая палитра
Не использовать яркие открытые цвета, добавить немного сложного тона, однако чтобы он смотрелся свежо и стильно.
Наличие фактур
Использование крупных графических фактур на фонах, в частях иллюстрации. Клетка — как отсылка к школе.

Разработка стиля иллюстраций

Иллюстрации были необходимы для сайта школы, а также, в дальнейшем для применения их в социальных сетях и рекламных компаниях. Задача была одновременно следовать модным тенденциям, однако не злоупотреблять ими, чтобы школа могла их использовать многие годы и оставаться актуальной. Было создано более 25 иллюстраций.

С полным процессом создания иллюстраций можно ознакомиться нажав на кнопку :)
СМОТРЕТЬ КЕЙС С ИЛЛЮСТРАЦИЯМИ
ГРАФИЧЕСКИЙ ДИЗАЙН

Вектор, постер, золотое сечение, компьютер, кисточка, перо безье, создание и рисование


Разработка сайта школы и личного кабинета учащихся с online формата

При разработке сайта Zefir Design School была проделана следующая работа:

1
Проведен качественный конкурентный анализ местного рынка и зарубежного;
2
Фаза разработки информационной архитектуры;
3
Разработка прототипов;
4
Создание чистового визуального дизайна;
5
Разработка и создание стиля иллюстраций.

Фаза проектирования и разработка информационной архитектуры

Визуальный дизайн главной страницы сайта и кабинета учащегося

Визуальный дизайн страницы о школе

Визуальный дизайн страницы с описанием одного из курсов

Пример дизайна страницы с уроком

Видео с визуальным прототипом сайта

Создание и разработка интерактивных шаблонов для: группового воркшопа и отработки теории на практике по иным дисциплинам

Стояла отдельная задача: разработать интересные интерактивные шаблоны для закрепления и отработки пройденной теории в рамках курса. Большая часть материалов была встроена в печатные конспекты, однако часть раздается отдельно преподавателем. Взаимодействие с шаблонами подразумевает что-то заполнить, что-то вырезать и вклеить и т.д.

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

Ведение инстаграм аккаунта и выработка узнаваемой стилистики

Отдельная задача стояла по разработке стилистики для инстаграма: оформление ленты и создание информационных сторей. Для данной активности был привлечен графический дизайнер из SMM агенства и, под четким руководством и надзором, была задана стилистика первых постов и сторей. На текущий момент над дизайном социальной сети трудится отдельный графический дизайнер.

Разработка методических материалов для педагогов

При привлечении других педагогов была проведена подготовка учебных программ по всем курсам и направлениям. Создана своего рода "инструкция" со всеми необходимыми материалами для проведения занятий. Каждое занятие расписано поминутно; прикреплены все сопутствующие материалы (от презентаций, до дополнительных ссылок и материалов); написаны шаблоны сообщений с домашними заданиями для дальнейшей отправки в Google Classroom и Telegram канал; для каждой лекции создана аудио инструкция о тонкостях и нюансах занятия.

Онлайн библиотека

Библиотека — это бесплатная онлайн подборка полезных статей, инструментов, видео на различные темы связанные как с графическим, так и с UI & UX дизайном. Все разбито на категории и подкатегории для удобства использования. Цель библиотеки: помочь начинающим дизайнерам в самообучении по выбранному направлению; прокачать знания на новый уровень для уже работающих дизайнеров. В одной из главных категорий "Публикации Zefir" периодически добавляются полезные статьи от школы.

Смотреть выполненные в рамках курса учебные работы и портфолио студентов

Какие обязанности я выполняла
Первые два года существования школы я была "мастером" на все руки и по сути занималась всем: от разработки программ, запуска рекламной компании до сбора групп и заключения договоров. Ну и конечно обучения ребят :)
Создание программы и всех сопутствующих методических материалов
Разработка бренда и сайта школы
Юридическая часть: разработка договоров для offline и online курсов
Поиск аренды, заключение договора, закупка необходимых материалов для проведения offline занятий, печать конспектов
Запуск рекламных компаний: создание дизайна макетов; настройка и запуск рекламы в инстаграм через рекламный кабинет Facebook; реклама в Google поисковике; отслеживание статистики через Yandex metrika и Google analytics
Сбор групп: обработка заявок; прием оплат; заключение договоров
Обучение групп и организация выпускных с приглашением комиссий
Tools
Sketch, Figma, Adobe Illustrator, Photoshop, Notion, After Effects, iMovie, Asana, Procreate, KeyNote, Tilda, Google Classroom.
Спасибо за просмотр!
Ну, собственно, вот как-то так выглядят 4 года работы ... :)