космонавтам
менеджерам
студентам
5 000 K
Студентов обучили
+
Кому
подходит курс?
Людям без опыта в дизайне, начинающим дизайнерам
и всем, кто хочет сменить профессию или найти хобби, которое приносит деньги
Людям без опыта
в дизайне, начинающим дизайнерам
и всем, кто хочет сменить профессию или найти хобби, которое приносит деньги
космонавтам
менеджерам
студентам
Доходы
дизайнера
Профессия входит в ТОП-5 самых востребованных профессий будущего
Средняя зарплата дизайнера
от 120 000 р
Junior
от 60 000 р
Middle
от 90 000 р
Senior
от 150 000 р
Чему научишься?
Изучишь программы для дизайна
Figma, Photoshop, Principle, Protopie, After Effects
Проектированию
интерфейсов (UX)
Аналитика, инструменты проектирования, прототипирование
Композиции
и типографике
Модульная сетка, шрифтовые пары
Техническим
особенностям
Как сайт попадает
в интернет, и кто его собирает
Отрисовке
интерфейса (UI)
Овладешь стилевым навыком
Анимации
сайтов
Научишься создавать яркие современные проекты
Защите проектов
и трудоустройству
Презентация, подготовка портфолио и резюме
Адаптивному
дизайну
Подходы к UX, создание
интерфейса для всех устройств
Инструменты, которые освоишь
Adobe Photoshop
Notion
Tilda
Fig Jam
Principle
ProtoPie
Miro
Trello
Figma
Adobe Illustrator
Все студенты получают поддержку и помощь
в установке необходимых программ
Поможем
с установкой программ
Как будет проходить
курс
Мы следим за трендами и постоянно обновляем курс.
Смотри видеоуроки c телефона, планшета или ноутбука в любое время.
Твой личный кабинет
Доступ к личному кабинету остаётся навсегда.
Мы верим, что хороший фидбэк — залог успеха. Поэтому наши менторы, которые являются практикующими дизайнерами, помогут улучшить твои проекты и ответят
на любые вопросы. Обратная связь будет доступна
на протяжении всего курса.
Фидбэк — наше всё
Отслеживай свой прогресс на доске в Trello,
а также смотри работы других студентов
и вдохновляйся.
Весь прогресс в Trello
Вливайся в дизайнерское сообщество с первых дней обучения. В чатах студенты делятся своими работами
и полезными ресурсами, а кураторы академии оперативно отвечают на любые вопросы.
Комьюнити в чате
Вливаетесь в дизайнерское сообщество с первых дней обучения. В чатах студенты делятся своими работами и полезными ресурсами,
а кураторы академии оперативно отвечают на любые вопросы.
После курса в твоем
портфолио будет
5-6 проектов
Наши студенты создают не только красивые работы, но и удобные, продуманные интерфейсы, решающие задачи реальных клиентов.
Еще работы студентов
Работы студентов
Информационный сайт
Арт-сайт
Сайт-галерея
Сайт бара
Интернет-магазин
Информационный сайт
Еще работы студентов
Кейсы наших
студентов
Читать
Тебя будут обучать
арт директора и практикующие дизайнеры
Наши менторы
Только
Опыт
Практика
ДЗ
Фидбэк
Дизайнер Moscow Digital Academy
Сергей Павлов
Lead Дизайнер в Moscow Digital Academy
Руслан Кочубаров
Креативный директор «MDA»
Опыт работы: 17 лет
Владислав Федорин
Креативный директор Agima
Григорий Коченов
EX. Руководитель «MDA»
Опыт работы: 10 лет
Максим Иванов
Лид дизайнер студии «Tuman»
Ксения Котляровская
Дизайнер в Jetbrains
Руслан Пометко
Арт-директор и руководитель дизайн отдела в blue-ant
Юлия Соловьева
UX/UI дизайнер в blue-ant
Александра Максименко
UX/UI дизайнер в blue-ant
Ирина Ермакова

Руководитель дизайн-студии: rowstudio.ru
Екатерина Пелихова
Доступно в рамках курса по веб-дизайну
Мы будем рады помочь тебе начать свой путь в IT. С нами ты сможешь впервые поработать над реальными проектами!
Наша уникальная программа
Школа стажеров
Рекомендательное письмо
Фидбэк
Маркетинг
Маркетинг
SMM
Дизайн
Реальные проекты
3 блока
3 недели
Lead дизайнер «MDA»
Основной координатор стажировки
Руслан
От нее будут приходить задачи по работе с соцсетями и креативами
Контент-менеджер «MDA»
Юлия
Вместе с ней вы поработаете над дизайном сайтов, постов для соцсетей и различным визуалом
Маркетолог «MDA»
Арина
Работа после обучения
У нас есть закрытый чат с вакансиями
Есть дизайнер?
Супер! Будем ждать
Наши студенты вам помогут
Помощь
В курсе есть целый блок про трудоустройство + консультация онлайн
Мы рекомендуем наших студентов компаниям партнерам
Работа
Помощь
Работа
Помощь
Работа
Живые воркшопы
комьюнити
Программа курса
Введение в дизайн. Практика и инструменты
Зона ответственности дизайнера.
Cайты, приложения: процесс работы и задачи дизайнера.

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

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

