8 812 320 13 03
  • Новости
  • Расписание
  • Курсы
  • Организациям
  • Контакты
  • Перезвоните мне

    Курс UX & UI Designer – обучение с нуля | Level Up

    Курс UX | UI дизайнер

    Курс UX | UI дизайнер
    Начало курса
    15.11.2022
    Продолжительность
    4 месяца (72+ ак. часа)
    Расписание
    Вт 19:00 - 22:00
    Сб 11:00 - 14:00


    Онлайн
    (10 мест)
    Единовременно 58990 записаться
    В рассрочку / мес15900 записаться

    Описание курса

    Курс UX | UI дизайнер объединяет сразу три аспекта одной профессии – UX, UI, основы вёрстки и программирования – и предполагает обучение веб-дизайну с нуля. Профессия UI-дизайнера (веб-дизайнера) сегодня невозможна без знаний в UX, так как одной из главных ценностей любого продукта становится удобство и простота его использования.

    Выпускники курса получат навыки и знания, удовлетворяющие большинству запросов работодателей на позицию UX | UI дизайнер / Веб-дизайнер /  UI дизайнер / UX специалист.

    По окончании у каждого выпускника будет в портфолио один проект, хорошо проработанный на разных этапах разработки продукта.


    В результате курса Вы научитесь: 

    • Изучать аудиторию, хорошо понимать ее при помощи профессиональных методик и «попадать в яблочко ее ожиданий»
    • Проектировать на основе исследований
    • Мыслить процессами, а не картинками
    • Создавать пользовательские роли, персоны, персонажи, составлять сценарии их взаимодействия с продуктом
    • Проводить юзабилити-аудит
    • Проверять решения при помощи юзабилити-тестирования
    • Улучшать пользовательские характеристики уже существующих сайтов
    • Повышать конверсию и увеличивать эффективность продукта
    • Создавать продукты, которые восхищают пользователей
    • Рисовать живые прототипы 
    • Работать с Figma на профессиональном уровне
    • Делать адаптивный дизайн
    • Рисовать UI для мобильных приложений 
    • Делать красивый, информативный дизайн для рассылки 
    • Работать со всем актуальным на данный момент инструментарием дизайнера

    Практика | Бонусы | Трудоустройство: 

    • В процессе курса возможны 2 варианта: 
      • Вариант 1. У нас есть реальный проект от Заказчика, т.е.  от одного из агентств / студий Петербурга, и тогда мы будем работать над ним. В этом случае лучший студент, дизайн которого по окончании курса пойдёт в продакшн, продолжает работу с Заказчиком после окончания курса за оплату и получает полный возврат средств за пройденный курс. Конечно, в большинстве случаем макет редактируется более опытным дизайнером перед запуском, при этом студент получает колоссальный опыт, и возможность дальнейшей работы с Заказчиком. Бывало и такое, что Заказчику не нравился ни один проект, в этом случае лучшим студентам мы предлагаем стажировку у наших компаний-партнёров, которые готовы брать джунов. Здесь, ключевое словосочетание лучшим студентам, не всем... Лучшие студенты определяются по обратной связи от преподавателей.
      • Вариант 2. У нас нет реального проекта от Заказчика, и тогда мы реализуем проект, который предлагают преподаватели и кураторы курса и также со стажировкой - предлагаем лучшим студентам.
    • В результате курса у каждого участника будет 1-н хорошо проработанный проект с дизайн-концепцией, прототипами, отрисованным макетом и несколькими свёрстанными страничками (сверстать целый проект в рамках курса просто не представляется возможным, конечно, если вы не научились спать по 2-3 часа в день, как Никола Тесла:) Вообще, верстать мы не требуем, но знать, что это и как работает нужно:)
    • По окончании каждого модуля будут неформальные презентации проделанной работы.

    Требования к участникам курса: 

    • Начальных знаний не требуется, всему учим с нуля

    Стек технологий курса

                                         

    Программа

    Модуль 1. UX 

    развернуть

    Занятие 1. Введение в UX

    • Знакомство
    • Краткое содержание курса
    • Формат занятий, тема проекта потока
    • Знакомство с преподавателями курса
    • Знакомство со студентами
    • Введение в UX
    • Рассказ о профессии UX дизайнера, культура профессии
    • Что такое UX
    • Структура UX работ
    • Место UXD в IT-отрасли
    • Понятия юзабилити, эффективность, продуктивность, удовлетворенность
    • Виды интерфейсов
    • “Магия” в интерфейсах (удачные примеры облегчения взаимодействия)
    • Домашнее задание
    развернуть

    Занятие 2. Старт проекта, с чего начинается UX

    • С чего начинается UX
    • Подготовка к беседе с представителем заказчика
    • Беседа как метод сбора данных, отличие от других методов
    • Изучение целей и задач бизнеса
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 3. Планирование проекта. UX исследования

    • Планирование процесса проектирования
    • Понятие UCD
    • Изучение предметной области
    • Анализ аналогов
    • Насмотренность
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 4. UX исследования

    • Работа с экспертами
    • Исследование пользователей
    • Проблемное и глубинное исследование
    • Эмпатия
    • Рекрутинг респондентов
    • Презентация домашних заданий
    • Практика: планирование интервью
    • Домашнее задание
    развернуть

    Занятие 5. UX исследования

    • Методы сбора информации: интервью, опрос, контент-анализ и другие
    • Выбор метода сбора информации
    • Систематизация и интерпретация полученных в исследованиях данных
    • Понятие “Кейс”
    • Элементы интерфейсов
    • Design tools: Figma
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 6. Аналитика пользователей

    • Метод персонажей
    • Метод профилей пользователей
    • Карты эмпатии
    • Понятие Flow
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 7. Сценарии

    • Создание сценариев пользователя
    • User Stories
    • User и Customer Journey Map
    • Ожидания пользователей
    • Дизайн как решение поставленной задачи.
    • Концептуальные сценарии
    • Концептуальное проектирование решений
    • Использование метафор привычной жизни
    • “Метод волшебной палочки”
    • Информационная архитектура
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 8. Базис проектирования процессов взаимодействия

    • Понятие интерфейс
    • Отличие UX от UI
    • Состав блоков, расположение, соотношение
    • Техника “сушки” интерфейса
    • Проектирование на основе паттернов
    • Participatory design
    • Инструменты для прототипирования
    • Use Cases
    • Написание сценариев взаимодействия (методика)
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 9. Тонкости проектирования взаимодействия

    • Детальное проектирование
    • Золотые правила UXD
    • Способы управления вниманием пользователей
    • Содержание блоков
    • Метод карточной сортировки
    • Переходы
    • Акцентирование
    • Элементы CTA
    • Цветовое кодирование
    • Ясность, приветливость и обаяние интерфейса
    • Эвристики Нильсона и Молича
    • Презентация домашних заданий
    • Домашнее задание
    развернуть

    Занятие 10. Написание спецификации на интерфейс. Как измерить UX, тестирование интерфейсов

    • Написание спецификации на интерфейс
    • Как измерить UX
    • Разработка сценариев тестирования
    • UX опросники
    • Другие методологии тестирования интерфейсов
    • Презентация домашних заданий
    • Практика: детальное проектирование
    • Домашнее задание
    развернуть

    Занятие 11. Презентация проектов

    • Презентация проектов
    • Подведение итогов модуля
    • Ответы на вопросы
    • Куда развиваться дальше, если развиваться в UX. Реалии рынка
    • Типы UX специалистов
    • Варианты трудоустройства
    • Важные детали сотрудничества на фрилансе
    • Полезная литература

    Модуль 2. UI

    развернуть

    Занятие 1. Основы визуального дизайна

    • Краткое знакомство с проектами участников, результатами 1-го модуля
    • Базовые элементы дизайна
    • Цвет
    • Дизайн-концепция
    • Домашнее задание: изучить список полезных ресурсов/лекций/книг для вдохновения. Подготовить мудборд, дизайн-концепцию и цветовую схему для своего проекта
    развернуть

    Занятие 2. Типографика

    • Шрифтовые традиции
    • Текст как базовый элемент вёрстки
    • Виды шрифтов
    • Интерлиньяж, кегль, поля, отступы и модульность
    • Технические возможности программ. Какой инструмент выбрать?
    • Знакомство с Figma, Sketch, Adobe XD
    • Подбор шрифтовых пар
    • Вёрстка своего проекта
    • Домашнее задание: продолжаем работу над проектом
    развернуть

    Занятие 3. Основы работы с макетом

    • Закон Фиттса, теория близости, визуальная структура
    • Примитивы вёрстки
    • Принцип модульности
    • Якорные объекты
    • Чередование ритма
    • Собираем свою страницу
    • Как работать с сеткой в 12 колонок
    • Домашнее задание: продолжить собирать страницу
    развернуть

    Занятие 4. Поведение интерфейса

    • Основные элементы контента
    • Как показать состояние интерфейса
    • Как оформить ссылки
    • Как сделать хорошую кнопку
    • Домашнее задание: нарисовать нужные элементы контента в разных состояниях
    развернуть

    Занятие 5. Векторная графика в UI

    • Растровая и векторная графика
    • Иконки и пиктограммы
    • Размеры в вебе
    • Сетки и гайдлайны
    • Экспорт иконок. SVG формат
    • Домашнее задание: сет из 7 иконок
    развернуть

    Занятие 6. Навигация и структура

    • Виды навигации
    • Информационная архитектура сайта
    • Интерфейс интернет-магазина
    • Удобная регистрация
    • Домашнее задание: навигация по своему проекту
    развернуть

    Занятие 7. Адаптация под Mobile

    • Концепция Mobile first
    • Резиновый дизайн, респонсив и адаптив
    • Популярные сетки для адаптива
    • Разработка сета из нескольких разрешений
    развернуть

    Занятие 8. Передача проекта в вёрстку

    • Учитываем: состояния кнопок и форм, слайдеры, всплывающие окна
    • Передача графики и иконок
    • Как взаимодействовать с разработчиком? Zeplin
    • Домашнее задание: подготовить архив для передачи разработчику
    развернуть

    Занятие 9. Собрать страницу без вёрстки и программирования

    • Что такое визивиг-редакторы
    • Обзор инструментов: Tilda, Webflow, Readymag и другие
    • Примеры сайтов на Tilda
    • Оживляем свой проект с помощью Tilda
    • Домашнее задание: подготовить проект и презентацию заказчику
    развернуть

    Занятия 10-11. Работа над проектами

    развернуть

    Занятия 12. Презентации проектов заказчику

    • Презентация и разбор макетов
    • Подготовка портфолио 
    • Как попасть на работу в компанию мечты?

    Модуль 3. Основы фронт-енд разработки для дизайнеров

    развернуть

    Занятие 1. Введение (Git, VS Code, HTML)

    • Краткое знакомство с проектами участников, результатами модуля 1-2.
    • Основы работы с системой контроля версий на примере git (установка, основные команды) + Github Desktop 
    • Знакомство с VS Code
    • Знакомство с HTML 
    • Структура страницы
    • Основные теги
    развернуть

    Занятие 2. CSS

    • Знакомство с CSS 
    • Подключение, Селекторы, Свойства
    • БЭМ
    • Позиционирование элементов
    развернуть

    Занятие 3. Адаптив, препроцессоры, Flexbox, CSS Grid

    • Виды вёрстки (фиксированная, адаптивная, резиновая) 
    • Flexbox
    • CSS Grid
    • Знакомимся с препроцессорами (SASS)
    развернуть

    Занятие 4. Элементы управления

    • Знакомимся с основными элементами управления
    • Разбираем принципы работы самых популярных элементов на примере элементов Bootstrap
    развернуть

    Занятие 5. Практическое занятие 

    • Выбираем макет для вёрстки (либо свой, либо берём на просторах интернета)
    • Рассматриваем варианты экспорта (в Zeplin и в Figma)
    • Разбираем все практические вопросы
    • Pixel Perfect
    • Разбираем возникающие вопросы
    развернуть

    Занятие 6. Основы JavaScript

    • Очень коротко о Node.js
    • Переменные и типы данных
    • Функции
    • Работа с DOM
    • События
    развернуть

    Занятие 7. Практическое занятие

    • Применяем знания, полученные на предыдущем занятии и делаем свою реализацию нескольких элементов управления
    • Разбираем возникающие вопросы
    развернуть

    Занятие 8. Финальная презентация курсовых проектов

    • Презентации проектов 
    • Разбираем возникающие вопросы
    • Подготовка к собеседованию
    Сертификат после обучения
    Нас знают и ценят работодатели, поэтому сертификат станет вашим дополнительным преимуществом при трудоустройстве в IT-компанию. 

    Для получения сертификата необходимо сдать курсовой проект преподавателю курса. 

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

    Преподаватели

    Ирина

    Эксперт в UX. Закончила Санкт-Петербургский государственный электротехнический университет "ЛЭТИ" им. В.И. Ульянова (Ленина) по специальности Эргономика. 

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

    В данный момент Ирина работает на фрилансе сразу в нескольких крупных проектах, выступает на конференциях и преподаёт. 

    Кирилл

    Frontend разработчик в компании EPAM.

    Программист  со стажем около 2-х лет в разработке ПО.

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

    В процессе профессионального развития работал с разными проектами, с разным стеком технологий, люблю React, JS и TypeScript.

    Последние пол года работаю, как fullstack разработчик как на фронт-энде, так и на бэк-энде.

    "Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете." - говорит Кирилл.

    Андрей

    Фронтенд-разработчик, фрилансер.

    Однажды пробуя себя в веб-дизайне, увлёкся разработкой сайтов и ушёл в неё с головой.

    За 6 лет в сфере интернет-рекламы простил и полюбил JavaScript, создал уникальный детект ботов и научил отдел маркетинга верстать письма самостоятельно и почти без кода.

    Готов провести за ручку по дикому миру фронтенда :)

    Фото с очных занятий в СПб

    Отзывы

    Всего отзывов: 20
    Курс UX | UI дизайнер
    Евгения Пещерова
    Санкт-Петербург

    Все три блока очень интересные. Преподаватели супер! Спасибо за курс!

    Курс UX | UI дизайнер
    Данила Вычуров
    Санкт-Петербург

    Команда тренеров Level UP - просто супер. Ребята молодцы. Спасибо большое за курс. Всем рекомендую!

    Курс UX | UI дизайнер
    Ефросинина Мария
    Санкт-Петербург

    Спасибо Level UP за отличный курс! Преподаватели - очень приятные и компетентные. После курса выстроилась общая картина в профессии, хочется идти и покорять вершины! Одно омрачало - Adobe Connect. Это печаль и насилие над студентами.

    Курс UX | UI дизайнер
    Ольга Чермашенцева
    Санкт-Петербург

    Проходила у вас в школе курс UX/UI Designer с февраля по июнь этого года. 


    Преподавателями были Алексей, Варвара и Антон. Мне очень повезло попасть на курс именно к этим преподавателям. Потому что именно они смогли сформировать то чёткое представление о профессии, которого у меня не было. 

    Особое спасибо Алексею. Именно благодаря ему узнала, что такое командная работа. Это очень важный скилл, на мой взгляд. Он мотивировал нас, подогревал интерес к исследованиям, много анализировали и разбирали всё по полочкам.

    Не было такого, чтобы мы не получили ответ на вопрос. Да и в целом было душевно. Хотелось работать и узнавать новое. Была поддержка 24/7 =) 

    Варваре хотелось бы сказать спасибо за рекомендации по литературе и источникам вдохновения! =)
    Антону за то, что он всё же смог за тот короткий промежуток времени научить верстать основы! =) 

    На курс пришла без опыта и знаний. Было лишь желание изменить жизнь =) Когда шла на занятия, не была уверена в выборе профессии на 100%. 

    А уж то, что буду работать дизайнером в Яндексе и предположить не могла. Уже два месяца я работаю в Яндексе именно благодаря этой команде преподавателей! 

    Спасибо! И успехов =)

    Курс UX | UI дизайнер
    Ольга
    Санкт-Петербург

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

    Курс UX | UI дизайнер
    Андрей
    Санкт-Петербург

    Очень интересный и полезный курс. Не имея малейшего представления кто такой UX|UI дизайнер, что он делает, уже после первого занятия понимаешь, насколько это интересно и творческая профессия. За пять месяцев обучения, я приобрел реальные знания в дизайне, верстке и маркетинге. Надеюсь, что в дальнейшем эти знания будут только приумножаться. Огромное спасибо за терпение и помощь в получении новых знаний преподавателям: Алексею, Варваре, Руслану и Антону. Очень позитивные и образованные ребята.

    Курс UX | UI дизайнер
    Татьяна Бондаренко
    Санкт-Петербург

    Очень полезный курс. Блок UX от Алексея перестроил мне все мировоззрение :) Отдельное спасибо ему за активности вне занятий и огромную вовлеченность в процесс обучения. Для курса UI все же лучше иметь минимальные представления о дизайне и графических редакторах, иначе может быть сложно все ухватить за столь короткий курс. Еще хотелось бы чуть меньше направленности в сторону лендингов, есть ведь и другие типы сайтов. Вэб у нас успели повести и Руслан и Антон. И честно говоря, за половину Руслана я смогла понять очень мало, Антон за свои 5 занятий буквально наверстал все с нуля. Спасибо ему за обстоятельный подход в подаче материала и своевременный разбор кучи моих вопросов. Руслана хотелось бы попросить лучше проработать материал и больше времени уделять студентам.

    Курс UX | UI дизайнер
    Павел Черемных
    Санкт-Петербург

    Каждый блок интересен, и при достойном желании студента, дает все нужные навыки.

    Курс UX | UI дизайнер
    Екатерина Нигай
    Санкт-Петербург

    Отличный курс по контексту, структуре и информативности. Было бы хорошо увеличить продолжительность курса, т.к. иногда не хватает времени на детальную проработку практических заданий. Ирина супер компетентный специалист по UX и замечательный человек!

    Курс UX | UI дизайнер
    Олег Филичев
    Санкт-Петербург

    Всего за 10 занятий можно узнать много интересного, не только в части UX. Программа очень насыщенная, интересно подаётся информация. Всё структурировано, воркшопы занимают не много времени на занятиях, что приятно, поскольку они эффективны. Сама программа курса классная, раскрывает все нюансы как для специалистов, так и для тех, кто не слишком близок к этой профессии. В итоге по соотношению цена-качество получаем отличный результат. Информация подаётся как нужно. Очень понравился курс.

    Курс UX | UI дизайнер
    Алеся Филимонова
    Санкт-Петербург

    Всё очень понравилось. Жаль, что было мало занятий, так как хотелось большего погружения. Приятный преподаватель Ирина умеет увлечь, её хочется слушать, вникать в суть даже после рабочего дня =) Спасибо Ирине и всей группе за интересный и полезный курс. P.S. К окончанию курса уже применяла свои знания на практике вне занятий.

    Курс UX | UI дизайнер
    Всеволод Чернов
    Санкт-Петербург

    Несмотря на относительно небольшое количество часов, курс даёт обстоятельное понимание того, что такое UX, и того, с чего стоит начать свой триумфальный путь к вершине UX дизайнерства. Отдельно выделяю большое количество практических занятий, которые особо способствуют погружению в материал. Хотелось бы больше "раздаточного материала", а не только презентаций. Большое спасибо, Ирина!

    Курс UX | UI дизайнер
    DakotaTown
    Санкт-Петербург

    Большое спасибо всему коллективу и особенно нашему преподавателю Светлане :)

    Курс UX | UI дизайнер
    Лев
    Санкт-Петербург

    Хотел подробней понять, узнать Web-дизайн, всё понравилось, ожидания оправдались, очень хороший, толковый учитель, приятные аудитории, ребята.

    Курс UX | UI дизайнер
    Кристина Назаренко
    Санкт-Петербург

    Много дополнительной полезной информации. Не хватило времени качественно выполнять д/з. Но это потому что я много работаю :) За отведенный срок – мои ожидания более чем оправдались, действительно большой объем знаний и ооочень много практики! :)

    Курс UX | UI дизайнер
    Евгения
    Санкт-Петербург

    Тренер отвечает на вопросы развернуто, подробно, понятно. Тема раскрыта. Ожидания более чем оправдались. Общее впечатление - очень понравилось, буду советовать Вашу организацию.

    Курс UX | UI дизайнер
    Дмитрий
    Санкт-Петербург

    Перед начало курса с "трудом" представлял профессию веб-дизайнера, но уже после первых занятий курса в голове начала сформироваться вся картина предстоящей учебы / работы, материал подан преподавателем довольно простым и понятным языком, всегда есть возможность переспросить :) и получить развёрнутый ответ, с каждым новым занятием всё больше углублялись в профессию, а также обучались спец.программам, выполняли домашние задания (они были несложными, если их делать:), также понравилось, что урок записывается и его всегда можно посмотреть! После учёбы точно буду учиться дальше! Очень заинтересовала сфера деятельности.

    Курс UX | UI дизайнер
    Ксения
    Санкт-Петербург

    Несмотря на такую небольшую продолжительность курса, получила достаточно хорошие знания. Очень понравилась подача преподавателем. За короткий срок получила хорошие знания web. Отличный курс для тех, кто за короткое время хочет получить хорошие базовые знаний. Буду вас рекомендовать своим друзьям и знакомым.

    Курс UX | UI дизайнер
    Марина
    Санкт-Петербург

    В целом курс понравился. Приятный преподаватель. Программа включает все необходимые для начинающего специалиста навыки. Моё личное пожелание: т.к. я приступила к обучению с "0", хотелось бы более подробно останавливаться на разборе инструментов в каждой программе - больше занятий!

    Курс UX | UI дизайнер
    Анна
    Санкт-Петербург

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

    Показать больше
    Курсы программирования, тестирования, мобильных и веб-технологий от Level UP!
    Учитесь с профессионалами в сфере IT-образования!