VLAD.Moscow Digital Academy

С ТРУДО
УСТРОЙСТВОМ

ЗАПИСАТЬСЯ НА КУРС

ДЛИТЕЛЬНОСТЬ

ШКОЛА СТАЖЕРОВ

6 месяцев
с заморзкой

работа с реальными
проектами школы

доступ к обновляемым
видео-урокам

ТРУДОУСТРОЙСТВО

устраиваем
в компании партнеры

доступ к обновляемым
видео-урокам

ДОСТУП НАВСЕГДА

6 месяцев
с заморзкой

ЛУЧШИЙ

КУРС

SMM

Зачем осваивать
профессию
«Веб-дизайнер»

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

*

Посмотреть вакансии
на

headhunter

По данным компании

*

Guthrie-Jensen

150 000

500

Компаний в данный момент ищут
дизайнеров в штат*

Средний уровень зарплат
профессии «Веб-дизайнер»

headhunter

Guthrie-Jensen

55 000

200 000

500

Компаний в данный момент ищут
дизайнеров в штат*

Средний уровень зарплат
профессии «Веб-дизайнер»

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

р

Аналитика, инструменты проектирования, прототипирование.

Овладеете стилевым навыком, научитесь рисовать красивый дизайн.

Figma, Photoshop, Principle, Protopie, After Effects.

Стратегия
в Social Media

Отрисовка
интерфейса (UI)

Изучите дизайнерские
программы

Какие навыки
освоите на курсе?

Подходы к UX, методы создания удобного интерфейса под все устройства.

Презентация, менеджмент, подготовка портфолио и резюме

Код, что такое frontend
и backend, как они работают в связке.

Адаптивный
дизайн

Защита проектов
и трудоустройство

Технические
особенности

Научитесь работать со шрифтом, освоите модульную сетку
и композицию.

Композиция
и типографика

Научитесь создавать яркие современные проекты.

Анимация
сайтов

Научитесь работать со шрифтом, освоите модульную сетку и композицию.

Как вы станете
веб-дизайнером

ДЛИТЕЛЬНОСТЬ

ПОРТФОЛИО

6 месяцев,
65 академ.
часов

125 лекций,
85 часов
практ. работы

Реальные
работы во время учебы

КОЛ-ВО УРОКОВ

Смотрите
обучающие видео и задаете вопросы

Сдаете домашние задания и получаете ревью от арт-директоров известных компаний

Получаете профессиональное портфолио

01

02

03

04

Смотрите видеоуроки c телефона, планшета или ноутбука, когда вам удобно.

Выполняете задания и отправляете на проверку через личный кабинет.

Исправляете ошибки, создаете портфолио и трудоустраиваетесь.

Выходите на работу
или стажировку в крупную компанию

Строите карьеру от веб-дизайнера до арт-директора

4 простых шага к новой профессии

Записаться на курс
или получить консультацию

Школа стажеров MDA
(дизайн-акселератор)

После обучения у тебя есть возможность попасть в школу стажеров MDA, где ты сделаешь реальный проект под руководством арт-директора и получишь первую зарплату.
А главное – у тебя будет опыт работы, который поможет тебе
в дальнейшем трудоустройстве.

Сделай проект
с арт-директором MDA

Приобрети
реальный опыт

Получи
первую зарплату

1

3

2

Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Не бросаем после обучения – поддерживаем и идем вместе с ними!

Помогаем с трудоустройством
в центре развития карьеры MDA

Помогаем с резюме
и портфолио

Доступ к закрытому
чату с вакансиями MDA

Возможность
стажировки в школе MDA

«Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Обычно на это уходит до 2-х месяцев после окончания курсов.»

Евгений Осиновский

Руководитель Центра Карьеры
Диджитал Академии

Помощь в трудоустройстве.
Центр развития карьеры MDA.

Профессиональное
резюме

Трудоустройства
и стажировки

Рекомендации
в компании-партнеры

Выход на зарубежный
рынок труда

Добавим в собственный
HR сервис MDA work

Истории карьеры
наших студентов

