Профессия: UX/UI-дизайнер

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

• Использование интерфейса и базовых инструментов Figma.

• Работа с фигурами, кривыми, фото и визуальными эффектами.

• Создание адаптивных экранов с помощью Constraints, Components и Auto Layout.

• Построение библиотек компонентов и дизайн-систем.

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

• Работа с Figma Community и FigmaJam.

• Подготовка макетов к командной работе и передача дизайна.

Научитесь проектировать и применять дизайн-системы: от работы с цветом, типографикой и сетками до организации UI‑китов и передачи системы разработчикам.

• Колористика: выбор, сочетание и управление цветом в дизайн-системах.

• Типографика: параметры шрифта, классификация и влияние на UX.

• Композиция и модульные сетки в Figma.

• Разработка и организация иконок.

• Создание и управление библиотеками компонентов.

• Структура дизайн-систем: преимущества, ошибки и роль участников.

• Handoff: передача дизайн-системы разработчикам и управление версиями.

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

• Принципы анимации в интерфейсах и работа с Principle.

• Оценка юзабилити и проведение юзабилити-аудита.

• Проектирование адаптивного дизайна (Mobile First, брейкпоинты).

• Создание дизайн-концепций: мудборды, референсы, стайлборды.

• Генерация идей, скетчинг и презентация концепций заказчику.

• Разработка лендингов и интернет-магазинов.

• Оформление и публикация кейсов на Behance и Dprofile.

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

• Что такое ИИ

• Воркшоп по применению ИИ в дизайне

• Итоги: про важность ТЗ

Изучите специфику мобильного дизайна: от вайрфреймов до интерактивных прототипов. Научитесь применять гайдлайны iOS и Android и готовить дизайн к публикации в магазинах приложений.

• Типы мобильных приложений и выбор платформы.

• UX/UI-паттерны и мобильные UI-киты.

• Мобильная анимация: типы, тренды и инструменты.

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

• Гайдлайны iOS и Android: специфика и требования.

• Подготовка дизайна к публикации в App Store и Google Play.

Освоите методологию дизайн-мышления: от эмпатии и CJM до генерации идей и прототипирования. Научитесь выявлять UX-проблемы и проверять решения через юзабилити-тестирование.

• Этапы дизайн-мышления и их применение.

• Карты эмпатии, персонажи и Customer Journey Map.

• Формулировка UX-задач по SMART.

• Генерация идей: мозговой штурм, ментальные карты, SCAMPER.

• Создание прототипов разной детализации.

• Проведение юзабилити-тестирования и внедрение улучшений.

Перейдете к продвинутым UX-практикам: JTBD, UX-сторителлинг, микровзаимодействия и бенчмаркинг. Научитесь проектировать сложные интерактивные прототипы и обосновывать решения данными.

• Разработка контент-стратегии и UX-сторителлинг.

• Интерактивный дизайн и взаимодействие человека с интерфейсом (HCI).

• Метод JTBD: построение Job Story.

• Формирование User Story.

• Проведение UX-бенчмаркинга.

• Создание сложных прототипов в Figma и ProtoPie.

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

• RoadMap защиты дипломной работы

• Выбор проектов для дипломной работы

• Подготовка дипломной работы

• Получение диплома

Блок 1. Исследования и аналитика
Освоите методы количественных и качественных исследований, глубинные интервью и A/B-тестирование. Научитесь проверять гипотезы, создавать MVP и работать с метриками для обоснования дизайн-решений.

• Продуктовый подход и стадии работы над продуктом.

• Быстрая проверка гипотез и создание MVP.

• Количественные и качественные UX-исследования.

• Анализ рынка и конкурентная разведка.

• Проведение глубинных интервью и CustDev.

• A/B-тестирование и интерпретация результатов.

• Иерархия метрик и дизайн-метрики.

Планирование и проведение дизайн-исследований.
 

Блок 1. Основы верстки: HTML и CSS
Научитесь воплощать дизайн-макеты в интерактивные интерфейсы: семантическая верстка, адаптивный CSS с Flexbox и работа с DOM на JavaScript. Создадите портфолио на GitHub Pages.

• Структура веб-страницы и семантический HTML.

• Базовый и продвинутый CSS: селекторы, каскад, блочная модель.

• Flexbox, медиазапросы и кроссбраузерная верстка.

• Основы JavaScript: переменные, типы данных, операторы, циклы.

• Объекты, массивы и функции.

• DOM-модель: управление элементами и стилями.

• Обработка событий и делегирование.

• Сетевые запросы и Promise.

• Публикация проекта на GitHub Pages.

Блок 2. Основы JavaScript
Этот блок погружает в основы JavaScript, где вы изучите переменные, типы данных, функции и асинхронность для создания динамичных интерфейсов. Освоите обработку событий, анимации, работу с DOM и алгоритмы, что заложит фундамент для полноценной frontend-разработки и технических собеседований.

• Введение. Переменные и работа с числами. Константы

• Строки, boolean и условные операторы. Преобразование

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

• Массивы и циклы. Объекты

• Функции. Области видимости и замыкания

• Обработка событий и пользовательский ввод

• Подключение библиотек

• Регулярные выражения. Форматирование. Работа с датами

• Mикро и макротаски. Цикл событий

• Анимации и CSS фреймворки

• Структуры данных и алгоритмы

Блок 3. Инструменты верстки и UX
Научитесь проверять и улучшать верстку: тестирование с DevTools, CSS-анимации для повышения UX и техника Pixel Perfect для точного соответствия макетам из Figma.

• Тестирование верстки и работа с DevTools.

• Улучшение пользовательского опыта с помощью CSS-анимаций.

• Pixel Perfect: точная верстка по макетам Figma.