Станьте UI/UX-дизайнером
с доходом 120 000 рублей

Учитесь полгода онлайн под руководством арт-директора с опытом 11 лет — он передаст вам накопленные навыки, пока вы выполняете настоящие дизайн-задачи.

Через 2 месяца ученикам
предлагают работу мечты

Кейсы студентов лучше
кейсов многих студий

img

Сколько зарабатывают дизайнеры

Сколько зарабатывают дизайнеры
Объявления с сайта hh.ru
UX/UI Designer

от 100 000 руб.

Loyalty Labs
Можно работать из дома

Работу по методологии Agile при тесном взаимодействии с каждым членом команды, бизнесом и смежными командами. Работу в команде профессионалов, с опытом более 10 лет, реализовавшей более 10-ти проектов федерального масштаба.

Дизайнер веб и мобильных интерфейсов

от 120 000 руб.

Мирафокс
Москва

Создание стильных дизайнов интерфейсов сайта и мобильных приложений, формирование простого и понятного опыта взаимодействия пользователя с этими интерфейсами, где пользователь... Сильное портфолио (минимум 10 работ). Опыт 3+ лет...

UI/UX дизайнер

от 130 000 руб.

ALM Works
Санкт-Петербург Петроградская

Создание стильных дизайнов интерфейсов сайта и мобильных приложений, формирование простого и понятного опыта взаимодействия пользователя с этими интерфейсами, где пользователь... Сильное портфолио (минимум 10 работ). Опыт 3+ лет...

Что такое UI/UX дизайн

Что такое UI/UX дизайн

Что такое UI/UX дизайн

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

Научитесь решать эти задачи с помощью дизайна — будете хорошо зарабатывать. Посмотрите примеры дизайн-макетов студентов.

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

Концепт интерфейса

avatar image

Анастасия
Кондратенко

work-student

Дизайн аудиоплеера

avatar image

Екатерина
Савенкова

work-student

Карточки товаров

Юлия
Кудалина

work-student
Показать ещё

Кому подойдет UI/UX дизайн, а кому — нет

У вас получится освоить профессию UI/UX дизайнера, если:

Вы обладаете усидчивостью и терпением

Вы обладаете усидчивостью и терпением

Вы готовы анализировать, а не просто работать руками

Вы готовы анализировать, а не просто работать руками

Вы готовы развивать свою внимательность к мелочам

Вы готовы развивать свою внимательность к мелочам

Вы готовы развивать свою внимательность к мелочам

Вам важно сделать что-то лучше, чем у других

В остальных случаях Вам следует поискать другую профессию и направление деятельности.

Ещё немного о профессии

Ещё немного о профессии

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

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

1 2 3 4 5 6 7 8 9 10 11 12

Модуль №1

Принципы и составляющие
UI, UX и WEB дизайна

1. Что такое веб, UI, UX дизайн, отличия:

определение GUI-дизайна + примеры;

определение UX-дизайна + примеры;

определение Web-дизайна + примеры.

2. Направления в дизайне:

landing page;

блоги;

корпоративные сайты;

интернет-магазины;

сайты-визитки;

веб-сервисы, email-маркетинг, телемаретинг, CRM, CMS, ERP, личные кабинеты;

мобильные приложения;

баннеры, афиши, соцсети;

интерфейсы сторонних устройств управления (АТМ, автомойки, навигация ТЦ, электронная очередь и проч.).

3. Элементы веб-дизайна и примеры:

вертикальные, горизонтальные меню, бургеры, фильтры;

карточки (товары, услуги, статьи, новости);

кнопки и ссылки;

абзацы, списки, цитаты, параграфы, заголовки;

баннеры, слайдеры/карусели, PopUp-контейнеры;

веб-формы (маленькие и большие), поля и эл-ты управления;

диаграммы, графики и другая инфографика;

таблицы данных;

изображения, видео- и аудиоплееры;

иконки.

4. Производственный бизнес-процесс качественного проекта:

выявление целей, задач и функций проекта;

составление портрета ЦА, анализ конкурентов;

описание эмоций и целей проекта;

сбор референсов;

подготовка мудборда (рефы, цвета, композиция, шоты, визуал, типографика, настроение);