Многие наши студенты которые пришли с нуля, работают в известных digital-агентствах, дизайн-студиях и IT-компаниях.

Записаться на курс
или получить консультацию

Онлайн курс с живыми
встречами и воркшопами

Вы можете посещать живые занятие и воркшопы
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.

Онлайн курс с живыми
встречами и воркшопами

Вы можете посещать живые занятие и воркшопы
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.

Портфолио наших
студентов новичков

90%

работ, которые
вы видите в этом разделе,
делали новички.

работ сделали наши студенты на курсе веб-дизайна под руководством менторов-наставников.

2000

+

Работы студентов
в

группе Moscow Digital Academy

Записаться на курс

Вернем деньги в течении 14-суток, если курс не подошел или просто
не понравился

Старт курса: 1 февраля

82 900

118 лекций, 85 часов практики

₽

Создадите 5 дизайнерских кейсов для портфолио

Персональный ментор-наставник

Техническая поддержка 24/7

Готовое портфолио на Behance

Регулярные офлайн встречи и воркшопы в Москве

Доступ к лекциям навсегда

ПОМОЩЬ В ТРУДОУСТРОЙСТВЕ

Осталось: 7 из 40 мест

Стажировки в компаниях-партнерах и Дизайн Акселераторе MDA

Не бросаем после обучения и помогаем с трудоустройством

Сертификат об обучении

Участие в мероприятиях, конференциях и вечеринках MDA

Консультации
с профессиональным
арт-директором

4 150

₽/мес.

Профессия веб-дизайнер

на 12 мес.

или 49 740 ₽ сразу

Программа курса

— Зона ответственности дизайнера.
Cайты, приложения, процесс создания и что делает дизайнер.

— Как развивать в себе дизайнера.
Что делать для развития дизайнерских навыков.

— Как и где вдохновляться?
Сайты для вдохновения.

— Процесс создания дизайна.
Показываем как создается дизайн.

— Знакомство с Figma.
Как и где скачать, как установить, как пользоваться.

— Фреймы, шрифты и картинки.
Работаем с основными инструментами.

— Группы и Маски.
Как использовать маски и правильно работать с группами.

— Делаем первый экран сайта.
Осваиваем инструменты. Повторяем за преподавателем, используя заготовленные материалы.

— Делаем всю страницу сайта.
Какие стадии разработки проходит сайт до публикации его в сети.

— Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.

— Модульная сетка 1. Что такое модульная сетка?
Как работает, как делать в Фигме.

— Модульная сетка 2. На мобильных устройствах.
Как создавать сетку на мобильных устройствах.

— Модульная сетка 3. Как располагать элементы, опираясь на сетку.
Расположение элементов, не подходящих по размеченной сетке.

— Композиция 1. Что такое композиция, как устроена.
Систематизация красоты.

— Композиция 2 (практический). Доминанта.
Что есть доминанта, как выстроить ее самостоятельно.

— Композиция 3. Цвет, подбор цвета, теория цвета.
Работа с колористикой.

— Композиция 4. Фотографии, картинки, влияние их на дизайн.
Как найти и выбрать изображения, хорошо вписывающиеся в дизайн.

— Композиция 5. Подбор контента, лицензирование и использование.
Правовые аспекты использования и подбора контента.

— Настроение, классификация шрифта.
Как шрифт передает настроение, на какие виды делятся шрифты.

— Анатомия шрифта.
Кёрнинг, трекинг, интерлиньяж.

— Редактура.
Дефис, тире, кавычки, висящие союзы.

— Сервисы, коммерческие шрифты и некоммерческие, тарификация шрифтов, цены.
FontFaceninja, Google Fonts, Typetoday. Где посмотреть трендовые шрифты.

— Верстка текста.
Нюансы абзацев, переносов и прочего в вебе.

— Шрифтовые пары.
Как подобрать шрифты, которые пользователь посчитает красивыми.

— Какие шрифты использовать.
Трендовые шрифты, поиск и использование.

— Ошибки в типографике.
Как не стоит делать. Какие ошибки совершаю большинство дизайнеров.

— Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.

