Начни карьеру UX/UI-дизайнера с коммерческим портфолио
Мы поможем вам с нуля освоить профессию и собрать коммерческое портфолио. После выпуска вы сможете уверенно начать карьеру в роли UX/UI-дизайнера. Комплексное, системное и последовательное обучение, подтвержденное реальной коммерческой практикой учеников.
Проектируйте интерфейсы, которые решают задачи клиентов
Навыки, которые вы получите
• Визуализация решений
• Разработка пользовательских сценариев
• Тестирование продукта
• Сочетание аналитики и креатива
Менторы
Практикующие дизайнеры и отраслевые эксперты
Формат
Учебные и коммерческие проекты
Кому подойдет курс
Начинающим UX/UI и веб-дизайнерам
Пошаговое обучение: от простого к сложному, с адаптацией под ваш темп.
Структурированная программа с возможностью выбирать уровень сложности.
Все материалы объясняются простым языком, поможем разобраться даже с базовыми вопросами.
Постоянная поддержка и разборы от дизайнеров студии.
Иллюстраторам, 3D-дизайнерам, графическим дизайнерам
Курс усилит ваш опыт и добавит методики UX/UI, востребованные в индустрии.
Добавите к опыту в иллюстрации или графике умение проектировать интерфейсы и расширите спектр своих проектов.
Сможете выбирать стилистику для проектов и развивать собственный визуальный стиль.
Продакт-менеджерам и маркетологам
Усилите продуктовый бэкграунд современными инструментами UX/UI.
Вы сможете применить свои сильные стороны (системность и аналитику) для проектирования веб-приложений с понятной логикой и качественным дизайном.
Получите новые навыки, которые помогут говорить с командой «на одном языке».
Фрилансерам (и тем, кто хочет уйти во фриланс)
Соберёте портфолио и сможете брать первые заказы.
Освоите навыки работы с клиентами и научитесь вести проекты самостоятельно.
Примените UX/UI на практике и выйдете на фриланс-биржи.
Прокачаете уровень своих работ и сможете брать более сложные проекты.
Получите помощь и фидбек по коммерческим проектам от дизайнеров студии.
Карьерные возможности после курса
Мы готовим вас к реальной работе в профессии: на курсе вы соберёте портфолио и получите нашу поддержку в трудоустройстве. После курса вы сможете сами определить направления для своего развития в UX/UI-дизайне.
Фриланс
Соберите портфолио (учебные и коммерческие проекты)
Научитесь продавать комплексные решения
Стартап
Создавайте полноценные бренды — а не просто интерфейсы
Контролируйте весь процесс: от идеи до передачи в разработку
Дизайн-студии
Ведите проекты от айдентики до цифровых продуктов
Совмещайте роли: веб-дизайнер, продуктовый дизайнер, арт-дирекшн
Веб-приложения
Разрабатывайте дизайн веб-приложений для бизнеса
Научитесь проектировать веб-приложения с нуля
От основ к мастерству: 8 месяцев интенсивной практики
Постепенное освоение навыков. На каждом этапе вы увидите, как умения дополняют друг друга, создавая ваше конкурентное преимущество.
1. Основы Figma
2. Основы визуала
3. Дизайн сайтов
4. Веб-приложения
5. Коммерческие проекты
Получить консультацию
по обучению
Особенная возможность
Начни зарабатывать уже во время обучения
неограниченное количество коммерческих проектов
Помощь
по коммерческим проектам действует сразу
65 000
средняя стоимость проекта в рублях
Авторская программа курса от ведущих экспертов
Евгений Кузьмин
Основатель дизайн-студии UPROCK
• 20+ лет в дизайне
• Оcнователь студии из топ-30
• Сделал сайты для Сдек, Ингосстраха, Третьяковской галереи и других компаний
• 50+ международных наград
• В топ 15 UX/UI дизайнеров на Behance
• Обладатель наград «Лучший сайт года»
Ксения Толокнова
Главный эксперт по продуктовому дизайну
• 12+ лет в продуктовом дизайне
• Занимала руководящие позиции в Альфа-Банке, Газпромбанке и других компаниях
• Обучала десятки дизайн-лидов для топовых IT-компаний
• Автор статей на UX Collective — международный журнал по продуктовой экспертизе
Освойте на курсе
Дизайн-проекты
на уровне ведущих студий
по 3 ключевым стандартам
Работы, которые проходят проверку клиентом, рынком и разработчиками.
1
Эмоциональный и уникальный стиль
Прокачаем на сайтах
Осваиваем визуал, типографику и композицию
Создаем интуитивно понятные интерфейсы для сайтов и веб-приложений
2
Системный и аналитический подход к разработке дизайна
Прокачаем на веб-приложениях
Решаем проблемы пользователей и проектируем веб-приложения, грамотно сочетая логику и эстетику
3
Профессиональная подготовка макетов для разработчиков
Закрепим на коммерческих проектах
Проверим свои навыки в рабочих условиях
Добавим 3–4 коммерческих кейса в своё портфолио
Научимся презентовать работы клиентам
Стандарт 1
Эмоциональный и уникальный стиль
Освойте композицию, типографику, работу с цветом, графическими объектами и визуалом, чтобы создавать запоминающиеся и эмоциональные интерфейсы, с которыми хочется взаимодействовать.
Сильное портфолио, которое помогает трудоустраиваться и находить клиентов
Достижения
Проекты студентов признаны мировыми экспертами дизайна
Мы гордимся работами своих учеников, помогаем продвижению проектов и развитию на рынке.
Погрузитесь в наше открытое сообщество Behance.
Наши проекты2 000+
Большое портфолио студентов
Уникальная школа с множеством международных наград в портфолио студентов и высокими стандартами качества обучения.
210+
Международные награды
Награды
Behance
187 awards
Awwwards
9 awards
CSS Winner
10 awards
CSSDA
10 awards
Mindsparkle
8 awards
Стандарт 2
Системный и аналитический подход к разработке дизайна
Вы освоите системный подход к проектированию сервисов: от исследования потребностей пользователей до создания удобных и привлекательных интерфейсов.
Освойте полный цикл от проектирования до передачи готовых макетов разработчикам.
Работы наших выпускников соответствуют стандартам агентства
→ Чёткая визуальная структура
→ Системность
→ Аккуратность
Соединяем эстетику и аналитику
Программа разработана совместно Евгением Кузьминым и Ксенией Толокновой на основе реального практического опыта создания своего студийного бизнеса (UPROCK, топ-30 дизайн-студий РФ) и работы в крупнейших продуктовых компаниях (Альфа-банк, Газпромбанк, Ростелеком и др.). Наша задача учить осознанному дизайну, в котором вы можете обосновать каждое свое решение. Вы научитесь аргументировать свои идеи и подкреплять их аналитикой и исследованиями.
UX-аналитика
Вы научитесь делать предварительный анализ и выстраивать информационную архитектуру, что поможет вам создать действительно сильный продуманный проект.
Аргументация дизайна клиенту
Вы научитесь аргументировать свои решения по время работы с кураторами и менторами. После обучения вы сможете осознанно объяснить каждый свой выбор.
Работа с дизайн-системами
Вы создадите свою собственную базу компонентов, которую сразу же примените в своём проекте. Умение работать с компонентами очень важно для работы в продуктовой компании.
Профессиональная подготовка макетов
В крупных компаниях критически важно не только, что вы проектируете, но как вы это делаете. Мы покажем вам как аккуратно и правильно подготовить макеты для презентации работодателю.
Оформление проекта в портфолио
Покажем, как оформить проект в портфолио так, чтобы подробно раскрыть каждый этап работы и при этом сделать кейс стильным и современным.
Отзывы работодателей и клиентов
«Студенты UPROCK быстро включаются в реальные проекты и работают на высоком уровне. Они приходят с пониманием визуала, логикой и вниманием к деталям. UPROCK развивает не только навыки, но и уникальные личные качества дизайнеров.»
Олег Александров
M-A-X
«Недавно нам срочно понадобились дизайнеры, и Евгений Кузьмин быстро помог найти релевантных кандидатов. Уже через пару недель в команде появился новый дизайнер. Рекомендую!»
Илья Редько
Only
«Мы регулярно ищем талантливых дизайнеров и обратились к школе UPROCK. Всего за неделю нашли кандидата, который впечатлил нас своими навыками. Спасибо UPROCK за профессиональный подход и качественных специалистов.»
Дмитрий Храмов
Cuberto
«Недавно посмотрели выпускников UPROCK — впечатляют! По проектам не скажешь, что это недавние джуниоры. Школа действительно готовит отличных специалистов.»
Роман Ерохнович
Whomakesit
Ваша работа будет проверена нашими экспертами
С вами работают не теоретики, а практики. За их плечами — сотни реализованных коммерческих проектов.
Формат обратной связи на курсе
1
1 проект — 1 проверяющий + контроль лид-дизайнера
1-3
минимум 1 подробный видеоразбор вашего задания в день
20
минут - скорость реагирования службы поддержки на срочные вопросы
50-60
среднее количество видеоответов на один проект (на сайт: 30-40 ответов; на веб-приложение: 80-100)
Примеры видеоответов дизайнеров
Показать ещеСтандарт 3
Профессиональная подготовка макетов для разработчиков
Наша методика основана на большом опыте, колоссальном количестве запущенных сайтов студий и продуктовых команд. Подготовливаем все состояния и пути пользовательского интерфейса. Учим делать системные макеты и переиспользовать стили и компоненты.
UI-Кит
Создание собственной базы компонентов, которую сразу же можно применить в своем проекте.
Адаптивы
Адаптивный дизайн необходим для модернизации существующего сайта, чтобы сделать его более универсальным.
Системная документация
UX-документация помогает не сбиться с пути в процессе проектирования и ни на секунду не упускать из виду потребности и цели пользователей
Проект готов к веб-разработке
Подготовка макетов для разработчиков: компоненты в Figma, Auto Layout, правила экспорта
Качество обучения подтверждается реализованными коммерческими проектами
Наши слова подтверждаются сотнями коммерческих проектов наших учеников. Помогаем зарабатывать студентам уже во время обучения.
Карьерный центр
Мы консультируем на всех этапах трудоустройства: от резюме до собеседований. Наш результат подтверждают истории и отзывы выпускников.
Консультация
Консультируем по любым вопросам, связанным с трудоустройством и фрилансом
Поддержка
Оказываем поддержку в тестовых заданиях и собеседованиях
Вакансии и проекты
Предлагаем внутренние вакансии и партнёрские проекты
Резюме и портфолио
Помогаем составить сильное резюме и портфолио
Наш подход помогает выпускникам построить успешную карьеру
С полученными навыками вы становитесь востребованным специалистом и сами выбираете проекты и компании.
Акбар Аблаев
Uprock выпускник → Middle-дизайнер
«... Вместо поступления в университет решил пройти курсы по UX/UI дизайну в Uprock и сейчас получаю от 1000 руб/час.»
Посмотреть проект«Школа дала мне очень хороший бэкграунд, я прошел обучение до корпоративного сайта за 4 месяца. Хоть я и проходил только курс по сайтам, я научился создавать и приложения. Конечно, пришлось немного поискать информацию по приложениям на сторонних источниках, но база была выстроена именно школой UPROCK.
На первых этапах я брал за дизайн приложения 1000 $, но сейчас я работаю по часовой ставке 1000 руб. в час.
До обучения в школе у меня не было коммерческого опыта, я пытался самостоятельно делать сайты на Тильде, но сейчас понимаю, что это, по большей части, были попытки копирования, я не мог создать что-то свое. Вдохновение на тот момент я как раз черпал в работах студентов школы, которые размещались на Behance. Поэтому другие школы по обучению дизайну я даже не рассматривал.
Я был очень замотивирован на то, чтобы учиться максимально быстро, я проводил по 8 часов в день над проектами. На четвертом месяце учебы я дошел до корпоративного сайта и начал искать работу. Я стучался и в российские компании на hh.ru, и в компании в Ташкенте.
Я искал вакансии исключительно для middle и senior дизайнеров, так как считал, что опыта и скилов у меня достаточно, поэтому на поиск работы ушло около 4 месяцев. Когда я проходил собеседование в Altek, я им показал мои этапы работы над проектом и выполнил ТЗ по motion-анимации логотипа. Также они оценили мое портфолио, отметили умение работать над структурой, навыки прототипирования. Было классно, что изначально не было масштабных задачах, что позволило легко влиться в рабочие процессы.
На тот момент, когда меня взяли на работу, у меня уже было несколько проектов на фрилансе. В итоге сумма, которую я получал на фрилансе, была в 3-4 раза больше моей зп, поэтому я решил уволиться с основной работы и полностью перейти на фриланс.
В будущем я планирую пройти курс по Webflow и анимации в Uprock.
Всем, кто хочет учиться в UPROCK, я бы порекомендовал быть готовым к активной работе. Без вашего желания и мотивации вас ничему не научат! Будет сложно, но не сдавайтесь и не опускайте руки. Будет выгорание, но нужно постоянно помнить о цели, к которой вы идете. А тем, кто еще сомневается стоит ли учиться в UPROCK, я советую послушать Женины вебинары на YouTube и посмотреть работы студентов в UPROCK.Clan, чтобы убедиться, что вы тоже сможете достичь такого же высокого уровня в дизайне и создавать сильные кейсы.
Я закончил школу и решил вместо поступления в университет пройти курсы по UX/UI дизайну в Uprock. Родители к такому решению, конечно, отнеслись скептически, но все равно поддержали. Даже сейчас мое увлечение дизайном они воспринимают больше как хобби, чем профессию, хотя уровень моего заработка почти такой же, как и у них. По факту, профессию и работу я смог получить в течение одного года после окончания школы».
Артем Якушев
Uprock выпускник → Middle-дизайнер
«... Продал PS4 и купил курс в UPROCK. Теперь работаю в AVA Digital.»
Посмотреть проект«С дизайном меня познакомила моя девушка, которая на тот момент работала в банке. Мы начали с ней делать принты на футболках, для чего мне пришлось немного освоить фотошоп.
Этого опыта мне хватило, чтобы понять, что дизайн — это то, чем мне бы хотелось заниматься. Я проанализировал различные направления дизайна, но именно в веб-дизайне нашел близкий мне баланс между креативом и системностью.
До курса я работал в ростовской студии и занимался отрисовкой баннеров, но мне хотелось развиваться в сторону веб-дизайна. Я начал искать информацию и смотреть ролики на Youtube, где как раз и наткнулся на один из вебинаров Жени. Этот вебинар помог мне увидеть совсем другой уровень работ. Я начал следить за Uprock, планируя приобрести курс, но на тот момент для меня остро стоял вопрос цены.
Я чувствовал, что мне не хватает дизайнерского сообщества, не хватает структуры в знаниях, поэтому я продал Playstation 4 и купил курс в Uprock.
На курсе я сделал 3 проекта — лендинг, интернет-магазин и корпоративный сайт. Для лендинга я подготовил еще и кейс для Behance, хотя это было не обязательно. Проекты я делал достаточно долго, на каждый у меня уходило около 1,5-2-х месяцев. Я поставил себе цель — сделать их на таком уровне, чтобы даже кураторам не до чего было бы докопаться, плюс я хотел чувствовать себя увереннее в дизайне. В общей сложности на прохождение курса у меня ушло почти 9 месяцев. Хочу отметить, что визуал за время обучения у меня вырос очень сильно.
Работу я искал около месяца. Сначала я написал список креативных студий, которые делают нестандартные сайты и где мне бы хотелось работать. Я не искал вакансии, просто находил их контакты и отправлял CV напрямую. Я отправил свое портфолио в несколько студий.
Сейчас я работаю AVA Digital я чувствую себя на своем месте. Мне нравится работа тем, что здесь не только про креатив, но и про UI. Обычно я получаю уже готовую структуру от product-менеджера, но я всегда могу предложить интерактивы, которые могут помочь улучшить пользовательский опыт.В заключении хочу сказать, что очень благодарен Uprock, так как школа дала мне все необходимые для работы знания и помогла найти свой путь в дизайне».
Светлана Лян
Uprock выпускник → Middle-дизайнер
«... Я не откликалась на вакансии самостоятельно: все предложения получила исключительно от школы. Сейчас работаю в ONLY»
Посмотреть проект«Школа дала мне очень хороший бэкграунд, я прошел обучение до корпоративного сайта за 4 месяца. Хоть я и проходил только курс по сайтам, я научился создавать и приложения. Конечно, пришлось немного поискать информацию по приложениям на сторонних источниках, но база была выстроена именно школой UPROCK.
На первых этапах я брал за дизайн приложения 1000 $, но сейчас я работаю по часовой ставке 1000 руб. в час.
До обучения в школе у меня не было коммерческого опыта, я пытался самостоятельно делать сайты на Тильде, но сейчас понимаю, что это, по большей части, были попытки копирования, я не мог создать что-то свое. Вдохновение на тот момент я как раз черпал в работах студентов школы, которые размещались на Behance. Поэтому другие школы по обучению дизайну я даже не рассматривал.
Я был очень замотивирован на то, чтобы учиться максимально быстро, я проводил по 8 часов в день над проектами. На четвертом месяце учебы я дошел до корпоративного сайта и начал искать работу. Я стучался и в российские компании на hh.ru, и в компании в Ташкенте.
Я искал вакансии исключительно для middle и senior дизайнеров, так как считал, что опыта и скилов у меня достаточно, поэтому на поиск работы ушло около 4 месяцев. Когда я проходил собеседование в Altek, я им показал мои этапы работы над проектом и выполнил ТЗ по motion-анимации логотипа. Также они оценили мое портфолио, отметили умение работать над структурой, навыки прототипирования. Было классно, что изначально не было масштабных задачах, что позволило легко влиться в рабочие процессы.
На тот момент, когда меня взяли на работу, у меня уже было несколько проектов на фрилансе. В итоге сумма, которую я получал на фрилансе, была в 3-4 раза больше моей зп, поэтому я решил уволиться с основной работы и полностью перейти на фриланс.
В будущем я планирую пройти курс по Webflow и анимации в Uprock.
Всем, кто хочет учиться в UPROCK, я бы порекомендовал быть готовым к активной работе. Без вашего желания и мотивации вас ничему не научат! Будет сложно, но не сдавайтесь и не опускайте руки. Будет выгорание, но нужно постоянно помнить о цели, к которой вы идете. А тем, кто еще сомневается стоит ли учиться в UPROCK, я советую послушать Женины вебинары на YouTube и посмотреть работы студентов в UPROCK.Clan, чтобы убедиться, что вы тоже сможете достичь такого же высокого уровня в дизайне и создавать сильные кейсы.
Я закончил школу и решил вместо поступления в университет пройти курсы по UX/UI дизайну в Uprock. Родители к такому решению, конечно, отнеслись скептически, но все равно поддержали. Даже сейчас мое увлечение дизайном они воспринимают больше как хобби, чем профессию, хотя уровень моего заработка почти такой же, как и у них. По факту, профессию и работу я смог получить в течение одного года после окончания школы».
Ирина Никитина
Uprock выпускник → Middle-дизайнер
«... Год назад была администратором в школе английского языка. Сейчас работаю в digital-агентстве Mish.»
Посмотреть проект«Еще год назад я была администратором в школе английского языка. Как-то я прошла тест на профориентацию. Одной из рекомендуемых профессий оказался веб-дизайнер, и я решила попробовать.
Изначально меня больше всего интересовал Uprock. У школы были полезные видео на YouTube, приемлемые цены и хорошие отзывы.
После покупки курса я погрузилась в обучение. Каждую неделю смотрела вебинары, изучала уроки и Фигму. Сначала перерисовывала чужой дизайн, потом старалась привнести что-то свое.
Помню, как в первый раз сдала работу куратору, а она ее не приняла — не все стили были привязаны. С тех пор было много удачных и неудачных «сдач». Все работы тщательно проверялись. Благодаря такой слаженной работе с куратором я достаточно быстро закончила свой первый лендинг по элитной недвижимости. После перешла на интернет-магазин и уже в середине проекта увидела заветную вакансию.
Вакансии я искала на hh.ru. Заходила туда регулярно, но долгое время не видела спроса на джунов. И вдруг вакансия! Ищут Junior UX/UI дизайнера в Mish. Требованиям отвечаю, в организацию уже влюбилась по описанию, но есть одно «но». У меня отсутствует портфолио на Behance. Да и резюме не готово, хоть с этим проще. Первые 2 дня я просто смотрела статистику откликов и все больше сомневалась в своих силах. На третий день я взялась за резюме и сопроводительное письмо. Подготовила резюме, туда же добавила ссылку на фигма-файл — лендинг по недвижимости, сделанный в школе Uprock. Написала, что в настоящий момент работаю над интернет-магазином и, если нужно, могу скинуть ссылку на него. Кстати, HR Mish эту ссылку запросила. А далее собеседование, тестовое, еще одно собеседование и оффер.
На собеседовании очень пригодились знания из Uprock по анализу конкурентов, поиску референсов и функциональному прототипу. Помогли также небольшие знания HTML, CSS и Тильды.
Работа в IT — это всегда изучение чего-то нового. Это часто и выход из зоны комфорта, когда дают совершенно незнакомую задачу. Хочу в ближайшее время приобрести курс по мобильным приложениям и всё больше погружаться в профессию UX/UI дизайнера».
Сильная методология, гибкий процесс обучения
Мгновенный старт
Доступ к курсу открывается сразу после оплаты или по договоренности в удобную дату
Выбирайте удобный темп: 2 часа в день - комфортное обучение 4-8 часов в день - интенсивное погружение
Работа с реальными техническими требованиями
Каждое задание повторяет процесс работы в студии или продуктовой команде
Возможность делать коммерческие заказы с арт-дирекшном во время обучения
Junior → Middle: осознанный рост
Последовательность и адаптация
Обучение проходит поэтапно: от простых заданий (до 30 минут) к к более сложным и комплексным. Такой подход делает процесс комфортным, а навыки — устойчивыми.
Ёмкие видеоуроки
Только суть — никакой воды
Наши уроки — это результат кропотливой работы: сотни страниц сценария, профессиональная озвучка, четкий монтаж и наглядная графика. Коротко, понятно, удобно пересматривать.
Экспертная поддержка
Ежедневные видеоразборы от практикующих дизайнеров
До 3 детальных проверок в день
Персональный куратор на проект
Контроль арт-директора на ключевых этапах
1 проект — 1 проверяющий
Такой принцип гарантирует последовательные осмысленные правки и полное погружение в особенности вашей работы и выбранной темы.
Курс, который адаптируется под ваш уровень
Мы учитываем ваш опыт и предлагаем комфортный формат обучения.
Сложность
Hard
Режим для максимального роста, сложные проекты фестивального уровня
Normal
Плавный старт для новичков, уверенный темп с балансом теории и практики
Easy
Самый простой формат с минимальными требованиями для погружения в профессию
*настройки можно менять в процессе обучения
Темп обучения
Ускоренный
Механика спринты
Режим для максимального роста, сложные проекты фестивального уровня с определенным дедлайном
Стандартный
Комфортный ритм
Управляемая рабочая нагрузка
*выбирайте темп, исходя из ваших возможностей
Свободный выбор тем и стилистики проектов.
Дизайн веб-приложений
Проектирование интерфейсов для современных сервисов и онлайн-платформ: от личных кабинетов до сложных систем.
B2B фокус
Научитесь работать с корпоративными продуктами, где важны аналитика, удобство и бизнес-эффективность.
Продуктовое направление
*выбирайте проекты, соответствующие вашим целям.
Программа обучения
1 неделя
Опционально*
Результат
Навык продвинутой работы с Figma (автолейауты, компоненты, варианты, UI-kit)
Основы Figma
Первые этапы погружения в дизайн
Теория
О профессии UX/UI дизайнера
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике.
Психология пользователя
В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации.
Развитие насмотренности
Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов.
Элементы интерфейса/Компоненты сайта
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте.
Теория
Элементы интерфейса/Компоненты сайта
Типы страниц
В этом уроке вы изучите основные типы страниц сайта.
Логика интерфейса
Вы познакомитесь с понятием «информационный запах» и узнаете, как он определяет принципы работы навигации.
Принципы навигации
Вы узнаете основные принципы создания качественной навигации и поймете, что лежит в ее основе.
Теория+Практика
Продвинутая работа с FIGMA [1 неделя]
Интерфейс Figma и основные инструменты
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Проектирование интерфейса: инструменты и их параметры
В этом уроке вы изучите основные инструменты программы, которые необходимы для работы.
Работа с фреймом (Frame)
Вы узнаете как работать в области Frame, освоите основные действия и попрактикуетесь в создании макета.
Сетка и направляющие
В этом уроке вы узнаете для чего они применяются в дизайне, а также освоите два способа построения сетки в макете.
Shapes и их параметры
В этом уроке вы получите представление о том, какие формы используются в дизайне и научитесь работать с их параметрами.
Работа с изображениями
В этом уроке вы научитесь работать с изображениями и размещать их в различные формы, а также разберетесь с параметрами изображений, которые можно настраивать в рамках работы в Figma.
Обводка, эффекты и экспорт
В этом уроке вы научитесь работать с обводкой и эффектами, а также мы разберем как правильно применять их в дизайне.
Текст и параметры
В этом уроке мы подробно рассмотрим инструмент text и разберем параметры, которые необходимо настраивать при работе с макетом.
Стили в Figma
В этом уроке вы получите представление о том, что такое стиль, как с ними работать и для чего они нужны.
Auto layouts («Автолейауты»)
В этом уроке вы научитесь работать с автолейаутами, узнаете как правильно их настраивать и применять в работе.
Components («Компоненты»)
В этом уроке вы научитесь работать с компонентами, узнаете как правильно их настраивать и применять в работе.
Variants («Варианты»)
В этом уроке вы научитесь работать с вариантами, узнаете как правильно их настраивать и применять в работе.
Адаптивность макетов и компонентов
В этом уроке вы научитесь создавать адаптивные версии макетов и элементов. Познакомитесь с такими параметрами как Constraints и Resizing.
Prototype («Прототипирование в Figma»)
В этом уроке вы научитесь создавать интерактивные прототипы в Figma, настраивать параметры анимации и связывать страницы между собой для эффектной презентации дизайна заказчику.
Теория
Интерфейс Figma и основные инструменты
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
2 неделя
Опционально*
Сетки • Композиция • Теория цвета
В этом модуле
Визуальные основы: Композиция, типографика, цвет
Практика: Базовый стиль и применение
Результат
Умение строить визуально грамотные интерфейсы: сетки, композиция, типографика и работа с цветом
Сетки • Композиция • Теория цвета
Основы визуальной гармонии и композиции
Теория
Визуальный дизайн [1 неделя]
В этом уроке вы получите представление о том, в чем разница между UX и UI, а также почему они неразрывно связаны между собой. Вы поймете, какие навыки и личные качества вам предстоит развивать в процессе обучения. Мы обсудим, что такое интерфейс и затронем тему классификации дизайна и сайтов. В заключение вы узнаете, какими принципами и в каком порядке важно руководствоваться в процессе проектирования.
Теория
Базовый стиль UPROCK
В этом уроке вы узнаете, что все люди обладают плюс-минус одинаковыми поведенческими паттернами восприятия информации. Вы получите представление о том, как пользователи обрабатывают данные, изучите приемы управления их вниманием и эмоциями. Применение этих знаний позволит вам создавать удобные и интуитивно понятные интерфейсы. В рамках курса все наши решения будут основываться на психологии пользователя, что поможет вам логично обосновывать ваш дизайн.
Практика
Визуальный анализ
Вы узнаете, на каких сайтах искать вдохновение, а также познакомитесь с алгоритмом поиска самых лучших референсов. Поймете, как развивать насмотренность с помощью простой поэтапной схемы анализа и систематизации визуальных решений. В заключении научитесь формировать и вести базу знаний.
Практика
Сетки и композиции
Вы узнаете, что такое элементы интерфейса и почему важно не нарушать их привычное поведение на сайте. Изучите такие ключевые элементы, как кнопка, ссылка, текстовое поле и пагинация; их функции и правила рисования. Мы разберемся в основных функциональных блоках сайта и их предназначении. В заключение вы будете знать все основные элементы сайта и закрепите свои знания на практике.
3-7 неделя
Корпоративный сайт
В этом модуле
Бриф с клиентом и конкурентный анализ
Многостраничная архитектура
Интеграция ИИ: генерация контента
Адаптивный дизайн
Анимация интерфейса
Оформление кейса
Результат
Первый проект для портфолио. Уже на этом этапе с помощью нейросетей вы сгенерируете контент для своего проекта, а также прокачаете навыки анимации интерфейсов для создания эффектного кейса в портфолио.
Корпоративный сайт
Создание дизайн-системы и ключевых страниц
Теория+Практика
Разработка дизайна
Задачи сайта и общий обзор
В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов.
Технологический процесс
Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках .
Разделы брифа для корпоративного сайта
Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом.
Рабочий Figma-файл
В этом уроке вы узнаете как вести рабочий файл и его содержание.
Аналитика
Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов.
Прототип
Вы изучите алгоритм создания функционального прототипа.
Техническое задание
Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа.
Практика
Подготовка к созданию визуальной концепции
Референсы
Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект.
Визуальная концепция
Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт.
Дизайн остальных страниц
Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта.
Кириллическая латиница
Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу.
В разработку (адаптив)
Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта.
Практика
Оформление проекта в кейс на Behance
Поиск референсов
Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса.
Оформление статичных блоков
На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью.
Анимация
Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации.
Выгрузка кейса на Behance
Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance.
Презентация кейса в социальных сетях
Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
8-11 неделя
Интернет-магазин
В этом модуле
Бриф с клиентом и конкурентный анализ
Визуальный анализ и прототипирование
Визуальная концепция: Ключевые страницы интернет-магазина
Доработка: Другие страницы + Адаптивная верстка
Оформление кейса
Результат
Второй проект для портфолио. Вы закрепите навык разработки дизайна сайтов, а также использование нейросетей для генерации текстового и медиаконтента.
Интернет-магазин
Юзабилити и конверсия в e-commerce
Теория+Практика
Разработка дизайна
Задачи сайта и общий обзор
В этом уроке вы получите представление о том, такое интерфейс и затронем тему классификации дизайна и сайтов.
Технологический процесс
Вы узнаете последовательность этапов рабочего процесса и научитесь работать четко в его рамках .
Разделы брифа для корпоративного сайта
Вы узнаете, что такое бриф и научитесь заполнять его, а так же узнаете как проводить брифинг с клиентом.
Рабочий Figma-файл
В этом уроке вы узнаете как вести рабочий файл и его содержание.
Аналитика
Вы узнаете что такое конкурентный анализ и погрузитесь в аналитику сайтов.
Прототип
Вы изучите алгоритм создания функционального прототипа.
Техническое задание
Вы узнаете, что такое техническое задание и научитесь заполнять его после проведения аналитики и функционального прототипа.
Практика
Подготовка к созданию визуальной концепции
Референсы
Вы ознакомитесь как работать с референсами - визуальными примерами, которые помогут вам собрать функционально и стилистически сильный проект.
Визуальная концепция
Вы отрисуете минимальный набор страниц, который дает понимание о том, как будет выглядеть весь сайт.
Дизайн остальных страниц
Вы будете следовать тем же шагам, которые вы делали для ключевых страниц при разработке визуальной концепции и отрисуете остальные страницы сайта.
Кириллическая латиница
Вы узнаете о способе работы с проектами на кириллице и переведете свои страницы сайта на кириллицу.
В разработку (адаптив)
Вы узнаете, что такое адаптив и сделаете адаптивные версии своего сайта.
Практика
Оформление проекта в кейс на Behance
Поиск референсов
Вы узнаете на какие этапы делится работа с рефернсами и научитесь отбирать лучшие решения для своего кейса.
Оформление статичных блоков
На этом этапе вы познакомитесь отрисуете статичные блоки своего кейса и сделаете его превью.
Анимация
Вы узнаете роль анимации в кейсах, научитесь выбирать лучшие анимации и подготовите ее для своего кейса, а так же узнаете все технические требования к видео и анимации.
Выгрузка кейса на Behance
Вы узнаете как сделать экспорт статичных макетов кейса, а так же создадите проект на Behance.
Презентация кейса в социальных сетях
Вы узнаете зачем публиковать шоты в социальные сети и освоите механизм создания шотов.
12-19 неделя
Веб-приложение
В этом модуле
Комплексные знания по UX и UI
Анализ данных
Проектирование дизайн-систем
Подготовка к разработке
Оформление кейса
Результат
Кейс с веб-сервисом в портфолио. Научитесь проектировать функциональные веб-сервисы для сложных задач (CRM, дашборды), понимать отличия web/mobile и работать с большим массивом данных.
Веб-приложение
Проектирование логики и интерфейсов с сложной функциональностью
Теория
Модуль 1: Аналитика и исследование (UX)
В этом уроке вы получите представление о том, в чем разница между UX и UI, а также почему они неразрывно связаны между собой.
Введение
В этом уроке вы узнаете постановке задачи, ценности сервисов, а так же о целях бизнеса и финансовых моделях.
Календарь проекта
Вы узнаете как заполнять Календарь проекта и вести свой тайминг.
Брифинг
Вы узнаете, что такое бриф, для чего он нужен и когда его заполняеть.
Анализ персон
В этом уроке вы узнаете, что такое целевая аудитория, кто такие персоны и зачем нужен анализ персон.
Практика
Модуль 2: Визуальный дизайн (UI)
Исследование аудитории
Вы познакомитесь с типами исследований, узнаете как проводить глубинное интервью и правила качественного интервью.
User Flow и Customer Journey Map
Вы узнаете, что такое User Flow и Customer Journey Map и зачем нужны эти инструменты.
Функциональный анализ
Вы узнаете, что такое функциональный анализ и узнаете его функции.
Конкурентный анализ
Вы узнаете, что такое конкурентный анализ и как лучше проанализировать конкурентов.
Jobs To Be Done
Вы узнаете суть подхода JTBD и как это применять в работе дизайнера.
Сущности
Вы узнаете, что такое сущности и их атрибуты.
Структура сервиса
Вы познакомитесь со структурой сервиса и что в нее входит.
Функциональный прототип
Вы узанете, что такое функциональны прототип и проработаете логику пользовательского пути от первого входа до получения конечного результата.
Вайрфреймы
Вы научитесь обозначать области элементов и интегрировать туда нужный текст, подписывать кнопки, навигацию, разделы.
Работа с Autolayout
Вы узнаете, что такое Autolayout и значение Autolayout для передачи в разработку.
Визуальная концепция
Вы узнаете, что такое визуальная концепция, что входит в визуальную концепцию и научитесь презентации концепции.
Компоненты
Вы узнаете, что такое компоненты в Figma и примените это на практике.
Дизайн система
Вы узнаете, что такое дизайн-система, состав дизайн-системы и для чего она нужна.
Финализация макетов
На этом шаге вы доработаете все остальные сценарии пользователя и отрисуете к ним оставшиеся экраны.
Практика
Портфолио и оформление кейса
В разделе "Оформление проекта в кейс на Behance" вы узнаете как лучше всего оформить готовый проект в кейс для своего портфолио.
Алгоритм работы и технические требования
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
Презентация Вашего проекта
Вы познакомитесь с интерфейсом Figma, изучите все инструменты данной программы и узнаете как вести совместную работу в файле.
20-23 неделя
Начало карьеры
В этом модуле
Составление резюме и сопроводительного письма
Подготовка к собеседованию
Разбор тестовых заданий
Начало работы
Результат
От первых шагов в профессии до востребованного специалиста. Реальный клиентский опыт. Лучшие выпускники получают прямые рекомендации от компаний-партнеров (агентств, стартапов, продуктовых команд).
Начало карьеры
Стратегия поиска и прохождения собеседований
Практика
Консультация по трудостройству
Стратегия поиска и прохождения собеседований. Ваши вопросы по трудоустройству, тестовым заданиям, составлению резюме. Спрашивайте все, что вас интересует и в чем нужна помощь.
Практика
Коммерческий проект
Реализация проекта по ТЗ реального заказчика В этом модуле вы будете работать над своим коммерческим проектом. Это отличный шанс применить знания на практике и поработать с реальной задачей — от брифа до финальной сдачи проекта заказчику. На протяжении всей работы вас будут сопровождать дизайнеры студии UPROCK — они помогут на каждом этапе, дадут подробную обратную связь и подскажут, как сделать проект сильнее.
Дополнительные модули
UI Анимация
Научитесь делать современные интерфейсные анимации и стильные презентации.
Adobe After Effects
3D дизайн для веба
Освоите 3D-графику для сайтов, рекламы и геймдизайна.
Blender
No-Code
Научитесь верстать без кода и запускать сайты самостоятельно.
Taptop
AI для дизайнеров
Научитесь использовать ИИ для генерации идей и оптимизации рабочего процесса.
Midjourney
Фриланс
Расскажем, как искать клиентов, работать с заказами и успешно выходить на рынок
Трудоустройство
Лучших студентов рекомендуем на вакансии в компании-партнеры и фриланс-заказы.
Частые вопросы
Что делать, если у меня мало времени на учебу?
Вы можете проходить курс в удобном для вас темпе. В стандартном режиме обучения нет дедлайна на сдачу домашних заданий, есть только общий срок обратной связи от преподавателей на курс и рекомендации по скорости прохождения модулей.
Как долго у меня будет доступ к материалам?
Доступ к материалам курса останется у вас навсегда, даже после завершения обучения.
Смогу ли я заработать после прохождения курса?
Да, курс нацелен на практику и помогает освоить востребованные навыки. Мы даем рекомендации по поиску первых заказов, а лучших студентов рекомендуем на вакансии в компании-партнеры и фриланс-заказы.
Как быстро можно ожидать результат?
Все зависит от вашего темпа обучения и вовлеченности. Первый проект на режиме "Спринтеры" вы можете оформить в портфолио уже через 1-1,5 месяца обучения.
Существует ли рассрочка платежа?
Вы можете воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: ОТП Банк, Сбер, Т-банк и др.
Как быстро я получу доступ после оплаты?
Доступ к платформе вы получите в течение суток после оплаты или по договоренности с удобной вам даты.
Другие курсы
UX/UI дизайнер с нуля
Middle/Senior дизайнер
Продакт дизайнер
& UX‑исследователь
от 2200 ₽ / мес
от 1625 ₽ / мес