Осенняя распродажа Скидка 30% действует 0 дней 00:00:00
Курс

Веб-дизайн с нуля до PRO

Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.

О профессии

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

Профессия востребована IT-компаниями

IT — это не только программирование. Поэтому компании ищут разных специалистов в свои команды, без работы которых невозможно создать современный IT-продукт.

IT — это стабильно растущий рынок и хорошие карьерные перспективы.
А ещё аккредитованные IT-компании получают поддержку от государства.

Их сотрудники могут:

  • Купить квартиру или дом в ипотеку по льготной ставке 5%.
  • Получить отсрочку от армии на время работы.

Чему вы научитесь

  • Создавать сайты и приложения в Figma

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

  • Делать адаптивные макеты

    Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.

  • Создавать удобные интерфейсы

    Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.

  • Делать несложную анимацию

    Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.

  • Писать тексты для интерфейсов

    Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.

  • Общаться с заказчиками

    Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.

Проект по реальному заданию от заказчика

Раз в месяц вы будете участвовать в дизайн-спринтах. Это отличный шанс сделать сильный проект для портфолио и поработать в условиях, приближенных к будням дизайнера.

Участники предыдущих потоков уже делали:

  • карточки товаров для новых кроссовок Nike на сайте магазина;
  • адаптивные версии лендинга для «Аэрофлота»;
  • страницы фильмов для «Кинопоиска».

Содержание курса

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

  • 5 месяцев обучения
  • 31 тематический модуль

Figma с нуля до PRO

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

  1. Знакомство с Figma

    Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.

  2. Основные инструменты Figma

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

  3. Иконки, иллюстрации и картинки

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

  4. Компоненты

    Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.

  5. Библиотеки компонентов и общие стили

    Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

  6. Auto Layout и Variants

    Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

  7. Сложные многостраничные документы

    Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

  8. Дополнительные возможности и сообщество авторов

    Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.

  9. Подготовка макета для разработчиков

    Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Веб-дизайн с нуля до PRO

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

  1. Знакомство с профессией веб-дизайнера

    Узнаете, какие задачи решают веб-дизайнеры и почему эти специалисты так востребованы. Познакомитесь с профессиональными терминами и инструментами.

  2. Первый заказ: коммуникация с заказчиком и техническое задание

    Научитесь общаться с заказчиком: выяснять цели и ограничения проекта, обсуждать референсы, планировать сроки. Поймёте, как сформировать правильные ожидания от работы и не обещать слишком много. Составите техническое задание.

  3. Поиск идеи

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

  4. Модульные сетки

    Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.

  5. Вертикальный ритм

    Научитесь управлять вниманием пользователей с помощью грамотной композиции и вертикального ритма. Узнаете о визуальной иерархии и поймёте, какого размера должен быть каждый элемент на странице.

  6. Типографика

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

  7. Спринт 1

    Дорого и минималистично: создаём дизайн лендинга на основе типографики.

  8. Задача текстов в интерфейсах

    Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.

  9. Цвета, фоны и тени

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

  10. Контраст и читаемость

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

  11. Прототип первой страницы

    Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.

  12. Спринт 2

    UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.

  13. Первый экран страницы

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

  14. Исследование пользователей: Customer Journey Map и User Flow

    Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.

  15. Навигация

    Разберётесь в видах навигации. Поймёте, для каких задач и устройств подходит каждый из них.

  16. Дизайн основных блоков

    Научитесь создавать карточки товаров, слайдеры, блоки с преимуществами, тарифами и рекламой. Соберёте полноценную страницу и поймёте, как презентовать её клиенту. Сможете объяснить свои дизайн-решения, адекватно воспринимать правки и работать с возражениями заказчика.

  17. Адаптивность и компоненты

    Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.

  18. Спринт 3

    Адаптируем макет страницы для компьютера, планшета и мобильного телефона.

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

    Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.

  20. Передача макета разработчикам

    Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.

  21. Спринт 4

    Приёмы для эффектного портфолио: оформляем кейс на Behance.

  22. Кейс для портфолио

    Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.

  23. Бонус-модули

      1. Принципы успешной работы с заказчиком
      2. Где искать заказы
      3. Как дизайнеры работают в больших командах