— Что такое UX. Из чего состоит?
Введение в UX, на какие составные части делится.

— Информационная архитектура. Иерархия.
Создание архитектуры для логичного перехода между разделами на сайте.

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

— Метод персоны.
Разделение пользователей на персонифицированные группы и исследование каждой отдельно.

— Проектирование взаимодействия.
Определение того, куда и как нажимает пользователь и подготовка прототипа согласно этим данным.

— Формы и интерфейсы с полями. Часть 1.
Как упрощать, конкретные примеры.

— Формы и интерфейсы с полями. Часть 2.
Кнопки, выпадающие меню и прочие элементы интерфейса.

— Визуальный дизайн и UI-кит.
Создание стиля и сбор элементов интерфейса в разных состояниях.

— Разбор ошибок в визуальном дизайне.
Какие ошибки чаще всего совершают дизайнеры при отрисовке интерфейса.

— Готовые диджитал-гайдлайны. Примеры, объяснение, когда их применять надо и когда не надо.
Что такое guideline. Как создать свой и как использовать готовый. В каких ситуациях применять.

— UX-аналитика 1. Юзабилити тестирование.
Проверка интерфейса на удобство для пользователя через тестирование самих пользователей.

— UX-аналитика 2. Как работают карты кликов и карты ссылок в Яндекс.Метрике.
Какую информацию можно получить с помощью простых инструментов и как ее использовать для улучшения интерфейса.

— UX-аналитика 3. Сегменты в Яндекс.Метрике и объяснение поведения пользователей в каждом сегменте.
Аналитика того, как разные пользователи с разными устройствами ведут себя на сайте.

— Уровни по Джеймсу Гаррету.
Пирамида Гаррета в UX.

— Создание mind-map.
Что это, зачем и как применять.

— Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.

— Создаём mind-map интернет-магазина.
Определяем структуру магазина, схемы и выполняем ее за преподавателем.

— Создаём прототип главной страницы интернет-магазина по шаблону.
Прототипируем главную страницу интернет-магазина вместе с преподавателем.

— Создаём прототип страницы каталога.
В каталоге определяем, нужны ли фильтры и сортировка. Если фильтры нужны, то с какими параметрами. Повторяем за преподавателем.

— Создаём прототип страницы карточки товара.
Определяем, какая информация в карточке максимально важная и ставим ее на первый план, а какой можно пренебречь.

— Создаём прототип страницы корзины.
Интерфейс корзины — количество товара, удаление товара, изменение данных пользователя, оплата.

— Что такое адаптивный дизайн.
Изменение поведения элементов и разрешений.

— Исследования для адаптивного дизайна.
Исследуем цели пользователя, самого пользователя, ситуации и устройства. Определяем какие элементы оставить, а какие убрать.

— Под какие разрешения надо рисовать.
И под какие делать сетку.

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

— Типы верстки.
Резиновая, фиксированная, адаптивная фиксирована и адаптивная резиновая (responsive).

— Адаптируем интернет магазин. Практический урок 1.
Каждую страницу. Объясняем как изменились элементы и почему именно так.

— Адаптируем интернет-магазин. Практический урок 2.
Адаптируем остальные страницы.

— Этапы разработки сайта 1. Исследование.
И работа с заказчиком.

— Этапы разработки сайта 2 Структура, прототип и макет.
Этап, до которого сайт был только в мыслях, а после — на руках макет для производства.

— Этапы разработки сайта 3 Техническое производство.
Превращение дизайн макета в код.

— Технические особенности 1. Как сайт попадает в интернет.
Этапы от замысла до конечной реализации проекта и публикации в интернете.

— Технические особенности 2. Что такое фронтенд. Как работает код?
Фронтенд — то, что вы видите в своем браузере. HTML, CSS, Javascript.

— Технические особенности 3. Что такое бекенд? Какие функции он умеет?
CMS, самописные движки. Что делает backend в веб-сайте.

— Технические особенности 4. Домен и хостинг.
Как пользователь найдет ваш сайт в интернете.

— Технические особенности 5. Как сдавать макет в разработку? Что нужно приложить, в каком формате и зачем?
Как дизайнеру подготовить свой макет так, чтобы программист реализовал его быстрее.