проработка Road Map и структуры проекта при необходимости;

описание функционала проекта;

подбор шрифтов;

подготовка сетки и лейаута;

подготовка прототипов, требуется или нет;

визуальная часть (дизайн);

адаптивная версия (при необходимости);

презентация и сдача проекта (корректировки при необходимости).

5. Производственный бизнес-процесс качественного проекта:

выявление целей, задач и функций проекта;

составление портрета ЦА, анализ конкурентов;

описание эмоций и целей проекта;

сбор референсов;

подготовка мудборда (рефы, цвета, композиция, шоты, визуал, типографика, настроение);

проработка Road Map и структуры проекта при необходимости;

описание функционала проекта;

подбор шрифтов;

подготовка сетки и лейаута;

подготовка прототипов, требуется или нет;

визуальная часть (дизайн);

адаптивная версия (при необходимости);

презентация и сдача проекта (корректировки при необходимости).

Модуль №2

Правила качественного
дизайна в деталях

1. Размеры и свойства экранов (обычные, Retina, Web, Mobile).

2. Сетки и лэйауты.

3. Композиция, масштаб, пропорции.

4. Отступы, воздух.

5. Визуальная коммуникация и графика (растровая / векторная).

6. Иконки.

7. Стиль.

8. Ритм.

9. Цвет, контраст, цветовой вес, насыщенность, яркость.

10. Типографика, шрифты, шрифтовые пары, параметры текстов.

Модуль №3

Освоение Figma и Photoshop
через практические задания

1. Какие редакторы есть для дизайна.

2. Регистрация в Figma.

3. Изучение интерфейса Figma.

4. Создание артбордов, сеток, лэйаутов.

5. Обзор базовых инструментов.

6. Правила работы со слоями.

7. Работа с текстом, шрифтами.

8. Работа с кривыми.

9. Маски.

10. Иконки.

11. Компоненты.

12. Цвет, градиенты, режимы наложения слоёв.

13. Вставка изображений.

14. Фреймы, позиционирование объектов во фреймах.

15. Копирование объектов, оптимизация работы в Figma.

16. Стили слоёв.

17. Интерактивное прототипирование.

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

19. Установка PS.

20. Обтравка объекта из фото в PS.

Модуль №4

Элементы веб-дизайна:
правила и практика создания

1. Типографика, шрифты, заголовки, наборный текст, списки, цитаты (правила).

2. Изображения в текстах и отдельно от них, галерея, карусели (правила и создание).

3. Проектирование и дизайн таблиц, виды таблиц, тарифы (правила и создание).

4. Правила работы с иконками, типы иконок.

5. Горизонтальное, многоуровневое и вертикальное меню, правила и создание.

6. Правила создания кнопок, виды кнопок.

7. Создание форм, фильтров, чек-боксов, радио-баттонов, селектов, калькуляторов правила и стили.

8. Создание аудио- и видео плееров.

9. Корзина и карточки товаров / новостей / статей, выбор размеров, цвета.

10. Виджеты дашбордов, диаграмы, графики, гистограмы, инфографика, адаптив.

11. Создание PopUp окон.

12. Дизайн интерактивных элементов.

13. Parallax.

14. Курсоры мыши с скролл бары.

15. Усиливаем тренировку вкуса и стиля, чек-лист проверки работы на уровень качества.

Модуль №5

Неосознанная прокачка навыков дизайна
лендингов путём копирования

1. Стили веб-дизайна, идеи, приемы интересных решений и композиций.

2. Находим интересный и профессионально сделанный кейс лендинга, чек-лист.

3. Создание полноценной копии лендинга: анализ и подготовка.

4. Выявление сетки и разрешения макета.

5. Замеры параметров интерлиньяжа, кегля, размеров элементов, отступов.

6. Выявление закономерностей в дизайн-макете.

7. Подбор шрифтов.

8. Подготовка изображений.

9. Создание шапки лендинга.

10. Создание контента лендинга.

11. Создание подвала лендинга.

12. Правила работы со слоями в больших проектах.

13. Внимание к деталям вплоть до каждого пикселя не только заполненного, но и пустого.

14. Проработка интерактивных элементов.

15. Повторяем за автором. Делаем также, но по своему референсу.

