Образовательная платформа
Осенняя распродажа Скидка 40% действует 0 дней 00:00:00
Записаться на курс

Первый платёж через 6 месяцев

Профессия Fullstack-дизайнер (5 курсов)

Вы научитесь создавать прототипы, интерфейсы, дизайн-системы и тестировать готовые продукты. Освоите frontend, сможете одинаково хорошо выполнять задачи дизайнера и верстальщика — станете незаменимым специалистом на рынке.

О профессии

Fullstack-дизайнеры могут заменить нескольких специалистов, поэтому им предлагают высокие зарплаты

Кому подойдёт этот курс

  • Новичкам в UX и веб-дизайне

    Повысите качество дизайн-проектов, научитесь собирать сайты на Tilda, разбираться в HTML, CSS, JS. Поймёте весь цикл создания веб-продукта — и сможете работать как универсальный специалист.

  • Веб-дизайнерам на фрилансе

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

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

    Добавите к своим компетенциям веб-дизайн. Сможете не только делать и тестировать frontend будущего продукта, но и участвовать в создании дизайн-концепта.

  • Product-менеджерам

    Освоите веб-дизайн и frontend-разработку, познакомитесь с процессами и трудностями этих направлений. Сможете более эффективно управлять продуктовой командой.

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

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

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

  • Проводить UX-исследования

    Познакомитесь с дизайном на основе данных и научитесь проводить юзабилити- и A/B-тесты. Сможете создать продукт, который понравится пользователям.

  • Верстать сайты

    Изучите HTML, CSS и JS. Сможете отвечать за frontend продукта и верстать сайт без помощи программистов.

  • Анимировать прототипы

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

  • Создавать сайты на Tilda

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

  • Работать с заказчиками

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

Учитесь сейчас, платите потом!

Расходы за первые 6 месяцев обучения на платформе Skillbox берёт на себя. В это время вы смотрите видеоматериалы, практикуетесь на реальных задачах, прокачиваете навыки и начинаете зарабатывать.

Кредитная программа от надёжных банков

  • Для граждан РФ
  • Без первого взноса
  • Без переплаты по процентам
  • Одобрение в день обращения