— Технические особенности 6. Как можно реализовывать фронтенд и бекенд. Программисты vs Тильда.
Методы разработки. Какой в каких ситуация более эффективен.

— Что такое бренд. Составляющие бренда.
На какие составляющие дизайнер может влиять, а на какие нет.

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

— Какую роль в этом играет выкладка товаров, дизайн витрин и дизайн сайтов/баннеров/приложений.
Цвета, настроение и конгруэнтность потребителю.

— Что такое фирменный стиль бренда. Из чего состоит?
Что содержится в расширенных guidline бренда и как применяется.

— Логотип. Что это, его цель. Как отличить хороший логотип от плохого.
Как создаются хорошие логотипы, как сделать узнаваемый логотип.

— Учимся делать простые шрифтовые логотипы.
Создаем логотипы для собственных проектов.

— Трудоустройство. Какие компании нанимают дизайнеров и какие зарплаты и задачи.
В разных компаниях дизайнеры рисуют разные проекты. А еще им по-разному за это платят и предъявляют разные требования. Этот урок ответит на щекотливые вопросы.

— Основные форматы работы дизайнеров.
Фриланс, постоянка в офисе, постоянка удаленная.

— Как составить резюме
Что в резюме писать не стоит, а что нужно вынести на первый план.

— Как составить сопроводительное письмо.
Оставьте описание вашей "стрессоустойчивости" и "коммуникабельности" при себе. Лучше расскажите, чем вы увлекаетесь.

— Как и где искать работу постоянную.
HH.ru — не единственный ресурс. Есть еще множество путей, не всегда очевидных.

— Как искать заказы для Фриланса.
Найти высокооплачиваемые заказы, схватить их и при этом найти их у адекватного заказчика.

— Как искать субподрядчиков для фриланса.
Часто заказывают проекты под ключ (дизайн+разработка). Как найти партнера для таких проектов.

— Как защищать проект перед клиентом на фрилансе.
На фрилансе и в компании защиты разные, как и мотивация принимающей стороны. Изучим в этом уроке.

— Как проходит защита в компании перед заказчиком.
Особенности корпоративных презентаций.

— Что такое анимация в вебе.
Микро и макро анимация.

— Анимация взаимодействия.
Ховеры, активы, переходы, как это работает.

— Макро анимация, разбор примера.
Когда анимация — неотъемлима от стиля и смысла проекта.

— Разбор софта для анимации.
Protopie, Principle, Figma, After Effects.

— Как передавать анимацию в разработку.
Как показать разработчику, какую анимацию, с какими переходами и временными задержками вы хотите.

— Анимируем элементы на главной странице интернет-магазина.
Анимация при загрузке и после нее.

— Анимируем кнопки, поля. Прилёт элементов.
Анимация микровзаимодействий.

— Анимируем элементы при скролле.
Учимся делать анимацию при скролле в достаточном количестве. Не так, чтобы заполонить ей все внимание пользователя.

— Анимируем прелоадер.
Иногда сайту нужно время для загрузки. Делаем анимацию загрузки, чтобы скрасить ожидание пользователя.

— Анимируем переход от страницы к странице.
Страницы могут меняться не со стандартной загрузкой элементов, а с приятной анимацией.

— Анимируем форму регистрации.
Форма сбора контактов пользователя и регистрации.

— Делаем макроанимацию. Часть 1.
Создаем анимацию с сюжетом. Планируем ее, создаем ключевые кадры.

— Делаем макроанимацию. Часть 2.
Отрисовываем и анимируем элементы для макроанимации, согласно собственному плану.

— Что такое портфолио дизайнера и как оно может быть представлено.
Порталы, собственные сайты, новые методы.

— Как создать кейс проекта.
Из чего состоит кейс. Что надо показать и как объяснить пользователю.

— Разбор примеров кейсов хороших и плохих.
Как не нужно оформлять свое портфолио — разбор примеров.

— Создаём кейс из ДЗ2.
Оформляем свою домашнюю работу для портфолио.

— Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.

— Домашнее задание: сделать первую страницу сайта «портфолио», учитывая весь материал.
Первая домашняя работа для разминки.

— Домашнее задание: сделать майндмеп и прототип самостоятельно и сдать на проверку.
Учимся делать понятный интерфейс.

— Домашнее задание: отрисовать по прототипу 4 страницы интернет-магазина: главная, каталог, карточка, корзина.
Переходим к отрисовке, учимся создавать стиль, UI-киты и анимацию.

— Адаптировать свой интернет-магазин и сдать ментору на проверку.
Самостоятельно адаптируем свой макет под планшеты и смартфоны.

— Домашнее задание: создать дизайн сайта известной личности или исторического события.
На выбор предоставляются темы и уровень сложности. Можно предложить свою тему.

— Создать простой логотип для ДЗ-2 и защитить его.
Базовые уроки графического дизайна.

Преподаватели
и менторы

Григорий Коченов

Максим Иванов

Сергей Павлов

Владислав Федорин

Креативный директор «AGIMA»
Опыт работы: 13 лет

Креативный директор «MDA»
Опыт работы: 14 лет

Руководитель «MDA»
Опыт работы: 10 лет

Арт-директор «MDA»
Опыт работы: 7 лет

Директор «Ace' Spades»
Опыт работы: 9 лет

Игорь Шкарин

Евгений Епифанов

Михаил Каргин

Дарья Почекуева

Digital-manager «Промсвязьбанк»
Опыт работы: 7 лет

Арт-директор «Кёльник»
Опыт работы: 11 лет

Интернет-маркетолог «OMD»
Опыт работы: 7 лет

Отзывы студентов

Еще более 100 отзывов о нас

FAQ

Как проходит обучение?

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

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

Когда и где будет проходить обучение и сколько оно продлится?

Обучение проходит онлайн, оно начинается сразу после записи на курс и оплаты. Курс длится 6 месяцев с момента оплаты. Все взаимодейтсвие проходит через личный кабинет. Вы сможете посетить очные воркшопы в Москве и Петербурге. О них вы будете уведомлены дополнительно через личный кабинет.

Как строится обучение на курсе?

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

После изучения уроков и тренировки по практическим урокам, вы выполняете домашние задания, которые сдаете на проверку через личный кабинет. После сдачи вы получаете рецензию на домашнюю работу, переделываете ее, снова сдаете и снова получаете рецензию. Этот процесс продолжается до тех пор, пока работа не будет выполнена
на надлежащем уровне.

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

Что нужно иметь при себе на занятиях?

Теоретические лекции вы можете смотреть с любого устройства — ноутбук, домашний компьютер, планшет
или смартфон. Для выполнения практических уроков вам понадобится нотубук или компьютер на Windows или MacOS.

Теоретические лекции вы можете смотреть с любого устройства — ноутбук, домашний компьютер, планшет или смартфон. Для выполнения практических уроков вам понадобится нотубук или компьютер на Windows или MacOS.

Проверяются ли домашние работы, если да, то как?

Домашние работы — самая важная часть курса. Мы уделяем ей огромное внимание, пожалуйста, уделите ей должное внимание и вы.

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

Вы смотрите рецензию, данную вам преподавателем, переделываете работу, согласно этой рецензии и сдаете снова. Этот процесс продолжается до тех пор, пока работа не будет выполнена на надлежащем уровне либо не наступит окончание курса.

Это очные уроки, вебинары или уроки в заранее записанном формате?

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

Также вы всегда можете пересмотреть урок, если вдруг вы
что-то забыли.

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

Также вы всегда можете пересмотреть урок, если вдруг вы что-то забыли.

Как получить сертификат?

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

Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.

Что делать, если возникла проблема или срочный вопрос?

Вы всегда можете написать нам в чат на этой странице
или в личном кабинете, позвонить по телефону, написать в VK или Facebook или написать на почту hello@m-d-a.ru.

Максимально быстрый ответ можно получить в чате в личном кабинете, на сайте, в ВК, по почте или по телефону.

Family
#Moscow Digital Academy