Неделя 1 (4 часа):

Урок 1 (2 часа): Введение в продуктовый дизайн

• Что такое продуктовый дизайн

• Роли и обязанности продуктового дизайнера

• Введение в дизайн-мышление: этапы Эмпатия и Определение

• Практическое задание: Анализ популярного приложения на предмет сильных и слабых сторон его продуктового дизайна

Урок 2 (2 часа): Введение в нейросети для дизайнеров

• Как повысить скорость выполнения задач с помощью нейросетей

• Use Cases нейросетей для продуктового дизайна: поиск идеи, быстрая генерация артефактов дизайн-мышления, генерация набросков

• Домашнее задание: Сгенерировать основные артефакты дизайн-процесса гипотетического приложения: User Flow, User Stories, User Story Map (разбить на релизы и MVP), анализ конкурентов

Неделя 2 (4 часа):

Урок 1 (2 часа): Знакомство с Figma

• Интерфейс Figma и основные инструменты

• Работа с фреймами, фигурами, текстом

• Настройка проекта и организация файлов

• Практическое задание: Воссоздание простых UI-элементов в Figma

Урок 2 (2 часа): Основы работы в Figma

• Работа со слоями и группами

• Введение в Auto Layout

• Организация элементов на рабочем пространстве

• Домашнее задание: Организация набора UI-элементов с использованием слоев, групп и auto layout

Неделя 3 (4 часа):

Урок 1 (2 часа): Основы визуального дизайна

• Теория цвета и ее применение в UI

• Основы типографики для цифровых интерфейсов

• Создание цветовых палитр

• Практическое задание: Создание цветовой палитры и типографической шкалы для вымышленного бренда

Урок 2 (2 часа): Работа с визуальными элементами

• Использование изображений и иконок в интерфейсах

• Введение в сетки и макеты

• Принципы визуальной иерархии

• Домашнее задание: Разработка простой UI-карточки с использованием сеток, изображений и иконок

Неделя 4 (4 часа):

Урок 1 (2 часа): Введение в FigJam

• Основы работы с FigJam

• Инструменты для мозгового штурма и генерации идей

• Изучение FigJam для генерации идей

• Практическое задание: Проведение мозгового штурма функций для нового приложения с использованием FigJam

Урок 2 (2 часа): Первый Whiteboarding Challenge

• Методика решения задач на доске

• Структурирование мыслей и идей

• Домашнее задание: Решение простой дизайн-задачи на доске (например, улучшение приложения)

Неделя 5 (4 часа):

Урок 1 (2 часа): User Stories, User Flow и User Storie Map

• Создание детальных пользовательских персон

• Разработка карт пути пользователя (User Journey Maps)

• Выявление болевых точек и возможностей

• Практическое задание: Разработка пользовательской персоны и карты пути пользователя для заданного сценария

Урок 2 (2 часа): Основы вайрфреймов

• Введение в вайрфрейминг

• Создание низкодетализированных макетов в Figma

• Принципы информационной архитектуры и Service Blueprint

• Домашнее задание: Создание низкодетализированных вайрфреймов для простого User Flow мобильного приложения

Неделя 6 (4 часа):

Урок 1 (2 часа): Основы прототипирования в Figma

• Базовое прототипирование: связывание фреймов

• Настройка переходов и оверлеев

• Демонстрация прототипов

• Практическое задание: Соединение экранов вайрфреймов для создания базового кликабельного прототипа

Урок 2 (2 часа): Создание интерактивного прототипа

• Расширенные возможности прототипирования

• Создание интерактивных элементов

• Тестирование прототипов

• Домашнее задание: Создание прототипа для концепции мобильного приложения из 3-4 экранов

Неделя 7 (4 часа):

Урок 1 (2 часа): Компоненты в Figma

• Создание и использование компонентов

• Работа с кнопками и полями ввода

• Организация компонентов

• Практическое задание: Создание переиспользуемых компонентов кнопок и полей ввода

Урок 2 (2 часа): Стили в Figma

• Текстовые стили и их применение

• Цветовые стили для согласованности

• Стили эффектов

• Домашнее задание: Определение и применение текстовых и цветовых стилей к дизайну