Итоговый проект

  1. Дизайн-концепт сайта

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

Как проходит обучение на платформе

  • Иллюстрация этапа обучения
    Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Иллюстрация этапа обучения
    Теория

    Получаете знания

    Курсы состоят из тематических видео разной длительности. Смотрите их когда и где угодно. Доступ бессрочный, чтобы вы всегда могли вернуться и повторить теорию.

  • Иллюстрация этапа обучения
    Практика

    Выполняете задания

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

  • Иллюстрация этапа обучения
    Обратная связь

    Работаете с куратором

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

Спикеры

  • Фотография Дмитрий Смирнов Дмитрий Смирнов

    Design Lead в «Тинькофф»

  • Фотография Юлия Кондратьева Юлия Кондратьева

    Design Lead в «Тинькофф»

  • Фотография Александр Свобода Александр Свобода

    Проверяющий эксперт в Skillbox

  • Фотография Дмитрий Матвеев Дмитрий Матвеев

    Арт-директор Wildberries

  • Фотография Никита Беллер Никита Беллер

    Продуктовый дизайнер группы компаний «Тинькофф»

  • Фотография Сергей Попков Сергей Попков

    Шеф-дизайнер, сооснователь AIC

  • Фотография Александра Королькова Александра Королькова

    Арт-директор шрифтовой студии Paratype

  • Фотография Ирина Ермакова Ирина Ермакова

    Веб-дизайнер в бюро «Синий Муравей»

  • Фотография Юлия Соловьёва Юлия Соловьёва

    Дизайнер, арт-директор веб-бюро Blue Ant

  • Фотография Никита Заславский Никита Заславский

    Head of Digital в студии «Магвай»

  • Фотография Александр Ищенко Александр Ищенко

    Старший веб-дизайнер в студии «Магвай»

