Курс PRO. Продуктовый подход в UX/UI‑дизайне
Кейсы учеников
В дипломном кейсе мне удалось применить все те навыки, которым нас учили преподаватели на курсе. Самое главное — системный и структурированный подход, в котором мы следуешь четко алгоритму для наилучшего результата. Была рада работать в связке с преподавателями и продуктовым дизайнером из Сбербанка в качестве арт‑директора. Это еще больше прокачало навык работы в команде.
Дипломный кейс был самым объемным из работ на курсе и помог применить все изученные инструменты и продуктовый подход. Из всех работ, выполненных на курсе, я собрала портфолио продуктового дизайнера, хотя до этого был опыт только в графическом дизайне. После прохождения курса и стажировки устроилась в KOTELOV.
Этот курс для вас, если вы хотите
Попасть в продуктовую команду с актуальными кейсами
Курс построен на понимании уровня компетенций хард- и софт‑скилов продуктового дизайнера в топ‑компаниях
Курс построен на понимании уровня компетенций хард- и софт‑скилов продуктового дизайнера в топ‑компаниях
Овладеть продуктовым подходом в решении дизайн‑задач
Курс структурирует знания по методологиям и UX‑исследованиям, применимым на практике
Курс структурирует знания по методологиям и UX‑исследованиям, применимым на практике
Получать обратную связь от ведущих дизайнеров продуктовых команд
Наши преподаватели — действующие специалисты крупных компаний с большим опытом работы
Наши преподаватели — действующие специалисты крупных компаний с большим опытом работы
Востребованность профессии продуктового дизайнера
Топ-1
190 000 ₽
1800+
Познакомьтесь с командой курса
Как проходит обучение?
Не тратим время на просмотр лекций, сразу приступаем к практике и работаем над реальными задачами крупных IT‑компаний. 20 онлайн‑встреч (ответы на вопросы, воркшопы), 3 кейса, 5 тестовых заданий с индивидуальными видеоразборами на каждом этапе — и все это за 3 месяца.
2 раза в неделю проводим онлайн‑встречи для обсуждения заданий, вопросов, новых инструментов и решений или практикуемся на воркшопе.
Ведущие дизайнеры продуктовых команд проводят индивидуальные разборы и записывают видео с подробной обратной связью.
Наши ученики уже работают в Yandex, Сбере, Мегафоне, билайне, Yadro, Kotelov и других финтех‑ и телеком‑компаниях — лидерах рынка. Вы сможете консультироваться с опытными дизайнерами и HR‑специалистами по любым вопросам о трудоустройстве: резюме, портфолио, тестовое задание, собеседование и др.
В общем чате потока можно общаться с другими учениками и задавать вопросы преподавателям.
Программа
Каждые выходные - индивидуальные видеоразборы, проверка доработок
+8 общих онлайн‑встреч с разборами вопросов и теорией
Каждые выходные - индивидуальные видеоразборы, проверка доработок
+8 общих онлайн‑встреч с разборами вопросов и теорией
Анимация сайта
Изучим возможные интерактивные приемы для взаимодействия с сайтами, а также поймем, как работать в команде со смежными специалистами: иллюстраторами, графическими дизайнерами, копирайтерами, motion-дизайнерами
Опишете анимацию работы сайта
UX‑аналитика
- Вводная лекция. UX‑аналитика
- Бизнес‑аналитика
Целевая аудитория и конкуренты
Кейс для дипломного проекта, анализ целевой аудитории и конкурентов, ключевые метрики
Карьерный модуль
- Сопроводительное письмо
- Составление резюме
- Портфолио
- Каналы поиска для дизайнера
- Отклики
- Собеседование и тестовое задание
- Форматы трудоустройства
Готовое резюме, сопроводительное письмо и оформленное портфолио
Составите резюме и сопроводительное письмо
Figma
- Компоненты
- Варианты для компонентов
- Стили
- Мультиплеер и шеринг
- Комментирование
- Прототипирование
- Привязки и инструменты
- Параметры
- Маски
- Auto Layout
Прототип
Прототип из UI‑элементов в Figma с использованием компонентов и Auto Layout
Создание сервиса по выплате заработных плат
Тестовое задание от банка
Дизайн сервиса B2B
- UX‑исследование
- Сценарий пути пользователя
- Структурированные данные
- Дизайн десктопной версии сервиса
Введение в создания сервисов. Ресерч
- Основы работы с продуктовой задачей
- Ресёрч. Практика
Референсы и концепция дизайна сервиса
Референсы
- Сбор референсов по визуальному стилю: типографике, композиции, сетке, верстке, цветам, формам и иллюстрациям
- Поиск референсов по механикам: паттернам поведения пользователя и его взаимодействию с интерфейсом
Референсы для работы с дипломным проектом
Разработка функционала разделения счета
Тестовое задание от сервиса доставки
Дизайн экранов разделения счета
- UX‑исследование
- Сценарий пути пользователя
- Механика оплаты счета разных ролей
- Дизайн экранов мобильного приложения
Провести аналитику и создать прототип
Прототип сервиса или мобильного приложения
- UX‑исследование
- Прототип макета
Аналитика
- Изучение и обсуждение ТЗ
- Конкурентный анализ
- Создание персонажей, CJM, job stories
- Генерация дополнительных идей и фич продукта
- Создание навигационной архитектуры продукта
Опыт создания внутреннего продукта Студии Олега Чулакова
Навигационная архитектура и важные фичи будущего продукта
Зачем нужен креатив?
Разберемся, как работать с брифом клиента, с референсами, развивать креативность и выбирать тот самый стилистический приём для сайта
Идея дипломного проекта
- Тема дипломного проекта
- Идея в формате текста
- Подобранные референсы
Основы визуального оформления
Научимся использовать брендинг клиента и изучим теорию по работе с типографикой, цветом и изображениями (2D- и 3D-иллюстрации, фотографии)
Визуальная концепция сайта на примере 2–3 экранов
Создание дизайн‑макетов
Расскажем, что важно учесть при создании дизайн-макетов, сделаем прототип сайта и его адаптивные версии
Дизайн‑макеты для десктопной и мобильной версии
Упаковка кейса
Узнаете особенности упаковки кейса на Behance и других платформах, а также расскажем, как дизайнеру продвигать себя и развиваться в карьере
Упакованный кейс на Behance
Сможете консультироваться с опытными дизайнерами и HR-специалистами по любым вопросам о трудоустройстве: резюме, портфолио, тестовое задание, собеседование и др.
Подготовка
Изучение ТЗ, разработка идеи и структуры сайта
Идея и структура сайта
AI‑инструменты для ваших проектов
- Базовые принципы работы и применения
- Общие паттерны и преимущества
- Ускорение процессов
- Комбинации AI-инструментов для эффективной работы
База AI-инструментов
Знакомство с работой в Студии Олега Чулакова. Создание UI‑kit
- Знакомство с наставником и процессом работы Студии Олега Чулакова
- Работа с референсами и насмотренностью
- Получаение первой задачи. Подготовка UI‑kit, включающего в себя цветовые стили, типографику, кнопки и инпуты
Понимание процессов и подходов в работе дизайнера Студии Олега Чулакова. Опыт работы с дизайн-системой.
Иллюстрации и иконки
- Вводная лекция
- Работа с референсами
- Работа со стоковыми иллюстрациями
- Как грамотно составить ТЗ для иллюстратора
- Иконки в дизайне интерфейсов
- Создание пака иконок. Практика
- Изометрическая илюстрация. Практика
Собственный пак иконок. Иллюстрация для страницы криптобанка и др.
Типографика
- Основные понятия типографики и инструменты верстки.
- Строки и отступы. Математические символы.
- Знаки препинания
- Шрифт
- Комбинация шрифтов
- Шрифты в пользовательском интерфейсе
- Типографическая система
Дизайн первого экрана
Главный экран e‑com сайта и карточка товара
UX‑законы и методы исследования
- Интерфейс: UX‑законы и UX‑аудит. Поиск проблемных мест в интерфейсе с помощью UX‑аудита.
- Методы исследования
Интерфейсные проблемы и их решения
UX‑аудит и пул дальшейших исследований
Проектирование
- Проектирование пользовательских сценариев
- Создание прототипов сервиса
Готовые сценарии и дизайн‑решения, основанные на проведенном ресерче
Концепция
- Создание дизайа 3 экранов главной страницы
- Создание типографической системы
- Идеи/фичи/особенности в дизайн-решениях
Концепция вашего проекта, его будущие фичи и дизайн-решения
Разработка услуги виртуального номера
Тестовое задание от мобильного оператора
Дизайн сервиса B2C
- UX‑исследование
- Сценарий пути пользователя
- UI‑кит
- Дизайн десктопной версии сервиса
Создание игровых механик
Тестовое задание от банка
Дизайн экранов геймификации
- UX‑исследование
- Сценарий пути пользователя
- Конкурентный анализ
- Дизайн экранов мобильного приложения
Создать концепцию и дизайн
Дизайн-макет
Экраны мобильного приложения
или веб‑сервис + адаптивная версия
Вайрфреймы и прототипы
- Отрисовка вайрфреймов, проработка функционала
- Отрисовка детальных прототипов продукта
- Проектирование сценариев
Сценарии и дизайн‑решения
Готовые сценарии и дизайн‑решения, основанные на проведенной ранее аналитике
Передача в верстку
Изучите, что важно знать дизайнеру о возможностях no-code-платформ и как грамотно передать макеты в верстку разработчику
Техническое задание разработчику на верстку макетов
Сможете консультироваться с опытными дизайнерами и HR-специалистами по любым вопросам о трудоустройстве: резюме, портфолио, тестовое задание, собеседование и др.
AI‑генерация контента для интерфейсов
- Текстовый контент
- Визуальный контент
- Концепции
- Аналитика
Дизайн лендинга
Концепция и дизайн лендинга на основе AI‑контента
Работа с мудбордом и адаптивами
- Создание мудборда: подбор палитры, шрифта и референсов по стилистике
- Создание мобильного адаптива для макета
Опыт работы с мудбордами для проекта и адаптирование дизайна под мобильную версию
UX-копирайтинг
- UX-копирайтинг. Информационный стиль
- Кнопки, CTA и 3 главных правила UX-копирайтинга
- Заголовки, преимущества, поля ввода, TOV
- Краткость и принципы информационного стиля
- Информационный стиль и главные ошибки в копирайтинге
- Лингвистический фастфуд
Готовый текст для элементов интерфейса
UX‑тестирование и глубинное интервью
- Интерфейс: UX‑тестирование
- Глубинное интервью и сложности, с которыми сталкивается пользователь при взаимодействии с продуктом.
Пользовательский опыт
UX‑тестирование и глубинное интервью
Цвет
- Теория цвета (часть 1)
- Теория цвета (часть 2)
- Психология цвета
- Как подобрать цвет под ваш продукт
- Ошибки новичков
Дизайн‑макет главной страницы
Дизайн главной страницы сайта на основе цветового кодирования
Дизайн
- Проработка структуры всех страниц
- Проработка композиции, размеров и отступов для всех элементов
- Дизайн всех страниц (декстопная версия)
- Проработка состояний всех элементов
- Создание дизайн-системы
Дизайн проект
и дизайн‑система
Концепция и дизайн
- Сбор референсов и определение направления стилистики
- Создание дизайн‑концепции
- Создание дизайн‑системы
- Отрисовка дизайна по прототипам
- Подготовка макетов для передачи на frontend
Дизайн, готовый для передачи в разработку
Опыт создания дизайна проекта и передачи его в разработку в соответствии с требованиями Студии Олега Чулакова
Аналитика
- Изучение ТЗ для продукта клиента
- Конкурентный анализ
- Создание навигационной архитектуры
- Отрисовка прототипа
Навигационная архитектура и новые фичи продукта.
Дизайн сервиса
- Создание мудборда
- Создание дизайн-концепции
- Создание UI-kit
- Дизайн десктопной и мобильной версий сервиса
Дизайн вашего сервиса и его дизайн‑система
Анимация в Figma
- Loader
- Switcher и segment control
- Selector и pop-up
- Slider
- Input и buttons
- Context menu и burger menu
- Pagination
Анимация элементов интерфейса, показывающих процесс загрузки, раскрытие меню, нажатие кнопкок и др.
СJM, Job Stories, User Flow и персоны
- СJM, Job Stories
- User Flow и персоны
Путь пользователя в интерфейсе
Описание пользователя и его пути в вашем интерфейсе с помощью CJM, Job Stories, User Flow и метода персон
Сетки
- Создание сетки и теория близости
- Использование колоночной сетки
- Использование модульной сетки
Дизайн‑макет страницы товара
Дизайн главной страницы товара с использованием сеток
Упаковка кейса
- Как оформить кейс
- Упаковка кейса в Notion
Кейс в Notion для портфолио
Адаптив
- Выбор сетки для адаптивов
- Создание типографической системы для адаптивной версии
- Адаптирование дизайна с учетом мобильных механик
Мобильная и планшетная версия вашего проекта
Провести защиту дипломного проекта
Диплом об успешном прохождении интенсивного курса
Презентация и защита проекта
- Подготовка презентации
- Презентация и защита проекта
+1 кейс в портфолио
+ рекомендательное письмо от Студии Олега Чулакова
Практика защиты проекта перед заказчиком с обратной связью по ней
Завершение
Создание адаптивов и защита проекта
+ 1 кейс в портфолио
+ 1 рекомендательное письмо
Дизайн‑концепция и UI‑kit
- Сбор референсов и отрисовка дизайн-концепции
- Создание UI-kit
- Обратная связь от наставника по пройденной стажировке и рекомендации по началу карьеры и развитию в дизайне
Реальный опыт работы с задачами под руководством наставника. Рекомендательное письмо от Студии Олега Чулакова
UX‑проектирование
- UX‑проектирование
- Создание прототипов. Часть 1
- Создание прототипов. Часть 2
- Создание прототипов. Часть 3
Прототип
Прототип вашего дипломного проекта
Концепции и композиция
- Правило якорных объектов
- Правило якорных объектов. Практика
- Теория близости. Практика
- Гештальт‑принципы. Модульность. Сетка. Воздух
- Сетка. Практика
- Равновесие. Контраст. Глубина
- Равновесие и контраст. Практика
- Глубина. Практика
- Верстка таблиц и новые механики
Дизайн лендинга
Концепция и дизайн лендинга на интересную вам тему с логичным и понятным расположением элементов
Упаковка кейса
- Регистрация и изучение работы с Behance
- Проработка структуры кейса
- Создание макетов кейса
Кейс для Behance
Адаптивный дизайн
- Адаптивный дизайн 1 неделя
- Адаптивность и дизайн‑система
- Адаптивность. Практика
Адаптивные версии 2 сайтов
Мобильные и планшетные версии для 2 сайтов
Защита проекта
- Публикация проекта на Behance
- Подготовка структуры и текста защиты
- Видеозапись защиты
Презентация вашего кейса и обоснование ваших решений в дизайне
Атомарный дизайн
- UI‑кит и дизайн‑система
- Атомарный дизайн
- Дизайн‑система. Практика
2 дизайн‑системы
Дизайн‑системы для маркетплейса и сервиса
Каждые выходные - индивидуальные видеоразборы, проверка доработок
+8 общих онлайн‑встреч с разборами вопросов и теорией
Создание сервиса по выплате заработных плат
Тестовое задание от банка
Дизайн сервиса B2B
- UX‑исследование
- Сценарий пути пользователя
- Структурированные данные
- Дизайн десктопной версии сервиса
Разработка услуги виртуального номера
Тестовое задание от мобильного оператора
Дизайн сервиса B2C
- UX‑исследование
- Сценарий пути пользователя
- UI‑кит
- Дизайн десктопной версии сервиса
Упаковать кейс
Работа над портфолио
+1 работа в портфолио
Каждые выходные - индивидуальные видеоразборы, проверка доработок
+8 общих онлайн‑встреч с разборами вопросов и теорией
Разработка функционала разделения счета
Тестовое задание от сервиса доставки
Дизайн экранов разделения счета
- UX‑исследование
- Сценарий пути пользователя
- Механика оплаты счета разных ролей
- Дизайн экранов мобильного приложения
Создание игровых механик
Тестовое задание от банка
Дизайн экранов геймификации
- UX‑исследование
- Сценарий пути пользователя
- Конкурентный анализ
- Дизайн экранов мобильного приложения
Упаковать кейс
Работа над портфолио
+1 работа в портфолио
8 индивидуальных видеоразборов
+4 групповые встречи с преподавателем
Провести аналитику и создать прототип
Прототип сервиса или мобильного приложения
- UX‑исследование
- Прототип макета
Создать концепцию и дизайн
Дизайн-макет
Экраны мобильного приложения
или веб‑сервис + адаптивная версия
Упаковать кейс
Работа над портфолио
+1 работа в портфолио
Провести защиту дипломного проекта
Диплом об успешном прохождении интенсивного курса
Попробуете себя в реальной работе под руководством наставника — опытного дизайнера Студии Олега Чулакова
Аналитика
- Изучение и обсуждение ТЗ
- Конкурентный анализ
- Создание персонажей, CJM, job stories
- Генерация дополнительных идей и фич продукта
- Создание навигационной архитектуры продукта
Опыт создания внутреннего продукта Студии Олега Чулакова
Навигационная архитектура и важные фичи будущего продукта
Вайрфреймы и прототипы
- Отрисовка вайрфреймов, проработка функционала
- Отрисовка детальных прототипов продукта
- Проектирование сценариев
Сценарии и дизайн‑решения
Готовые сценарии и дизайн‑решения, основанные на проведенной ранее аналитике
Концепция и дизайн
- Сбор референсов и определение направления стилистики
- Создание дизайн‑концепции
- Создание дизайн‑системы
- Отрисовка дизайна по прототипам
- Подготовка макетов для передачи на frontend
Дизайн, готовый для передачи в разработку
Опыт создания дизайна проекта и передачи его в разработку в соответствии с требованиями Студии Олега Чулакова
Презентация и защита проекта
- Подготовка презентации
- Презентация и защита проекта
+1 кейс в портфолио
+ рекомендательное письмо от Студии Олега Чулакова
Практика защиты проекта перед заказчиком с обратной связью по ней
Чат карьерной поддержки
до первого трудоустройства
24/7
∞
80%
Стажировка
в Cтудии Олега Чулакова
Тарифы
во время стажировки
во время стажировки
FAQ
Получится ли совмещать интенсивный курс с работой или учебой?
Программа курса устроена так, что вы сможете легко совместить его с работой и закончить обучение с отличным результатом. Также в курсе предусмотрены паузы между модулями, в них вы сможете спокойно доделать задания и поработать над портфолио.
Как проходит стажировка, что я там буду делать?
Стажировка проходит в онлайн-режиме, которую ведет наставник — действующий дизайнер Студии Олега Чулакова. Процессы и коммуникация с преподавателем будут проходить, как это происходит в Студии, — созвоны, постановка задач и развернутая обратная связь. А после окончания стажировки вы получите рекомендательное письмо
У меня есть пробелы в теории, я смогу обучаться?
На курсе есть «База знаний» — это больше 70 уроков и записей вебинаров по основам UX/UI-дизайна и UX-аналитики. Эти уроки можно изучать перед стартом курса и в любой момент обращаться к ним, как к учебнику.
Можно ли взять на изучение отдельные темы, которые мне интересны?
Нет, чтобы получить результат, важно пройти весь курс без пропуска тем. Только так вы освоите профессию UX/UI‑дизайнер и сможете сделать дипломный проект. Индивидуальная программа возможна только в случае корпоративного обучения.
Сколько времени занимает обучение? Насколько курс интенсивный?
В среднем студенты выделяют 14 часов в неделю на обучение. На каждое задание дается 1 неделя, поэтому его легко встроить в свой график. Преподаватели и куратор будут с вами на связи, чтобы помочь выполнить задания в срок
Может ли моя компания оплатить мне обучение?
Да, мы выставляем счет-оферту на реквизиты компании, а также можем предложить оплату 50/50 с помощью трехстороннего договора. Кроме того, вы можете договориться с работодателем на возмещение стоимости обучения
Я отучился в другой школе, но ничему так и не научился, мне поможет этот курс?
Вы уже прошли обучение по UX/UI‑дизайну, значит, у вас уже есть базовые знания. Но, если для трудоустройства вам не хватает практики и сильного портфолио, курс отлично вам подойдет. Курс Creative Design строится на проработке тестовых заданий от крупных IT‑компаний и обратной связи от практикующих дизайнеров
Я хочу найти/поменять работу, мне помогут на курсе?
На курсе вы составите сильное портфолио продуктового или UX/UI‑дизайнера, опираясь на актуальные требования крупных IT‑компаний. В каждом модуле будет время на упаковку кейсов для портфолио и обратная связь от преподавателей. Кроме того, у вас будет неограниченный доступ к чат‑боту карьерной поддержки, где вы сможете консультироваться с опытными дизайнерами и HR‑специалистами по любым вопросам о трудоустройстве: резюме, портфолио, тестовое задание, собеседование и др.
Интервью с выпускниками курса PRO
Метод SMART: как UX/UI‑дизайнеру правильно формулировать цели и достигать их
Правильно поставленная, измеримая цель поможет быстрее и с большей вероятностью достичь желаемого результата. Эффективный инструмент для этого — метод SMART. В статье расскажем, что это такое, и на практических примерах покажем, как он работает.