ОНЛАЙН-КУРС
Профессия
«Веб-дизайнер»
«Веб-дизайнер»
С практическими заданиями, созданием портфолио, возможностью трудоустройства и стажировок.
ДЛИТЕЛЬНОСТЬ
ТЕОРИЯ
ПРАКТИКА
6 месяцев,
65 акад. часов
65 акад. часов
125 лекций
125 лекций,
85 часов практ. работы
85 часов практ. работы
6 месяцев,
65 академ. часов
65 академ. часов
Единоразовая
или помесячная
или помесячная
85 часов
практ. работы
практ. работы
РАССРОЧКА 0%
ТРУДОУСТРОЙСТВО
Устраиваем
в компании-партнеры
в компании-партнеры
Единоразовая
или помесячная
или помесячная
Зачем осваивать
профессию
«Веб-дизайнер»
профессию
«Веб-дизайнер»
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
*
Посмотреть вакансии
на
на
По данным компании
*
150 000
р
500
Компаний в данный момент ищут
дизайнеров в штат*
дизайнеров в штат*
Средний уровень зарплат
профессии «Веб-дизайнер»
профессии «Веб-дизайнер»
55 000
200 000
500
Компаний в данный момент ищут
дизайнеров в штат*
дизайнеров в штат*
Средний уровень зарплат
профессии «Веб-дизайнер»
профессии «Веб-дизайнер»
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Сейчас профессия веб-дизайнера одна из самых востребованных в мировом рейтинге.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Это связано с нехваткой специалистов и повсеместной цифровизации продуктов и услуг.
Высокие зарплаты, интересные проекты, комфортные условия работы и возможность работать удаленно делают профессию привлекательной и преспективной.
Курс рассчитан на людей с нулевой подготовкой. Подойдет тем, кто задумывается о смене профессии, и тем, кто уже сделал свои первые шаги.
Посмотрите видео нашей студентки Лены.
Она пришла с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
Она пришла с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
Кому
подходит курс?
подходит курс?
Людям, которые не занимались дизайном
и начинающим специалистам
и начинающим специалистам
На курсе вы научитесь делать дизайн сайтов и подготовите свое портфолио для фриланса или трудоустройства.
Если вы были связаны с дизайном до курса, то вы сможете подтянуть знания веба, прокачать стилевой навык и полностью перейти в digital среду, продолжив карьеру.
Посмотрите видео нашей студентки Лены. Она пришла
с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
с нуля и стала дизайнером.
Сейчас она работает дизайнером в Газпромнефти.
Аналитика, инструменты проектирования, прототипирование.
Овладеете стилевым навыком, научитесь рисовать красивый дизайн.
Figma, Photoshop, Principle, Protopie, After Effects.
Проектирование
интерфейсов (UX)
интерфейсов (UX)
Отрисовка
интерфейса (UI)
интерфейса (UI)
Изучите дизайнерские
программы
программы
Какие навыки
вы освоите на курсе?
вы освоите на курсе?
Подходы к UX, методы создания удобного интерфейса под все устройства.
Презентация, менеджмент, подготовка портфолио и резюме
Код, что такое frontend
и backend, как они работают в связке.
и backend, как они работают в связке.
Адаптивный
дизайн
дизайн
Защита проектов
и трудоустройство
и трудоустройство
Технические
особенности
особенности
Научитесь работать со шрифтом, освоите модульную сетку
и композицию.
и композицию.
Композиция
и типографика
и типографика
Научитесь создавать яркие современные проекты.
Анимация
сайтов
сайтов
Научитесь работать со шрифтом, освоите модульную сетку и композицию.
Ваше резюме после обучения
Подтвердит, что вы прошли курс,
и станет дополнительным аргументом при устройстве на работу.
Работодатель сможет проверить сертификат и убедиться, что вы действительно окончили курс успешно.
и станет дополнительным аргументом при устройстве на работу.
Работодатель сможет проверить сертификат и убедиться, что вы действительно окончили курс успешно.
Сертификат
Moscow Digital Academy
с проверкой подлинности
Moscow Digital Academy
с проверкой подлинности
Научитесь работать со шрифтом, освоите модульную сетку и композицию.
Должность
Веб-дизайнер
150 000 рублей
Профессиональные навыки:
Зарплата от:
Создание дизайна сайтов
Создание прототипов и проектирование сайтов
Умение создавать адаптивные сайты
Знание принципов юзабилити-сайтов
Умение работать с требованиями заказчика
Глубокое понимание принципов UX
Уверенное владение Figma, Photoshop, Principle, After Effects
Осмечивание проектов, работа с таймингами
Знание HTML-верстки
Иванова Екатерина
Знание программ и сервисов:
Создание сайтов полностью,
от идеи дод реализации
от идеи дод реализации
Готовность к работе в офисе и на фрилансе
Проверить подлинность сертификата
Как вы станете
веб-дизайнером
веб-дизайнером
ДЛИТЕЛЬНОСТЬ
ПОРТФОЛИО
6 месяцев,
65 академ.
часов
65 академ.
часов
125 лекций,
85 часов
практ. работы
85 часов
практ. работы
Реальные
работы во время учебы
работы во время учебы
КОЛ-ВО УРОКОВ
Смотрите
обучающие видео и задаете вопросы
обучающие видео и задаете вопросы
Сдаете домашние задания и получаете ревью от арт-директоров известных компаний
Получаете профессиональное портфолио
01
02
03
04
Смотрите видеоуроки c телефона, планшета или ноутбука, когда вам удобно.
Выполняете задания и отправляете на проверку через личный кабинет.
Исправляете ошибки, создаете портфолио и трудоустраиваетесь.
Выходите на работу
или стажировку в крупную компанию
или стажировку в крупную компанию
Строите карьеру от веб-дизайнера до арт-директора
4 простых шага к новой профессии
Уникальность курса — личный ментор-наставник
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.
На протяжении всего курса вас курирует личный ментор-наставник, который помогает вам, по домашним заданиям, консультирует и ведет за руку.
Посмотрите видео, чтобы узнать подробнее как ментор поможет в решении задач
Познакомиться с ментором
Консультация по курсу
Мы вам перезвоним, в деталях расскажем о курсе «Профессия веб-дизайнер»
и о том, как мы помогаем нашим студентам найти работу
и о том, как мы помогаем нашим студентам найти работу
«Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Обычно на это уходит до 2-х месяцев после окончания курсов.»
Евгений Осиновский
Руководитель Центра Карьеры
Диджитал Академии
Диджитал Академии
Помощь в трудоустройстве.
Центр развития карьеры MDA.
Центр развития карьеры MDA.
Профессиональное
резюме
резюме
Трудоустройства
и стажировки
и стажировки
Рекомендации
в компании-партнеры
в компании-партнеры
Выход на зарубежный
рынок труда
рынок труда
«Мы помогаем нашим студентам найти хорошую и высокооплачиваемую работу. Обычно на это уходит до 2-х месяцев после окончания курсов.»
Евгений Осиновский
Руководитель Центра Карьеры
Диджитал Академии
Диджитал Академии
Помощь в трудоустройстве.
Центр развития карьеры MDA.
Центр развития карьеры MDA.
Профессиональное
резюме
резюме
Трудоустройства
и стажировки
и стажировки
Рекомендации
в компании-партнеры
в компании-партнеры
Выход на зарубежный
рынок труда
рынок труда
Многие наши студенты поменяли профессию
и работают в сфере digital.
С 2015 года мы обучаем веб-дизайну.
Наши курсы прошли более 4000 человек.
Наши курсы прошли более 4000 человек.
С 2015 года мы обучаем веб-дизайну. Наши курсы прошли более 4000 человек.
Многие наши студенты
Многие наши студенты
Истории карьеры
наших студентов
наших студентов
Многие наши студенты которые пришли с нуля, работают в известных digital-агентствах, дизайн-студиях и IT-компаниях.
Получить карьерную консультацию
Мы вам перезвоним, в деталях расскажем о курсе «Профессия веб-дизайнер»
и о том, как мы помогаем нашим студентам найти работу
и о том, как мы помогаем нашим студентам найти работу
Онлайн курс с живыми
встречами и воркшопами
встречами и воркшопами
Вы можете посещать живые занятие и воркшопы
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.
Онлайн курс с живыми
встречами и воркшопами
встречами и воркшопами
Вы можете посещать живые занятие и воркшопы
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.
в кампусах Moscow Digital Academy в Москве
и Санкт-Петербурге.
Портфолио наших
студентов новичков
студентов новичков
90%
работ, которые
вы видите в этом разделе,
делали новички.
вы видите в этом разделе,
делали новички.
работ сделали наши студенты на курсе веб-дизайна под руководством менторов-наставников.
2000
+
Работы студентов
в
в
Для получения доступа к урокам
заполните форму
заполните форму
Нажимая кнопку "Начать учиться" вы даете согласие на обработку персональных данных и получение информационных писем
Записаться на курс
«Профессия веб-дизайнер»
«Профессия веб-дизайнер»
Вернем деньги, если курс не подошел или просто не понравился.
6 650 р.
/мес.
39 900 р.
Старт курса:
10 августа
10 августа
Рассрочка без переплат 0%
от надежных банков
от надежных банков
00:00:00
Осталось до конца акции:
Помесячная оплата
Полная оплата сразу
50%
Скидка
Программа курса
Ближайший поток: 3 августа
— Зона ответственности дизайнера.
Cайты, приложения, процесс создания и что делает дизайнер.
— Как развивать в себе дизайнера.
Что делать для развития дизайнерских навыков.
— Как и где вдохновляться?
Сайты для вдохновения.
— Процесс создания дизайна.
Показываем как создается дизайн.
Cайты, приложения, процесс создания и что делает дизайнер.
— Как развивать в себе дизайнера.
Что делать для развития дизайнерских навыков.
— Как и где вдохновляться?
Сайты для вдохновения.
— Процесс создания дизайна.
Показываем как создается дизайн.
— Знакомство с Figma.
Как и где скачать, как установить, как пользоваться.
— Фреймы, шрифты и картинки.
Работаем с основными инструментами.
— Группы и Маски.
Как использовать маски и правильно работать с группами.
— Делаем первый экран сайта.
Осваиваем инструменты. Повторяем за преподавателем, используя заготовленные материалы.
— Делаем всю страницу сайта.
Какие стадии разработки проходит сайт до публикации его в сети.
— Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.
Как и где скачать, как установить, как пользоваться.
— Фреймы, шрифты и картинки.
Работаем с основными инструментами.
— Группы и Маски.
Как использовать маски и правильно работать с группами.
— Делаем первый экран сайта.
Осваиваем инструменты. Повторяем за преподавателем, используя заготовленные материалы.
— Делаем всю страницу сайта.
Какие стадии разработки проходит сайт до публикации его в сети.
— Переносим в планшетные устройства.
Два разрешения, показываем механику, повторяете за преподавателем.
— Модульная сетка 1. Что такое модульная сетка?
Как работает, как делать в Фигме.
— Модульная сетка 2. На мобильных устройствах.
Как создавать сетку на мобильных устройствах.
— Модульная сетка 3. Как располагать элементы, опираясь на сетку.
Расположение элементов, не подходящих по размеченной сетке.
— Композиция 1. Что такое композиция, как устроена.
Систематизация красоты.
— Композиция 2 (практический). Доминанта.
Что есть доминанта, как выстроить ее самостоятельно.
— Композиция 3. Цвет, подбор цвета, теория цвета.
Работа с колористикой.
— Композиция 4. Фотографии, картинки, влияние их на дизайн.
Как найти и выбрать изображения, хорошо вписывающиеся в дизайн.
— Композиция 5. Подбор контента, лицензирование и использование.
Правовые аспекты использования и подбора контента.
Как работает, как делать в Фигме.
— Модульная сетка 2. На мобильных устройствах.
Как создавать сетку на мобильных устройствах.
— Модульная сетка 3. Как располагать элементы, опираясь на сетку.
Расположение элементов, не подходящих по размеченной сетке.
— Композиция 1. Что такое композиция, как устроена.
Систематизация красоты.
— Композиция 2 (практический). Доминанта.
Что есть доминанта, как выстроить ее самостоятельно.
— Композиция 3. Цвет, подбор цвета, теория цвета.
Работа с колористикой.
— Композиция 4. Фотографии, картинки, влияние их на дизайн.
Как найти и выбрать изображения, хорошо вписывающиеся в дизайн.
— Композиция 5. Подбор контента, лицензирование и использование.
Правовые аспекты использования и подбора контента.
— Настроение, классификация шрифта.
Как шрифт передает настроение, на какие виды делятся шрифты.
— Анатомия шрифта.
Кёрнинг, трекинг, интерлиньяж.
— Редактура.
Дефис, тире, кавычки, висящие союзы.
— Сервисы, коммерческие шрифты и некоммерческие, тарификация шрифтов, цены.
FontFaceninja, Google Fonts, Typetoday. Где посмотреть трендовые шрифты.
— Верстка текста.
Нюансы абзацев, переносов и прочего в вебе.
— Шрифтовые пары.
Как подобрать шрифты, которые пользователь посчитает красивыми.
— Какие шрифты использовать.
Трендовые шрифты, поиск и использование.
— Ошибки в типографике.
Как не стоит делать. Какие ошибки совершаю большинство дизайнеров.
— Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.
Как шрифт передает настроение, на какие виды делятся шрифты.
— Анатомия шрифта.
Кёрнинг, трекинг, интерлиньяж.
— Редактура.
Дефис, тире, кавычки, висящие союзы.
— Сервисы, коммерческие шрифты и некоммерческие, тарификация шрифтов, цены.
FontFaceninja, Google Fonts, Typetoday. Где посмотреть трендовые шрифты.
— Верстка текста.
Нюансы абзацев, переносов и прочего в вебе.
— Шрифтовые пары.
Как подобрать шрифты, которые пользователь посчитает красивыми.
— Какие шрифты использовать.
Трендовые шрифты, поиск и использование.
— Ошибки в типографике.
Как не стоит делать. Какие ошибки совершаю большинство дизайнеров.
— Практический урок. Рисуем страницу Рубенса.
Повторяя за преподавателем, освойте работу с типографикой в Figma.
— Что такое UX. Из чего состоит?
Введение в UX, на какие составные части делится.
— Информационная архитектура. Иерархия.
Создание архитектуры для логичного перехода между разделами на сайте.
— Пользовательские сценарии.
Проведение исследования: как разные группы пользователей используют сайт, куда нажимают и как улучшить их пользовательский опыт.
— Метод персоны.
Разделение пользователей на персонифицированные группы и исследование каждой отдельно.
— Проектирование взаимодействия.
Определение того, куда и как нажимает пользователь и подготовка прототипа согласно этим данным.
— Формы и интерфейсы с полями. Часть 1.
Как упрощать, конкретные примеры.
— Формы и интерфейсы с полями. Часть 2.
Кнопки, выпадающие меню и прочие элементы интерфейса.
— Визуальный дизайн и UI-кит.
Создание стиля и сбор элементов интерфейса в разных состояниях.
— Разбор ошибок в визуальном дизайне.
Какие ошибки чаще всего совершают дизайнеры при отрисовке интерфейса.
— Готовые диджитал-гайдлайны. Примеры, объяснение, когда их применять надо и когда не надо.
Что такое guideline. Как создать свой и как использовать готовый. В каких ситуациях применять.
— UX-аналитика 1. Юзабилити тестирование.
Проверка интерфейса на удобство для пользователя через тестирование самих пользователей.
— UX-аналитика 2. Как работают карты кликов и карты ссылок в Яндекс.Метрике.
Какую информацию можно получить с помощью простых инструментов и как ее использовать для улучшения интерфейса.
— UX-аналитика 3. Сегменты в Яндекс.Метрике и объяснение поведения пользователей в каждом сегменте.
Аналитика того, как разные пользователи с разными устройствами ведут себя на сайте.
— Уровни по Джеймсу Гаррету.
Пирамида Гаррета в UX.
— Создание mind-map.
Что это, зачем и как применять.
— Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.
Введение в UX, на какие составные части делится.
— Информационная архитектура. Иерархия.
Создание архитектуры для логичного перехода между разделами на сайте.
— Пользовательские сценарии.
Проведение исследования: как разные группы пользователей используют сайт, куда нажимают и как улучшить их пользовательский опыт.
— Метод персоны.
Разделение пользователей на персонифицированные группы и исследование каждой отдельно.
— Проектирование взаимодействия.
Определение того, куда и как нажимает пользователь и подготовка прототипа согласно этим данным.
— Формы и интерфейсы с полями. Часть 1.
Как упрощать, конкретные примеры.
— Формы и интерфейсы с полями. Часть 2.
Кнопки, выпадающие меню и прочие элементы интерфейса.
— Визуальный дизайн и UI-кит.
Создание стиля и сбор элементов интерфейса в разных состояниях.
— Разбор ошибок в визуальном дизайне.
Какие ошибки чаще всего совершают дизайнеры при отрисовке интерфейса.
— Готовые диджитал-гайдлайны. Примеры, объяснение, когда их применять надо и когда не надо.
Что такое guideline. Как создать свой и как использовать готовый. В каких ситуациях применять.
— UX-аналитика 1. Юзабилити тестирование.
Проверка интерфейса на удобство для пользователя через тестирование самих пользователей.
— UX-аналитика 2. Как работают карты кликов и карты ссылок в Яндекс.Метрике.
Какую информацию можно получить с помощью простых инструментов и как ее использовать для улучшения интерфейса.
— UX-аналитика 3. Сегменты в Яндекс.Метрике и объяснение поведения пользователей в каждом сегменте.
Аналитика того, как разные пользователи с разными устройствами ведут себя на сайте.
— Уровни по Джеймсу Гаррету.
Пирамида Гаррета в UX.
— Создание mind-map.
Что это, зачем и как применять.
— Прототипирование.
Создание логической блок схемы сайты, в которой показаны смысловые блоки и их расположение.
— Создаём mind-map интернет-магазина.
Определяем структуру магазина, схемы и выполняем ее за преподавателем.
— Создаём прототип главной страницы интернет-магазина по шаблону.
Прототипируем главную страницу интернет-магазина вместе с преподавателем.
— Создаём прототип страницы каталога.
В каталоге определяем, нужны ли фильтры и сортировка. Если фильтры нужны, то с какими параметрами. Повторяем за преподавателем.
— Создаём прототип страницы карточки товара.
Определяем, какая информация в карточке максимально важная и ставим ее на первый план, а какой можно пренебречь.
— Создаём прототип страницы корзины.
Интерфейс корзины — количество товара, удаление товара, изменение данных пользователя, оплата.
Определяем структуру магазина, схемы и выполняем ее за преподавателем.
— Создаём прототип главной страницы интернет-магазина по шаблону.
Прототипируем главную страницу интернет-магазина вместе с преподавателем.
— Создаём прототип страницы каталога.
В каталоге определяем, нужны ли фильтры и сортировка. Если фильтры нужны, то с какими параметрами. Повторяем за преподавателем.
— Создаём прототип страницы карточки товара.
Определяем, какая информация в карточке максимально важная и ставим ее на первый план, а какой можно пренебречь.
— Создаём прототип страницы корзины.
Интерфейс корзины — количество товара, удаление товара, изменение данных пользователя, оплата.
— Что такое адаптивный дизайн.
Изменение поведения элементов и разрешений.
— Исследования для адаптивного дизайна.
Исследуем цели пользователя, самого пользователя, ситуации и устройства. Определяем какие элементы оставить, а какие убрать.
— Под какие разрешения надо рисовать.
И под какие делать сетку.
— Как устроены экраны. Логическое и физическое разрешения.
Как определить разрешения, под которые нужно рисовать, чтобы был правильный масштаб.
— Типы верстки.
Резиновая, фиксированная, адаптивная фиксирована и адаптивная резиновая (responsive).
— Адаптируем интернет магазин. Практический урок 1.
Каждую страницу. Объясняем как изменились элементы и почему именно так.
— Адаптируем интернет-магазин. Практический урок 2.
Адаптируем остальные страницы.
Изменение поведения элементов и разрешений.
— Исследования для адаптивного дизайна.
Исследуем цели пользователя, самого пользователя, ситуации и устройства. Определяем какие элементы оставить, а какие убрать.
— Под какие разрешения надо рисовать.
И под какие делать сетку.
— Как устроены экраны. Логическое и физическое разрешения.
Как определить разрешения, под которые нужно рисовать, чтобы был правильный масштаб.
— Типы верстки.
Резиновая, фиксированная, адаптивная фиксирована и адаптивная резиновая (responsive).
— Адаптируем интернет магазин. Практический урок 1.
Каждую страницу. Объясняем как изменились элементы и почему именно так.
— Адаптируем интернет-магазин. Практический урок 2.
Адаптируем остальные страницы.
— Этапы разработки сайта 1. Исследование.
И работа с заказчиком.
— Этапы разработки сайта 2 Структура, прототип и макет.
Этап, до которого сайт был только в мыслях, а после — на руках макет для производства.
— Этапы разработки сайта 3 Техническое производство.
Превращение дизайн макета в код.
— Технические особенности 1. Как сайт попадает в интернет.
Этапы от замысла до конечной реализации проекта и публикации в интернете.
— Технические особенности 2. Что такое фронтенд. Как работает код?
Фронтенд — то, что вы видите в своем браузере. HTML, CSS, Javascript.
— Технические особенности 3. Что такое бекенд? Какие функции он умеет?
CMS, самописные движки. Что делает backend в веб-сайте.
— Технические особенности 4. Домен и хостинг.
Как пользователь найдет ваш сайт в интернете.
— Технические особенности 5. Как сдавать макет в разработку? Что нужно приложить, в каком формате и зачем?
Как дизайнеру подготовить свой макет так, чтобы программист реализовал его быстрее.
— Технические особенности 6. Как можно реализовывать фронтенд и бекенд. Программисты vs Тильда.
Методы разработки. Какой в каких ситуация более эффективен.
И работа с заказчиком.
— Этапы разработки сайта 2 Структура, прототип и макет.
Этап, до которого сайт был только в мыслях, а после — на руках макет для производства.
— Этапы разработки сайта 3 Техническое производство.
Превращение дизайн макета в код.
— Технические особенности 1. Как сайт попадает в интернет.
Этапы от замысла до конечной реализации проекта и публикации в интернете.
— Технические особенности 2. Что такое фронтенд. Как работает код?
Фронтенд — то, что вы видите в своем браузере. HTML, CSS, Javascript.
— Технические особенности 3. Что такое бекенд? Какие функции он умеет?
CMS, самописные движки. Что делает backend в веб-сайте.
— Технические особенности 4. Домен и хостинг.
Как пользователь найдет ваш сайт в интернете.
— Технические особенности 5. Как сдавать макет в разработку? Что нужно приложить, в каком формате и зачем?
Как дизайнеру подготовить свой макет так, чтобы программист реализовал его быстрее.
— Технические особенности 6. Как можно реализовывать фронтенд и бекенд. Программисты vs Тильда.
Методы разработки. Какой в каких ситуация более эффективен.
— Что такое бренд. Составляющие бренда.
На какие составляющие дизайнер может влиять, а на какие нет.
— Как бренд влияет на голову человека.
Как бренд заставляет человека верить в легенду, используя готовые стереотипы.
— Какую роль в этом играет выкладка товаров, дизайн витрин и дизайн сайтов/баннеров/приложений.
Цвета, настроение и конгруэнтность потребителю.
— Что такое фирменный стиль бренда. Из чего состоит?
Что содержится в расширенных guidline бренда и как применяется.
— Логотип. Что это, его цель. Как отличить хороший логотип от плохого.
Как создаются хорошие логотипы, как сделать узнаваемый логотип.
— Учимся делать простые шрифтовые логотипы.
Создаем логотипы для собственных проектов.
На какие составляющие дизайнер может влиять, а на какие нет.
— Как бренд влияет на голову человека.
Как бренд заставляет человека верить в легенду, используя готовые стереотипы.
— Какую роль в этом играет выкладка товаров, дизайн витрин и дизайн сайтов/баннеров/приложений.
Цвета, настроение и конгруэнтность потребителю.
— Что такое фирменный стиль бренда. Из чего состоит?
Что содержится в расширенных guidline бренда и как применяется.
— Логотип. Что это, его цель. Как отличить хороший логотип от плохого.
Как создаются хорошие логотипы, как сделать узнаваемый логотип.
— Учимся делать простые шрифтовые логотипы.
Создаем логотипы для собственных проектов.
— Трудоустройство. Какие компании нанимают дизайнеров и какие зарплаты и задачи.
В разных компаниях дизайнеры рисуют разные проекты. А еще им по-разному за это платят и предъявляют разные требования. Этот урок ответит на щекотливые вопросы.
— Основные форматы работы дизайнеров.
Фриланс, постоянка в офисе, постоянка удаленная.
— Как составить резюме
Что в резюме писать не стоит, а что нужно вынести на первый план.
— Как составить сопроводительное письмо.
Оставьте описание вашей "стрессоустойчивости" и "коммуникабельности" при себе. Лучше расскажите, чем вы увлекаетесь.
— Как и где искать работу постоянную.
HH.ru — не единственный ресурс. Есть еще множество путей, не всегда очевидных.
— Как искать заказы для Фриланса.
Найти высокооплачиваемые заказы, схватить их и при этом найти их у адекватного заказчика.
— Как искать субподрядчиков для фриланса.
Часто заказывают проекты под ключ (дизайн+разработка). Как найти партнера для таких проектов.
— Как защищать проект перед клиентом на фрилансе.
На фрилансе и в компании защиты разные, как и мотивация принимающей стороны. Изучим в этом уроке.
— Как проходит защита в компании перед заказчиком.
Особенности корпоративных презентаций.
В разных компаниях дизайнеры рисуют разные проекты. А еще им по-разному за это платят и предъявляют разные требования. Этот урок ответит на щекотливые вопросы.
— Основные форматы работы дизайнеров.
Фриланс, постоянка в офисе, постоянка удаленная.
— Как составить резюме
Что в резюме писать не стоит, а что нужно вынести на первый план.
— Как составить сопроводительное письмо.
Оставьте описание вашей "стрессоустойчивости" и "коммуникабельности" при себе. Лучше расскажите, чем вы увлекаетесь.
— Как и где искать работу постоянную.
HH.ru — не единственный ресурс. Есть еще множество путей, не всегда очевидных.
— Как искать заказы для Фриланса.
Найти высокооплачиваемые заказы, схватить их и при этом найти их у адекватного заказчика.
— Как искать субподрядчиков для фриланса.
Часто заказывают проекты под ключ (дизайн+разработка). Как найти партнера для таких проектов.
— Как защищать проект перед клиентом на фрилансе.
На фрилансе и в компании защиты разные, как и мотивация принимающей стороны. Изучим в этом уроке.
— Как проходит защита в компании перед заказчиком.
Особенности корпоративных презентаций.
— Что такое анимация в вебе.
Микро и макро анимация.
— Анимация взаимодействия.
Ховеры, активы, переходы, как это работает.
— Макро анимация, разбор примера.
Когда анимация — неотъемлима от стиля и смысла проекта.
— Разбор софта для анимации.
Protopie, Principle, Figma, After Effects.
— Как передавать анимацию в разработку.
Как показать разработчику, какую анимацию, с какими переходами и временными задержками вы хотите.
— Анимируем элементы на главной странице интернет-магазина.
Анимация при загрузке и после нее.
— Анимируем кнопки, поля. Прилёт элементов.
Анимация микровзаимодействий.
— Анимируем элементы при скролле.
Учимся делать анимацию при скролле в достаточном количестве. Не так, чтобы заполонить ей все внимание пользователя.
— Анимируем прелоадер.
Иногда сайту нужно время для загрузки. Делаем анимацию загрузки, чтобы скрасить ожидание пользователя.
— Анимируем переход от страницы к странице.
Страницы могут меняться не со стандартной загрузкой элементов, а с приятной анимацией.
— Анимируем форму регистрации.
Форма сбора контактов пользователя и регистрации.
— Делаем макроанимацию. Часть 1.
Создаем анимацию с сюжетом. Планируем ее, создаем ключевые кадры.
— Делаем макроанимацию. Часть 2.
Отрисовываем и анимируем элементы для макроанимации, согласно собственному плану.
Микро и макро анимация.
— Анимация взаимодействия.
Ховеры, активы, переходы, как это работает.
— Макро анимация, разбор примера.
Когда анимация — неотъемлима от стиля и смысла проекта.
— Разбор софта для анимации.
Protopie, Principle, Figma, After Effects.
— Как передавать анимацию в разработку.
Как показать разработчику, какую анимацию, с какими переходами и временными задержками вы хотите.
— Анимируем элементы на главной странице интернет-магазина.
Анимация при загрузке и после нее.
— Анимируем кнопки, поля. Прилёт элементов.
Анимация микровзаимодействий.
— Анимируем элементы при скролле.
Учимся делать анимацию при скролле в достаточном количестве. Не так, чтобы заполонить ей все внимание пользователя.
— Анимируем прелоадер.
Иногда сайту нужно время для загрузки. Делаем анимацию загрузки, чтобы скрасить ожидание пользователя.
— Анимируем переход от страницы к странице.
Страницы могут меняться не со стандартной загрузкой элементов, а с приятной анимацией.
— Анимируем форму регистрации.
Форма сбора контактов пользователя и регистрации.
— Делаем макроанимацию. Часть 1.
Создаем анимацию с сюжетом. Планируем ее, создаем ключевые кадры.
— Делаем макроанимацию. Часть 2.
Отрисовываем и анимируем элементы для макроанимации, согласно собственному плану.
— Что такое портфолио дизайнера и как оно может быть представлено.
Порталы, собственные сайты, новые методы.
— Как создать кейс проекта.
Из чего состоит кейс. Что надо показать и как объяснить пользователю.
— Разбор примеров кейсов хороших и плохих.
Как не нужно оформлять свое портфолио — разбор примеров.
— Создаём кейс из ДЗ2.
Оформляем свою домашнюю работу для портфолио.
— Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.
Порталы, собственные сайты, новые методы.
— Как создать кейс проекта.
Из чего состоит кейс. Что надо показать и как объяснить пользователю.
— Разбор примеров кейсов хороших и плохих.
Как не нужно оформлять свое портфолио — разбор примеров.
— Создаём кейс из ДЗ2.
Оформляем свою домашнюю работу для портфолио.
— Выкладываем свой кейс, видеоинструкция.
Публикация собственной работы.
— Домашнее задание: сделать первую страницу сайта «портфолио», учитывая весь материал.
Первая домашняя работа для разминки.
— Домашнее задание: сделать майндмеп и прототип самостоятельно и сдать на проверку.
Учимся делать понятный интерфейс.
— Домашнее задание: отрисовать по прототипу 4 страницы интернет-магазина: главная, каталог, карточка, корзина.
Переходим к отрисовке, учимся создавать стиль, UI-киты и анимацию.
— Адаптировать свой интернет-магазин и сдать ментору на проверку.
Самостоятельно адаптируем свой макет под планшеты и смартфоны.
— Домашнее задание: создать дизайн сайта известной личности или исторического события.
На выбор предоставляются темы и уровень сложности. Можно предложить свою тему.
— Создать простой логотип для ДЗ-2 и защитить его.
Базовые уроки графического дизайна.
Первая домашняя работа для разминки.
— Домашнее задание: сделать майндмеп и прототип самостоятельно и сдать на проверку.
Учимся делать понятный интерфейс.
— Домашнее задание: отрисовать по прототипу 4 страницы интернет-магазина: главная, каталог, карточка, корзина.
Переходим к отрисовке, учимся создавать стиль, UI-киты и анимацию.
— Адаптировать свой интернет-магазин и сдать ментору на проверку.
Самостоятельно адаптируем свой макет под планшеты и смартфоны.
— Домашнее задание: создать дизайн сайта известной личности или исторического события.
На выбор предоставляются темы и уровень сложности. Можно предложить свою тему.
— Создать простой логотип для ДЗ-2 и защитить его.
Базовые уроки графического дизайна.
Получить полную программу курса
Какой-то текст, который мотивирует заполнить форму
Расскажем обо особенностях нашего курса, о методике преподавания, проверке домашних заданий и линых менторах-наставниках.
Преподаватели
и менторы
и менторы
Григорий Коченов
Максим Иванов
Сергей Павлов
Владислав Федорин
Креативный директор «AGIMA»
Опыт работы: 13 лет
Опыт работы: 13 лет
Креативный директор «MDA»
Опыт работы: 14 лет
Опыт работы: 14 лет
Руководитель «MDA»
Опыт работы: 10 лет
Опыт работы: 10 лет
Арт-директор «MDA»
Опыт работы: 7 лет
Опыт работы: 7 лет
Директор «Ace' Spades»
Опыт работы: 9 лет
Опыт работы: 9 лет
Игорь Шкарин
Евгений Епифанов
Михаил Каргин
Дарья Почекуева
Digital-manager «Промсвязьбанк»
Опыт работы: 7 лет
Опыт работы: 7 лет
Арт-директор «Кёльник»
Опыт работы: 11 лет
Опыт работы: 11 лет
Интернет-маркетолог «OMD»
Опыт работы: 7 лет
Опыт работы: 7 лет
Все еще сомневаетесь?Попробуйте курс бесплатно
Урок по теме
«Как вдохновляться».
«Как вдохновляться».
Посмотрите несколько уроков бесплатно, оцените формат подачи материала и примите более взвешенное решение о прохождении курса.
Новичок в дизайне?Попробуйте бесплатные вебинары!
Нарисуйте сайт, даже если вы никогда не разбирались в графике, узнайте как проектируются сайты, что такое UX и UI, научитесь анимировать сайты с полного нуля и получите консультацию от арт-директора бесплатно!
Перейти к вебинарам
FAQ
После записи и оплаты вы проходите в личный кабинет. В личном кабинете вы просматриваете лекции, сдаете домашние задания, получаете по ним обратную связь. Также в личном кабинете вы можете связываться с преподавателем для консультации.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы. В заключении курса, вам необходимо подготовить кейсы с работами. Итоговые кейсы — одна из ключевых задач курса. Выпускная работа станет вашим билетом для дальнейшего трудоустройства и поиска заказчиков.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы. В заключении курса, вам необходимо подготовить кейсы с работами. Итоговые кейсы — одна из ключевых задач курса. Выпускная работа станет вашим билетом для дальнейшего трудоустройства и поиска заказчиков.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.
Обучение проходит онлайн, оно начинается сразу после записи на курс и оплаты. Курс длится 6 месяцев с момента оплаты. Все взаимодейтсвие проходит через личный кабинет. Вы сможете посетить очные воркшопы в Москве и Петербурге. О них вы будете уведомлены дополнительно через личный кабинет.
В личном кабинете вы найдете теоретические лекции, которые нужно изучить, практические уроки, в которых вы должны повторить за преподавателем, а также домашние задания.
После изучения уроков и тренировки по практическим урокам, вы выполняете домашние задания, которые сдаете на проверку через личный кабинет. После сдачи вы получаете рецензию на домашнюю работу, переделываете ее, снова сдаете и снова получаете рецензию. Этот процесс продолжается до тех пор, пока работа не будет выполнена
на надлежащем уровне.
После того, как работа выполнена, вы оформляете ее для портфолио, согласно рекомендации преподавателей и лекционному материалу и также предоставляете на проверку. В конце курса вы создаете собственное резюме, портфолио
и сопроводительное письмо и полностью предоставляете это на проеврку преподавателю.
После изучения уроков и тренировки по практическим урокам, вы выполняете домашние задания, которые сдаете на проверку через личный кабинет. После сдачи вы получаете рецензию на домашнюю работу, переделываете ее, снова сдаете и снова получаете рецензию. Этот процесс продолжается до тех пор, пока работа не будет выполнена
на надлежащем уровне.
После того, как работа выполнена, вы оформляете ее для портфолио, согласно рекомендации преподавателей и лекционному материалу и также предоставляете на проверку. В конце курса вы создаете собственное резюме, портфолио
и сопроводительное письмо и полностью предоставляете это на проеврку преподавателю.
Теоретические лекции вы можете смотреть с любого устройства — ноутбук, домашний компьютер, планшет
или смартфон. Для выполнения практических уроков вам понадобится нотубук или компьютер на Windows или MacOS.
или смартфон. Для выполнения практических уроков вам понадобится нотубук или компьютер на Windows или MacOS.
Теоретические лекции вы можете смотреть с любого устройства — ноутбук, домашний компьютер, планшет или смартфон. Для выполнения практических уроков вам понадобится нотубук или компьютер на Windows или MacOS.
Домашние работы — самая важная часть курса. Мы уделяем ей огромное внимание, пожалуйста, уделите ей должное внимание и вы.
Когда вы сдаете домашнюю работу, вам назначается преподаватель, который будет ее проверять. Он смотрит вашу работу и записывает видеорецензию на нее, и отправляет вам. Важно! Каждая работа каждого студента проверяется индивидуально в течение всей длителньости курса.
Вы смотрите рецензию, данную вам преподавателем, переделываете работу, согласно этой рецензии и сдаете снова. Этот процесс продолжается до тех пор, пока работа не будет выполнена на надлежащем уровне либо не наступит окончание курса.
Когда вы сдаете домашнюю работу, вам назначается преподаватель, который будет ее проверять. Он смотрит вашу работу и записывает видеорецензию на нее, и отправляет вам. Важно! Каждая работа каждого студента проверяется индивидуально в течение всей длителньости курса.
Вы смотрите рецензию, данную вам преподавателем, переделываете работу, согласно этой рецензии и сдаете снова. Этот процесс продолжается до тех пор, пока работа не будет выполнена на надлежащем уровне либо не наступит окончание курса.
Это записанные уроки в специальных форматах, разделенные на теоретические и практические. Плюсы уроков в записи — отстутсвие ошибок преподавателя, высокое качество картинки и звука, легкое усвоение материала за счет более эффективной подачи.
Также вы всегда можете пересмотреть урок, если вдруг вы
что-то забыли.
Также вы всегда можете пересмотреть урок, если вдруг вы
что-то забыли.
Это записанные уроки в специальных форматах, разделенные на теоретические и практические. Плюсы уроков в записи — отстутсвие ошибок преподавателя, высокое качество картинки и звука, легкое усвоение материала за счет более эффективной подачи.
Также вы всегда можете пересмотреть урок, если вдруг вы что-то забыли.
Также вы всегда можете пересмотреть урок, если вдруг вы что-то забыли.
В заключении курса, вам необходимо подготовить кейсы
с работами. Итоговые кейсы — одна из ключевых задач курса. Выпускная работа станет вашим билетом для дальнейшего трудоустройства и поиска заказчиков.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.
с работами. Итоговые кейсы — одна из ключевых задач курса. Выпускная работа станет вашим билетом для дальнейшего трудоустройства и поиска заказчиков.
Вам будет назначен руководитель, который поможет разработать и упаковать работы в кейсы.
Вы всегда можете написать нам в чат на этой странице
или в личном кабинете, позвонить по телефону, написать в VK или Facebook или написать на почту hello@m-d-a.ru.
Максимально быстрый ответ можно получить в чате в личном кабинете, на сайте, в ВК, по почте или по телефону.
или в личном кабинете, позвонить по телефону, написать в VK или Facebook или написать на почту hello@m-d-a.ru.
Максимально быстрый ответ можно получить в чате в личном кабинете, на сайте, в ВК, по почте или по телефону.
Moscow Digital Academy family
Москва, Лубянский
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
Moscow Digital Academy, 2020
ОГРНИП 317774600530629 / 560913953887
Москва, Лубянский
проезд, 19 стр. 1, «Лаба»
проезд, 19 стр. 1, «Лаба»
Санкт-Петербург,
ул. Чайковского 79
ул. Чайковского 79