Модуль №6

Неосознанная прокачка навыков дизайна
лендингов путём копирования

1. Стили веб-дизайна, идеи, приемы интересных решений и композиций.

2. Находим интересный и профессионально сделанный кейс лендинга, чек-лист.

3. Создание полноценной копии лендинга: анализ и подготовка.

4. Выявление сетки и разрешения макета.

5. Замеры параметров интерлиньяжа, кегля, размеров элементов, отступов.

6. Выявление закономерностей в дизайн-макете.

7. Подбор шрифтов.

8. Подготовка изображений.

9. Создание шапки лендинга.

10. Создание контента лендинга.

11. Создание подвала лендинга.

12. Правила работы со слоями в больших проектах.

13. Внимание к деталям вплоть до каждого пикселя не только заполненного, но и пустого.

14. Проработка интерактивных элементов.

15. Повторяем за автором. Делаем также, но по своему референсу.

Модуль №7

Дизайн баннера / постера / афиши с нуля
до готового результата

1. Определяем цель, ЦА и носитель баннера (сайт, сервис, приложение, игра, оффлайн).

2. Подготовка референсов и мудборда, задачи, эмоции, настроение, цель.

3. Выбираем размер баннера.

4. Выбираем стиль баннера.

5. Правила баннеров: 1 смысл, 1 заголовок, 1 дескрипшн, 1 визуал, 1 CTA + доп. инфа.

6. Паттерны, градиенты, цвет в композиции.

7. Шрифт в передаче эмоций и настроения.

8. Визуальная коммуникация, идея баннера.

9. Наброски идей, черновик.

10. Разработка дизайна + базовая анимация.

11. Презентация и мокапы для презентации баннера.

Модуль №8

Дизайн мобильных приложений с нуля

1. Выбор ниши.

2. Описание задач, ЦА и целей приложения.

3. Анализ конкурентов, составление сводной таблицы конкурентов.

4. Разработка мудборда и структуры приложения.

5. Выбор и разработка первоночального стиля мобильного приложения и его согласование с куратором проекта.

6. Проработка цветовой гаммы.

7. Утверждение и согласование стиля приложения.

8. Разработка дополнительных экранов.

9. Дизайн элементов приложения по гайдлайнам.

10. Интерактивные элементы.

11. Интерактивное прототипирование приложения.

12. Оформление презентации и сдача проекта.

Модуль №9

Дизайн сервисов с нуля до финального макета

1. Выбор ниши (+ брифинг).

2. Описание задач, ЦА и целей лендинга.

3. Анализ конкурентов, составление сводной таблицы конкурентов.

4. Разработка мудборда.

5. Типы блоков лендингов: шапка, CTA, отзывы, галереи, преимущества, инфографика, текстовые блоки, услуги, подвал.

6. Создание структуры лендинга.

7. Создание сетки на основе контента.

8. Выбор стиля лендинга.

9. Дизайн лендинга.

10. Интерактивные элементы.

11. Адаптивная версия лендинга.

12. Production для верстальщиков и клиента.

13. Презентация и сдача проекта.

Модуль №10

Дизайн сайтов и лендингов

1. Глобальная задача и цель компании при разработке сайта, не всегда только конверсия.

2. Описание задач, ЦА и целей сайта.

3. Анализ конкурентов, составление сводной таблицы конкурентов.

4. Разработка мудборда.

5. Разработка структуры сайта и Road Map.

6. Создание сетки на основе контента.

7. Дизайн сайта.

8. Интерактивные элементы.

9. Адаптивная версия сайта.

10. Интерактивный прототип.

11. Production для верстальщиков, программистов и клиента.

12. Презентация и сдача проекта.

Модуль №11

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

1. Поиск изображений, список площадок.

2. Поиск иконок, список площадок.

3. Поиск шрифтов, список площадок.

4. Поиск мокапов, список площадок.

5. Инструменты для поиска референсов и вдохновения.

6. Каналы, блоги, чаты, новости в сфере веб-дизайна.

Модуль №12

Упаковка себя, как дорогого профессионала,
презентация проектов, продажи

1. Базовые принципы анимации.

2. Создаем простую анимацию для проекта.

3. Выбираем интересные бренды.

4. Формируем свое портфолио.