О Skillbox

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вас ждут блоки по веб-дизайну и вёрстке, UX и Figma с разным уровнем сложности, видеоматериалы и практические задания.

  • 9 месяцев обучения
  • 108 тематических модулей

  1. Веб-дизайн с нуля 

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

      1. Введение и первый результат
      2. Бонус-модуль. Самые частые ошибки начинающих дизайнеров
      3. Бонус-модуль. Плагины
      4. Тренды, подготовка, мудборды
      5. Работа со стилями. Создание GUI
      6. Главная страница, первые шаги
      7. Основы работы с графикой
      8. Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне
      9. Декомпозиция
      10. Навигация и структура
      11. Интересная подача информации
      12. Формы и кнопки
      13. Дизайн-системы
      14. Адаптивность и мобильная версия
      15. Цвета, настроение. Промостраница мероприятия
      16. Декомпозиция промостраницы
      17. Анимация в Figma
      18. Презентация для клиента
      19. Передача проекта в вёрстку
      20. Первый кейс на Behance
      21. Бонус-модуль. Введение в вёрстку

  2. Веб-дизайн PRO 

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

      1. Специализация и личное позиционирование
      2. Концептуальный дизайн
      3. Бонус модуль. Развитие дизайнера
      4. Введение в UX
      5. Портреты пользователей и CJM
      6. Иконки
      7. Типографика PRO
      8. Бонус модуль. Работа с данными от заказчика
      9. Readymag
      10. Продвинутая презентация
      11. Бонус модуль. Процесс работы над проектами дизайн-команды в РИА Новости
      12. Копирайтинг
      13. Cinema 4D + Blender
      14. Adobe XD
      15. Кейс на 1000 лайков
      16. План развития дизайнера на три года
      17. Информация об итоговом проекте

  3. UX-дизайн

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

      1. Профессия дизайнера в эпоху цифровых перемен
      2. Дизайн-мышление
      3. UX-проектирование. Паттерны и психология пользователя
      4. Бонус-модуль. Удобный интерфейс
      5. Основы юзабилити
      6. Юзабилити-тестирование
      7. Сервисный дизайн
      8. Формы и UX-исследования
      9. Бонус-модуль. Кейс по сервисному дизайну
      10. Бонус-модуль. Проектирование CRM-систем
      11. E-commerce
      12. UI/Визуальная концепция
      13. Бонус-модуль. Дизайн-система и паттерны
      14. Мобильный UX/UI
      15. Текст в интерфейсе
      16. Бонус-модуль. Анимация интерфейсных элементов
      17. Бонус-модуль. Кейс проектирования для юр. лиц
      18. Дизайн на основе данных
      19. Бонус-модуль. А/В-тесты
      20. Бонус-модуль. Работа над проектом
      21. Успешная презентация
      22. Бонус-модуль. UX + Agile
      23. Карьера в UX
      24. Информация об итоговом проекте

  4. Figma

    Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы, работать над проектом с командой.

      1. Введение в Figma. Обзор возможностей
      2. Работа с графикой
      3. Редактор Figma - модульные сетки и монтажные области
      4. Создание и настройка компонентов, работа с эффектами
      5. Создание вложенных компонентов. Auto Layout
      6. Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
      7. Прототипирование
      8. Figma Animate
      9. Бонус-модуль. Обзор и применение Figma plugins

  5. Веб-вёрстка с нуля

    Вы поймёте назначение основных тегов HTML, сможете стилизовать и размещать элементы с помощью CSS, JavaScript и сверстаете свой первый дизайн-макет.

      1. Введение
      2. Базовый HTML
      3. Базовый CSS
      4. Работа с макетом
      5. Layout. HTML-разметка
      6. Layout. Flexbox
      7. Layout. Стилизация
      8. Продвинутый HTML. Формы
      9. Продвинутый CSS
      10. Сетки
      11. Адаптивность. Десктоп и планшет
      12. Адаптивность. Мобильные устройства
      13. Доступность
      14. JavaScript для верстальщика
      15. Кросс-браузерность
      16. Бонус-модуль. База знаний
      17. Работа с хостингом
      18. Анимация
      19. Практическая работа (мини-проект)

  6. Веб-вёрстка PRO

    Вы научитесь верстать письма для email-рассылок, узнаете, как быстро создавать шаблоны с помощью гридов. Изучите особенности вёрстки сайтов под CMS-движки и анимацию на CSS3 и JS.

      1. Верстка HTML-писем
      2. Сборщики
      3. Препроцессоры и постпроцессоры
      4. CSS Grid
      5. Анимация интерфейса
      6. CMS
      7. Будущее верстки
      8. Информация об итоговом проекте

  7. Дизайнер сайтов на Tilda

    Вы научитесь создавать красивые и функциональные сайты на конструкторе Tilda. Поймёте, как собирать лиды через CRM Tilda и читать данные встроенной веб-аналитики.

      1. Введение
      2. Начинаем работу с Tilda
      3. Оформление сайта
      4. Обложки и слайдеры
      5. Меню
      6. Формы и кнопки
      7. ZERO-блок
      8. ZERO-блок, часть 2
      9. Кастомный код
      10. Блоги и новости, лонгриды
      11. Интернет-магазин
      12. Мобильная версия
      13. Аналитика
      14. Приём данных форм, CRM
      15. Подготовка к запуску
      16. Работа с клиентами

  8. Итоговый проект. Дизайн и вёрстка сайта

    Вы создадите прототип digital-продукта, (например, сайта), протестируете его на пользователях по принципам UX, разработаете дизайн-концепцию и сверстаете итоговый продукт.

Спикеры