Неделя 8 (4 часа):

Урок 1 (2 часа): Углубленное изучение дизайн-мышления

• Этапы дизайн-мышления: Генерация идей и Прототипирование

• Техники мозгового штурма

• Методы оценки и отбора идей

• Практическое задание: Групповая сессия генерации идей для заданной проблемы

Урок 2 (2 часа): Старт Проекта 1

• Определение темы первого проекта (мобильное приложение)

• Планирование исследования и разработки

• Определение объема и потребностей пользователей

• Домашнее задание: Начало исследования и определение проблемы для Проекта 1

Неделя 9 (4 часа):

Урок 1 (2 часа): Принципы UI-дизайна

• Ключевые принципы: иерархия, контраст, баланс

• Принципы близости, согласованности, обратной связи

• Анализ существующих интерфейсов

• Практическое задание: Анализ существующих UI на предмет эффективного использования принципов дизайна

Урок 2 (2 часа): Навигация и информационная архитектура

• Проектирование интуитивно понятной навигации

• Основы информационной архитектуры

• Структурирование контента

• Домашнее задание: Создание базовой карты сайта и структуры навигации для Проекта 1

Неделя 10 (4 часа):

Урок 1 (2 часа): Введение в Figma Draw

• Изучение Figma Draw: векторное редактирование

• Работа с базовыми кистями

• Текст по контуру

• Практическое задание: Создание простых векторных фигур и иллюстраций с помощью Figma Draw

Урок 2 (2 часа): Создание иллюстраций для проекта

• Создание простых иллюстраций для интерфейсов

• Разработка иконок с использованием Figma Draw

• Интеграция иллюстраций в UI

• Домашнее задание: Разработка набора пользовательских иконок для Проекта 1

Неделя 11 (4 часа):

Урок 1 (2 часа): Основы юзабилити-тестирования

• Введение в юзабилити-тестирование

• Методы и подходы к тестированию

• Написание плана тестирования

• Практическое задание: Составление сценария юзабилити-теста для Проекта 1

Урок 2 (2 часа): Проведение юзабилити-тестирования

• Планирование и проведение тестирования

• Анализ результатов

• Выявление проблем и возможностей для улучшения

• Домашнее задание: Ролевая игра сессии юзабилити-тестирования

Неделя 12 (4 часа):

Урок 1 (2 часа): UI-дизайн для Проекта 1

• Применение принципов UI к Проекту 1

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

• Работа с визуальными элементами

• Практическое задание: Разработка высокодетализированных экранов для Проекта 1

Урок 2 (2 часа): Прототипирование Проекта 1

• Создание интерактивного прототипа

• Демонстрация пользовательских сценариев

• Сессия обратной связи от коллег

• Домашнее задание: Завершение и презентация прототипа Проекта 1

Неделя 13 (4 часа):

Урок 1 (2 часа): Введение в адаптивный дизайн

• Проектирование для различных размеров экрана

• Концепции адаптивного дизайна

• Точки останова (Breakpoints)

• Практическое задание: Анализ адаптивности популярных веб-сайтов

Урок 2 (2 часа): Auto Layout для адаптивного дизайна

• Использование Auto Layout для адаптивности

• Работа с Constraints в Figma

• Создание гибких компонентов

• Домашнее задание: Адаптация UI-компонента для отзывчивости с использованием auto layout

Неделя 14 (4 часа):

Урок 1 (2 часа): Введение в Figma Make

• Понимание Figma Make: ИИ для создания прототипов

• Обзор возможностей и функций 2025 года

• Этические аспекты использования ИИ в дизайне

• Практическое задание: Обсуждение потенциальных вариантов использования Figma Make

Урок 2 (2 часа): Работа с Figma Make

• Изучение простых запросов (prompts)

• Генерация UI-элементов с помощью ИИ

• Доработка сгенерированных элементов

• Домашнее задание: Написание запросов для Figma Make для генерации простой концепции UI

Неделя 15 (4 часа):

Урок 1 (2 часа): Доступность в дизайне

• Введение в веб-доступность (основы WCAG)

• Важность инклюзивного дизайна

• Принципы доступного дизайна