Процесс создания дизайна.
Показываем, как создается дизайн.
Освоение программы Figma. Практика
Знакомство с Figma.
Как и где скачать, как установить, как пользоваться.

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

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

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

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

Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.
Модульная сетка и композиция
Модульная сетка 1. Что такое модульная сетка?
Как работает, как делать в Фигме.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.
Брендинг и позиционирование
Что такое бренд. Составляющие бренда.
На какие составляющие дизайнер может влиять, а на какие нет.

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

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

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

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

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

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

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


Технические особенности проектов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.
Адаптивный дизайн
Что такое адаптивный дизайн.
Изменение поведения элементов и разрешений.

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

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

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

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

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

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

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

Составление сметы


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

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

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

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

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

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

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


Анимация. Protopie, Principle, Figma, After Effects.
Что такое анимация в вебе.
Микро и макро анимация.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.
Тильда
Уроки по работе на платформе Тильда
Фотошоп
Несколько уроков, которые помогут вам разобраться в базовых инструментах, которые понадобятся веб-дизайнерам
UX-копирайтинг
UX-копирайтинг, чем он отличается от обычного копирайтинга, рассмотрены примеры.

Библиотека
Книги для веб-дизайнера
Запись на курс
Профессия
веб-дизайнер
Продолжительность: 6 месяцев
Получить
консультацию
Fullstack дизайнер
Продолжительность: 18 месяцев
беспроцентная рассрочка
Доступ к курсу навсегда
Самый популярный
6 месяцев
Рассрочка
₽/мес.
4 840
₽/мес.
6 908
24 месяцев
Рассрочка
Беспроцентная рассрочка на 12 мес.
Первый месяц бесплатно
₽/мес.
₽/мес.
5 050
6 908
Курс «Профессия Motion дизайнер»
Курс «Профессия Графический дизайнер»
Все что и в курсе «Профессия Веб-дизайнер
Плюс
Закрытые чаты с вакансиями и комьюнити
Стажировка после обучения в MDA
Помощь в трудоустройстве
Регулярно обновляемые уроки
Поддержка менторов на протяжении всего обучения
Доступ к курсу навсегда
Доступ к дизайн тренажерам
174 240
Беспроцентная рассрочка на 24мес.
Первый месяц бесплатно
₽/мес.
7 260
Посмотрите несколько уроков бесплатно, оцените формат подачи материала и примите более взвешенное решение о прохождении курса.
Получить
консультацию
Попробуй курс бесплатно
Посмотрите несколько уроков бесплатно, оцените формат подачи материала и примите более взвешенное решение о прохождении курса.
Получи скидку на курс
Оцени качество уроков
Посмотри уроки курса
Что думают студенты
Наталья
Благодарим Академию за такой КРУТОЙ курс(Веб-Дизайн UX/UI)! Ребята, вы большие молодцы! Вы супер!!! Учиться у вас интересно и весело! Спасибо огромное за супер дружелюбную атмосферу-это очень помогало в обучении и общении! Знаний дали океан!!! Возможностей для самореализации и развития еще больше!!!
Обязательно вернемся к вам еще раз!
Желаем Академии творческих успехов, развития и процветания!!!