5. Оформляем кейсы на беханс.

6. Оформляем шоты на дрибл.

7. Механизмы продвижения работ на Behance и Dribbble.

8. Готовим личное описание, тонкости, нюансы, перевод.

9. Размещаем резюме.

10. Агрегаторы интересных вакансий.

11. Биржи фриланса: список, правила работы с биржами, чтобы забирать только вкусные заказы.

12. Совмещение работы с фрилансом, стоит ли.

13. Дополнительные способы монетизации дизайнерских навыков.

14. Возможные векторы дальнейшего роста и развития: 3D, Mobile, Product, тех.дизайн, иллюстрация, европейский рынок.

15. Формула для увеличения продаж, реклама, переростание в бизнес.

Программа практикума по
коммерческому UI & UX дизайну

Это 11 фундаментальных модулей, каждый разбит на уроки
с дизайн процессами и работой над созданием проектов.

Формат обучения

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

В каждом уроке по 1-3 видео с заданиями, которые вы повторяете и затем выполняете домашнее задание. После ручной проверки домашнего задания, если всё хорошо, открываем доступ к следующим разделам.

Параллельно с обучением есть закрытые канал и чат с учениками в Telegram. В них размещается актуальная информация по теме обучения и происходит активное живое общение между студентами.

Дата старта — дата оплаты выбранного тарифа. Каждый начинает тогда, когда записывается. Жёсткой привязки нет.

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

Автор — Виталий Яковлев

Автор — Виталий Яковлев

Автор — Виталий Яковлев

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

  • действующий UI/UX дизайнер с опытом > 11 лет;
  • обучил дизайну более 100 человек;
  • выиграл конкурс 2019 по редизайну Telegram;
  • работал с Suzuki, Shell, РЖД, Chery и др.

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

Заказы из Канады и США
за 3-4 месяца

Полина Кириченко Польша, Варшава

@poliune

Является куратором на курсах, но рекомендует практикум

Дмитрий Украина

@d_shain

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

Тарифы

Обучитесь дизайну у UI/UX дизайнера с опытом более 11 лет и
зарабатывайте от 120 000 рублей в месяц.

Экономный

Доступ к материалам

Закрытый чат

Без обратной связи

Без публикации кейса

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

14 800 21 727 a

Оформить заказ

Рассрочка для граждан РФ

4 934 a/мес 14 800 a на 3 месяца

3 044 a/мес 18 264 a на 6 месяцев

1 811 a/мес 21 727 a на 12 месяцев

В рассрочку
Стандартный

Доступ к материалам

Закрытый чат

Комментарии по ДЗ текстом

Публикация кейса

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

34 800 51 087 a

Оформить заказ

Рассрочка для граждан РФ

11 600 a/мес 34 800 a на 3 месяца

7 158 a/мес 42 944 ₽ на 6 месяцев

4 258 a/мес 51 087 a на 12 месяцев

В рассрочку
Продвинутый

Опции стандартного тариф

Видео разборы ДЗ

Скайп-созвоны 1 на 1

6 месяцев сопровождения

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

58 800 86 319 a

Оформить заказ

Рассрочка для граждан РФ

19 600 a/мес 58 800 a на 3 месяца

12 094 a/мес 72 560 a на 6 месяцев

7 194 a/мес 86 319 a на 12 месяцев

В рассрочку
Премиальный

Обучение 1 на 1. На год я стану вашим персональным ментором и арт-директором, помогая по всем вопросам лично. Сопровожу до результата 80 000 ₽ в месяц.

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

118 800 174 400 ₽

Оформить заказ

Рассрочка для граждан РФ

39 600 a/мес 118 800 a на 3 месяца

24 433 a/мес 146 600 a на 6 месяцев

14 533 a/мес 174 400 a на 12 месяцев

В рассрочку
Тест-драйв

ДДоступ к модулям 1-3

Доступ дается на 7 дней

Закрытый чат

Без обратной связи

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

2 800

Оформить заказ

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

Оплата тест-драйва производится одним траншем.

Доступ к площадке в день оплаты.

Без рассрочки

Тест-драйв

Доступ к модулям 1-3

Доступ дается на 7 дней

Закрытый чат

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

2 800