• Практическое задание: Выявление проблем доступности в существующем приложении или на веб-сайте

Урок 2 (2 часа): Реализация доступности в Figma

• Проектирование с учетом доступности

• Работа с цветовым контрастом

• Семантическая структура и навигация с клавиатуры

• Домашнее задание: Проверка и улучшение цветового контраста в дизайнах Проекта 1

Неделя 16 (4 часа):

Урок 1 (2 часа): Итерация Проекта 1

• Доработка Проекта 1 на основе обратной связи

• Внесение изменений по результатам юзабилити-тестирования

• Улучшение визуальных аспектов

• Практическое задание: Доработка Проекта 1 на основе полученной обратной связи

Урок 2 (2 часа): Презентация Проекта 1

• Подготовка презентации проекта

• Создание базового кейс-стади

• Структура: Проблема, Процесс, Решение, Выводы

• Домашнее задание: Создание презентации и короткого кейс-стади для Проекта 1

Неделя 17 (4 часа):

Урок 1 (2 часа): Сотрудничество в Figma

• Совместная работа в реальном времени

• Использование истории версий

• Комментарии и функции обратной связи

• Практическое задание: Упражнение по совместному дизайну в Figma с партнером

Урок 2 (2 часа): Командные библиотеки в Figma

• Работа с командными библиотеками

• Публикация и использование общих компонентов

• Управление стилями в команде

• Домашнее задание: Создание и публикация небольшой библиотеки компонентов

Неделя 18 (4 часа):

Урок 1 (2 часа): Введение в дизайн-системы

• Что такое дизайн-система и почему она важна

• Основные элементы дизайн-системы

• Анализ существующих дизайн-систем

• Практическое задание: Анализ публичной дизайн-системы (например, Material Design)

Урок 2 (2 часа): Создание мини-дизайн-системы

• Разработка ключевых компонентов

• Создание цветовой палитры и типографической шкалы

• Документирование компонентов

• Использование AI для ускорения разработки дизайн-системы

• Домашнее задание: Начало разработки мини-дизайн-системы для гипотетического бренда

Неделя 19 (4 часа):

Урок 1 (2 часа): Введение в Figma Buzz

• Понимание Figma Buzz: ИИ для создания брендовых активов

• Обзор возможностей и функций 2025 года

• Варианты использования в дизайн-процессе

• Практическое задание: Обсуждение применения Figma Buzz для оптимизации создания активов

Урок 2 (2 часа): Поддержание согласованности бренда

• Использование Figma Buzz для согласованности бренда

• Работа с брендовыми элементами

• Генерация вариаций дизайна

• Домашнее задание: создать простой шаблон для маркетинговых материалов

Неделя 20 (4 часа):

Урок 1 (2 часа): Старт Проекта 2

• Выбор темы

• Исследование и определение потребностей пользователей

• Постановка целей проекта

• Практическое задание: Проведение первоначального исследования для Проекта 2

Урок 2 (2 часа): Информационная архитектура для Проекта 2

• Разработка информационной архитектуры

• Создание пользовательских сценариев

• Работа с FigJam для визуализации структуры

• Домашнее задание: Создание карты сайта и ключевых пользовательских сценариев в FigJam

Неделя 21 (4 часа):

Урок 1 (2 часа): Адаптивный дизайн

• Проектирование адаптивных макетов

• Работа с различными размерами экранов

• Использование продвинутого auto layout и сеток

• Практическое задание: Разработка адаптивных макетов

Урок 2 (2 часа): Продвинутое прототипирование

• Создание сложных взаимодействий

• Основы микроанимаций

• Демонстрация адаптивности в прототипе

• Домашнее задание: Создание интерактивного прототипа

Неделя 22 (4 часа):

Урок 1 (2 часа): Введение в Figma Sites

• Понимание Figma Sites: публикация веб-сайтов из Figma

• Обзор функций 2025 года

• Возможности и ограничения

• Практическое задание: Обсуждение преимуществ Figma Sites для Проекта 2

Урок 2 (2 часа): Подготовка дизайнов для Figma Sites (или Tilda, Webflow, Framer)

• Структурирование дизайнов для публикации

• Учет динамического контента