Отзывы участников

  • Анастасия Гелеклиди Курс «Веб-дизайн (комплект курсов) 2020»
    Я всем довольна. Представленной информации достаточно для освоения необходимых навыков. Если чего-то не хватает, всегда есть дополнительные полезные видео и статьи, которыми делится куратор. Работы проверяются качественно и быстро.
  • Спикеры очень грамотно и понятно объясняют. Интересная подача материала. Мой куратор, Антон Антонов, помогал на всём пути прохождения курса «Веб-дизайн с нуля на Figma», делал нужные и корректные правки.
  • Анна Афанасьева Курс «Photoshop с нуля до PRO»
    Нравится обратная связь от спикера Александра Старцева, очень подробный разбор практических работ, полезные советы и дополнительные материалы.
  • Отзывы студентов Арина Молочникова, Россия, Краснодар Курс «Figma с нуля до PRO»
    Всё потрясающе! Куратор указывает на слабые места и даёт информацию, как их доработать. Я довольна.
  • Татьяна Каргина Курс «Figma с нуля до PRO»
    Нравится скорость проверки практических заданий, коммуникация куратора с участниками. Качество материалов, структурированность и простота в объяснении — легко усваивать новое.
  • Интересные и полезные практические работы, последовательное изложение материала в каждом блоке, удобная форма обучения на платформе.
  • Карина Багдасарян Курс «Профессия Веб-дизайнер 2022»
    Больше всего понравилась подача информации. Куратор отвечает быстро, нравится, что он подмечает ошибки и старается помочь с практическими работами. Минусов нет, ничего плохого не замечала.
  • Светлана Гринченко Курс «Веб-дизайн с нуля до PRO»
    Особенно понравилось начало учёбы в Photoshop — завораживает, спикеры всё не спеша рассказывают в подробностях. А ответ куратора Антона вообще удивил скоростью проверки, видеофидбэком и дополнительной информацией.

    Курс «Веб-дизайн с нуля на Figma» также нравится. Постепенно открываются секреты профессионального веб-дизайна.
  • Виктория Гарькавая Курс «Веб-дизайн (комплект курсов) 2020»
    Понравилась последовательность раскрытия материала, постепенное увеличение сложности заданий, замечательный куратор.
  • Роксана Моисеева Курс «Figma с нуля до PRO»
    Понравилась подача материала. Всё было понятно и доступно объяснено.
  • Тамила Геокчаева Курс «Веб-дизайн с нуля до PRO»
    Мне очень нравится обучение, всё достаточно понятно, кураторы подробно отвечают на все вопросы :) Правда, не могу правильно выстроить свой тайм-менеджмент, чтобы заниматься дизайном чаще, но это уже проблема во мне :) К платформе у меня вопросов нет :)
  • Наташа Стребкова Курс «Figma с нуля до PRO»
    Нравится обратная связь — есть возможность задать вопрос, даже если он касается не конкретной практической работы, а профессии дизайнера в целом.
  • Анна Прохорова Курс «Photoshop с нуля до PRO»
    Всё понравилось: материал полезный, подача отличная, обратная связь от куратора и его работа прекрасны!
  • Никита Шаура Курс «Figma с нуля до PRO»
    Нравятся короткие видео, которые не страшно начинать смотреть из-за их размера. Спикеры, у которых прекрасно получается донести информацию без воды. Дизайн сайта. Есть перспектива после окончания обучения (чего не бывает в российских колледжах). Практические работы, которые помогают отработать все знания, полученные в модуле.

    Иногда ожидание ответа от куратора затягивается на 3-4 дня, что, по-моему, многовато. Я не виню наставника, ведь понимаю, что у него много работы, но на блок можно выделить ещё одного куратора для улучшения скорости фидбэка.
  • Валерия Митрякова Курс «Веб-дизайн с нуля до PRO»
    Хорошо, что есть возможность самостоятельно выбирать удобное время и темп прохождения курса. Особенно порадовали разные спикеры и эксперты. Смотрю видео и понимаю, что каждый говорящий отлично разбирается в своей теме) Платформа Skillbox — юзерфрендли, поддержка на высоте. Есть замечание, которое относится не к курсу, а к тому, как менеджер его продал. Пришлось взять потребительский кредит в 30,3% годовых. Я не была к этому готова и остался осадок.Хочу посещать встречи вживую, открытые защиты итоговых проектов, экскурсии. Пока что вижу, что всё проходит онлайн, хотя коронавирусные меры сняты.
  • Понравилось общение с кураторами, спикеры, оптимальное количество практических работ, материал и его подача, дополнительные материалы по теме, обратная связь в Telegram-чате и от службы поддержки.
  • Юлия Данилова Курс «Веб-дизайн с нуля до PRO»
    Нравится возможность проходить все курсы параллельно. Очень понравился блок про композицию в дизайне, курс по UX-дизайну, а также курс по Figma. Несмотря на то что уже в ней работаю, узнаю маленькие фишечки, которых раньше не знала.

    Не очень понятным был блок про работу со шрифтами. Не хватило конкретных примеров, и не все нюансы остались понятны, в том числе про лицензии.
  • Елена Ушакова Курс «Веб-дизайн с нуля до PRO»
    Обучение хорошо структурировано и очень информативно. Приятно, что уделяют внимание мелочам, которые в целом создают практический навык, а не просто информируют о возможных результатах его применения. Наглядно, кратко, понятно!

    Жаль, что нет возможности сдать практическое задание на проверку, если курс дополнительный в профессии. Мне кажется, можно было бы факультативно оставить опцию сдачи практики тем, кто хочет закрепить навык и получить обратную связь от куратора.
  • Яна Тертышная Курс «UX-дизайнер с нуля до PRO»
    Очень полезная и подробная связь от кураторов. Уже на этапе обучения создают атмосферу рабочей команды, что потом помогает легче внедряться в новый коллектив.

    Очень полные курсы с профессией. Я, вечно занятая, за два года не освоила, наверное, и половины. Но доступ к курсу даётся навсегда, поэтому не следует переживать, что вы что-то не успеваете. Сейчас я с удовольствием совмещаю и работу, и учёбу.
  • Алина Гусева Курс «Веб-дизайн с нуля до PRO»
    Нравится компоновка материала и то, что мало воды. А ещё о-о-очень хорошие наставники!Но есть старая информация.
  • Татьяна Вахрамеева Курс «1С:Бухгалтерия 8, редакция 3.0»
    Понравилась подача материала, общение с куратором, наполнение курсов — ничего лишнего.
  • Марина Колесникова Курс «Веб-дизайн с нуля до PRO»
    Нравится простой и понятный материал, возможность задать вопросы не только куратору, но и ребятам в телеграм-чате. Возможность учиться тогда, когда удобно, а не когда заставляют.

    С удовольствием приобрету ещё не один курс в Skillbox :)