Сергей Попков
Сергей
Попков Шеф-дизайнер, сооснователь AIC
Антон Рыбаков
Антон
Рыбаков Старший UI/UX-дизайнер в компании «КРОК»
Сергей Корниенко
Сергей
Корниенко Frontend teamlead в Prequel Inc. Больше 20 лет в разработке
Игорь Коропов
Игорь
Коропов Основатель Skillbox
Дмитрий Матвеев
Дмитрий
Матвеев Арт-директор Wildberries
Михаил Никипелов
Михаил
Никипелов Product Designer, American Estate & Trust
Вадим Паясу
Вадим
Паясу Дизайнер
Дмитрий Игошин
Дмитрий
Игошин Арт-директор AIC
Сергей Киреев
Сергей
Киреев Арт-директор AIC
Филипп Соломин
Филипп
Соломин Aрхитектор дизайн-системы в Avito
Святослав Трипольский
Святослав
Трипольский CEO веб-студии We Make Digital

Год английского языка!

Пройдите 3 модуля из первого курса и получите доступ к урокам английского языка по промокодам от Skillbox на год.

Предложение действует для пользователей Skillbox, которые купили любую профессию с 1 марта 2023 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа обучения, которая поможет заговорить по‑английски с нуля;
  • 4 индивидуальные сессии по 25 минут с преподавателями, чтобы улучшить произношение.
Изображение KESPA

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

  • 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 оценки

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

  • Отзывы студентов Иван Медведев, г. Ивантеевка Курс «Профессия Инженер по тестированию»
    Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю баги, разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
  • Отзывы студентов Валентина Нарушевич, г. Санкт-Петербург Курс «Графический дизайнер с нуля до PRO»
    Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скилов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
  • Отзывы студентов Яна Щербицкая, г. Санкт-Петербург Курс «Photoshop с нуля до PRO»
    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
  • Отзывы студентов Елена Кальво, г. Ницца, Франция Курс «Копирайтинг от А до Я 2.0»
    «Почему бы не сделать из хобби источник заработка?» — однажды подумала я.
    Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
    Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.

  • Отзывы студентов Ирина Семёнова, г. Бельцы, Молдова Курс «Профессия SMM-специалист»
    Я узнала, что такое охваты, KPI и прочие слова, которые раньше пугали. Поняла, что чем проще и понятнее, тем лучше. Разобралась в сложной иерархии рекламного кабинета и научилась настраивать аудиторию и рекламу.

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

Ваше резюме после прохождения курса

Fullstack-дизайнер

от 120 000 ₽

Навыки:

  • Знание HTML, CSS
  • Разработка дизайн-макетов
  • Макетирование и анимация продукта в Figma
  • Создание сайтов на Tilda
  • Умение анализировать ЦА и составлять CJM
  • Создание 3D-элементов в Photoshop
  • JavaScript для верстальщика
  • Навыки презентации готового решения
  • Проектирование пользовательских интерфейсов
  • Создание адаптивного продукта (веб/мобильный)
  • Создание кросс-браузерного продукта

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

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

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

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

Стоимость курса

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

  • 411 457 ₽
  • 246 874 ₽
  • -40%
7 964 ₽/мес
  • В рассрочку на 31 месяц
  • Первый платёж через 6 месяцев
  • Гарантируем трудоустройство — или вернём деньги*
  • Студенты могут вернуть до 13% стоимости курса, оформив налоговый вычет

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

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

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

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

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

Спасибо!

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

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

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

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

    • Я никогда не занимался веб-дизайном. У меня получится?
      Конечно! У вас всё получится даже без специальных знаний — просто уделяйте больше внимания практике и читайте дополнительную литературу. В остальном помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.
    • Какой график обучения на платформе? Получится ли совмещать его с работой?
      Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видео будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
    • Сколько часов в неделю мне нужно будет уделять обучению на платформе?
      Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.
    • Кто будет мне помогать в обучении на платформе?
      У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
    • Действуют ли какие-нибудь программы рассрочки?
      Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.