• Настройка взаимодействий

• Домашнее задание: Анализ дизайнов Проекта 2 для потенциальной публикации через Figma Sites

Неделя 23 (4 часа):

Урок 1 (2 часа): Создание портфолио дизайнера

• Структура портфолио продуктового дизайнера

• Платформы для размещения (Behance, Dribbble)

• Концепция личного веб-сайта

• Практическое задание: Разработка структуры личного дизайн-портфолио

Урок 2 (2 часа): Написание кейс-стади

• Структура убедительного кейс-стади

• Сторителлинг в дизайне

• Документирование процесса и результатов

• Домашнее задание: Составление подробных кейс-стади для Проектов 1 и 2

Неделя 24 (4 часа):

Урок 1 (2 часа): Подготовка к поиску работы

• Создание резюме дизайнера

• Написание сопроводительных писем

• Подготовка к дизайн-собеседованиям

• Практическое задание: Составление резюме и сопроводительного письма

Урок 2 (2 часа): Whiteboarding на собеседованиях

• Типичные задачи на доске при собеседованиях

• Стратегии решения дизайн-задач

• Презентация своего мышления

• Домашнее задание: Симуляция Whiteboarding Challenge на собеседовании

Неделя 25 (4 часа):

Урок 1 (2 часа): Финализация Проекта 2

• Завершение работы над Проектом 2

• Внесение финальных корректировок

• Подготовка к презентации

• Практическое задание: Завершение всех аспектов Проекта 2

Урок 2 (2 часа): Презентация Проекта 2

• Презентация финального проекта

• Получение обратной связи

• Обсуждение сильных сторон и областей для улучшения

• Домашнее задание: Презентация Проекта 2 и ответы на вопросы

Неделя 26 (4 часа):

Урок 1 (2 часа): Доработка портфолио

• Финализация структуры портфолио

• Оптимизация представления проектов

• Создание связного повествования

• Практическое задание: Доработка портфолио на основе обратной связи

Урок 2 (2 часа): Тренды в продуктовом дизайне

• Обзор актуальных трендов в UI/UX дизайне

• Будущее продуктового дизайна

• Роль ИИ в дизайн-процессах

• Домашнее задание: Анализ и обсуждение применения трендов в собственных проектах

Неделя 27 (4 часа):

Урок 1 (2 часа): Подготовка к финальной презентации

• Структурирование презентации портфолио

• Техники эффективной презентации

• Подготовка к вопросам и ответам

• Практическое задание: Создание презентации для финального показа портфолио

Урок 2 (2 часа): Репетиция финальной презентации

• Практика выступления

• Обратная связь от группы

• Доработка презентационных материалов

• Домашнее задание: Репетиция презентации с хронометражем

Неделя 28 (4 часа):

Урок 1 (2 часа): Финальная презентация портфолио

• Презентация финального портфолио

• Демонстрация проектов и процесса работы

• Получение обратной связи от преподавателей

• Практическое задание: Финальная презентация портфолио

Урок 2 (2 часа): Завершение курса и планирование карьеры

• Обзор пройденного материала

• Обсуждение карьерных возможностей

• Планирование дальнейшего развития

• Вручение сертификатов

• Домашнее задание: Составление индивидуального плана карьерного развития

Карьерный Трек (Параллельно последним 1-2 месяцам обучения + пост-поддержка)

Цель: Подготовить студентов к поиску работы и успешному прохождению собеседований.

• Создание продающего резюме и сопроводительного письма: Воркшоп c приглашенными экспертами, индивидуальные консультации.

• Оформление портфолио: Рекомендации по представлению учебных проектов: Воркшоп c приглашенными экспертами.

• Профиль на LinkedIn и HH.ru: Оптимизация профилей для поиска работы: Воркшоп c HR.

• Техники прохождения собеседований: Разбор типовых вопросов (поведенческие, кейсы, технические для PM)

• Нетворкинг: Советы по выстраиванию профессиональных связей.

• Обзор рынка труда для Product Design: Текущие тренды, зарплатные ожидания, востребованные специализации.

• Поддержка после курса: Доступ к сообществу выпускников, периодические карьерные вебинары.