Ваше резюме после обучения

Веб-дизайнер

от 60 000 ₽

Навыки:

  • Оценка проекта, составление ТЗ
  • Составление Customer Journey Map и User Flow
  • Разработка адаптивных интерфейсов и мобильных версий сайтов
  • Контроль этапов разработки сайта
  • Использование принципов юзабилити
  • Дизайн сайтов и презентаций в Figma
  • Анимация прототипов
  • UX-райтинг
  • Презентация проектов

Подтверждение ваших навыков

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

Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.

Посмотреть сертификат
  • Старт курса: 5 октября
  • Осталось: 8 мест

Стоимость обучения

Скидка действует 0 дня 00:00:00

  • 4 776 ₽/мес
  • -30%
3 343 ₽/мес
  • В рассрочку на 24 месяца
  • Студенты могут вернуть до 13% стоимости курса, оформив налоговый вычет

Выберите вариант оплаты

Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

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

Спасибо!

Ваша заявка успешно отправлена

Вам может понравиться

    Часто задаваемые вопросы

    • Я никогда не занимался веб-дизайном. У меня получится?
      Конечно! У вас всё получится даже без специальных знаний — просто уделяйте больше внимания практическим заданиям, участвуйте в спринтах и читайте дополнительную литературу. В остальном помогут опытные спикеры, которые будут курировать вас на протяжении всего курса.
    • В каком графическом редакторе я буду работать?
      Спикеры научат вас профессионально работать в Figma. Но вы можете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD.
    • Какой график обучения? Получится ли совмещать его с работой?
      Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видеоматериалы будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
    • Сколько часов в неделю мне нужно будет уделять учёбе?
      Всё зависит только от вас. В среднем пользователи нашей платформы занимаются от трёх до пяти часов в неделю.
    • Я смогу общаться со спикерами?
      У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические работы и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки.
    • Действуют ли какие-нибудь программы рассрочки?
      Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
    • Могу ли я получить налоговый вычет за обучение на платформе?
      Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.

      • Вы можете вернуть средства через работодателя или налоговую.
      • Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
      • Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
      • В течение 30 дней налоговая подтвердит ваше право на вычет.
      • Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.

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

    Где работают веб-дизайнеры и как найти работу?

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

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

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

    О Skillbox

    Skillbox —
    по качеству обучения. Вся теория записана с топовыми экспертами рынка, а практика максимально приближена к реальным рабочим задачам. Послушайте, что говорят те, кто уже достиг своих целей вместе со Skillbox.

    Студенты довольны обучением

    • 93% выпускников отмечают, что Skillbox помог достичь поставленной цели
    • 78% выпускников готовы рекомендовать обучение в Skillbox

    Данные независимого опроса выпускников Skillbox, проведённого Высшей школой экономики (НИУ ВШЭ)

    4500+ оценок на разных независимых площадках

    • 4,7
      4967 оценок
    • 4,7
      974 оценки
    • 4,8
      490 оценок
    • 4,5
      2368 оценок
    • 4,7
      559 оценок
    • 5,0
      321 оценка
    • 4,5
      230 оценок
    • 4,7
      232 оценки

    Где работают участники курсов Skillbox