Алексей
Очень полезный и содержательный курс, который я оцениваю, как серьёзную базу для овладения профессией web-дизайнера. Дальнейшие успехи или неуспехи каждого слушателя зависят исключительно от его желания, настойчивости, целеустремлённости, фантазии и уровня владения инструментарием. Благодарю коллектив MDA за тёплую незабываемую атмосферу, в которой проходили занятия, за «дружественный интерфейс», если угодно, и желаю всем вместе и каждому в отдельности здоровья, счастья, успехов и процветания.
Денис
Здесь уже много теплых слов сказано о MDA - добавлю и свои 5 копеек. До курсов работал абсолютно в другой области, и с дизайном вообще дел не имел, даже пресловутый фотошоп открыл только за неделю до старта курса. Сейчас уже полгода работаю веб-дизайнером в агентстве AILOVE. Огромное спасибо Владу и Максу, и всей вашей команде за атмосферу, настроение, обратную связь и даже первые заказы!) Успехов вам и дальнейшего роста!) Вы крутые!
Святослав
Хочу сказать огромное спасибо команде МДА, преподавателям, а в особенности моему ментору! Здесь мне помогли собрать все мысли в голове и выстроить четкий план, что, как и почему нужно учить, для того что бы попасть в сферу дигитал и быть с компуктером на ТЫ
Алина
До сих пор с такой любовью вспоминаю обучение!
Вы нереально крутые, спасибо большое! Всем рекомендую!
Что мне больше всего понравилось и запомнилось то, что нет дистанции между учениками и школой. Это очень сильно выделяет Вас от остальных.
Во время обучения можно напрямую написать Максиму или Владу и они тебе ответят по любым вопросам.
Очень запомнился выпускной)))) И до сих пор приходят сообщения о том, что можно сдать на проверку кейсы, спустя долго время - это то, что мне нужно)))) Пикники, которые вы устраиваете - это просто супер!!! Спасибо!!!!
Дарья
Всем привет) 2 года назад перед окончанием обучения на Граф дизайнера решила сменить свой курс в сторону диджитал и нашла эту школу, благодаря которой после устроилась на работу веб-дизайнером. Хотя всего было выполнено 1,5 домашки)) Спустя полтора года работы наша команда стала нуждаться в расширении — написала Владу, он выложил вакансию к себе на страничку и вот уже около полугода мы вдвоем из MDA работаем вместе)
Спасибо за все команде MDA и большое спасибо Владу за помощь
Вопросы, которые стоит задать
Как будет проходить обучение ?
После регистрации и оплаты ты попадаешь в личный кабинет, где смотришь лекции, сдаешь домашние задания и получаешь по ним обратную связь. Также в личном кабинете можно получить консультацию преподавателя.

Итоговое портфолио — одна из ключевых задач курса. К концу курса под руководством личного ментора ты разработаешь и упакуешь кейсы с работами, которые станут твоим билетом для дальнейшего трудоустройства и поиска заказчиков.
Когда и где будет проходить обучение,
и сколько оно продлится?
Обучение проходит онлайн и начинается сразу после регистрации на курс и оплаты. Курс длится 6 месяцев с момента оплаты. Всё взаимодействие осуществляется через личный кабинет. Также ты сможешь посетить очные воркшопы в Москве и Петербурге, о которых мы сообщим тебе дополнительно через личный кабинет.
Как устроено обучение на курсе?
В личном кабинете ты найдешь теоретические лекции и практические уроки, в которых нужно повторить действия за преподавателем, а также домашние задания.
После изучения лекций и тренировки по практическим урокам ты выполняешь домашние задания и сдаешь их на проверку через личный кабинет. После сдачи ты получаешь рецензию на домашнюю работу от ментора, проводишь работу над ошибками и снова получаешь обратную связь. Этот процесс продолжается до тех пор, пока работа не будет выполнена на надлежащем уровне.
Затем ты оформляешь работу в кейс для портфолио, соблюдая рекомендации преподавателей и советы из лекций, после чего получаешь обратную связь от ментора. В конце курса ты создаешь собственное резюме, портфолио и сопроводительное письмо и отправляешь их на проверку преподавателю.
Что нужно иметь при себе на занятиях?
Теоретические лекции ты сможешь смотреть с любого устройства — с ноутбука, домашнего компьютера, планшета или смартфона. Для выполнения практических уроков тебе понадобится нотубук или компьютер на Windows или MacOS.
Как проверяются домашние задания?
Домашние работы — самая важная часть курса. Мы уделяем работам огромное внимание — пожалуйста, удели им должное внимание и ты.
После того, как ты сдал домашнюю работу на проверку, преподаватель внимательно изучает её и записывает видеорецензию с рекомендациями.

Важно! Каждая работа каждого студента проверяется индивидуально в течение всего курса.

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

Также ты всегда сможешь пересмотреть урок, если вдруг что-то забыл.
Как получить сертификат?
Итоговое портфолио — одна из ключевых задач курса и условие для получения сертификата. К концу курса под руководством личного ментора ты разработаешь и упакуешь кейсы с работами, которые станут твоим билетом для дальнейшего трудоустройства и поиска заказчиков.
Что делать, если возникла проблема, срочный вопрос или запрос на возврат?
По любым вопросам пиши нам в чат на этой странице или в личном кабинете, в VK, на почту hello@m-d-a.ru или звони по телефону.

Мы отвечаем максимально быстро:)

Внимание! Если ты оплачивал в рассрочку через банк, то при возврате позже 14 дней после подписания договора с банком, с тебя может быть удержана комиссия банка (от 6% от суммы договора).