В чёрную пятницу — скидки до 60% : : Узнать больше В чёрную пятницу — скидки до 60%
Образовательная платформа
Найди себя в Skillbox Скидка 45% действует 0 дней 00:00:00
Курс

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

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

О профессии

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

Как быстро окупится обучение

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

На позиции Junior вы заработаете столько же, сколько стоит курс,

за 2 месяца

Зарплаты дизайнера интерфейсов, по данным hh.ru

по данным HH.ru
  • Junior Начало работы
  • Middle Опыт 12 месяцев
  • Senior Опыт 24 месяца

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

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

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

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

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

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

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

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

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

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

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

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

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

Научим всем ключевым навыкам веб-дизайнера

Должность

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

Навыки

  • Создаю дизайн лендингов и многостраничных сайтов
  • Разрабатываю кликабельные прототипы
  • Делаю дизайн мобильных приложений
  • Анимирую интерфейсы
  • Провожу UX-исследования
  • Разрабатываю UI-кит
  • Умею презентовать проекты

Инструменты

Бонусный курс «Figma с нуля до PRO»

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

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

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

  • 9 месяцев обучения
  • 40+ реальных задач

1-й уровень: Intern

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

  1. Дизайн рекламного баннера

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

  2. Работа с векторной графикой

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

  3. Оформление текста

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

  4. Презентации и лендинги для коммерческого предложения

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

2-й уровень: Junior

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

  1. Создание визуальной концепции сайта

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

  2. Разработка UI-кита

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

  3. Оформление хедеров, футеров и меню

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

  4. Дизайн онлайн-витрины и карточек товаров

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

  5. Работа с формой регистрации

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

  6. Многостраничный сайт с витриной

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

3-й уровень: Pre-middle

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

  1. Дизайн каталога товаров

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

  2. Оформление карты с филиалами

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

  3. Работа со сложными карточками товара

    Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как улучшить дизайн при помощи анимации в After Effects, корректно передать готовый прототип разработчикам и провести A/B-тест.

  4. Страница оформления покупки

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

  5. Сложная форма регистрации

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

  6. Страница оформления доставки

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

  7. Личный кабинет

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

  8. Работа с информацией о заказе

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

  9. Оформление чата поддержки

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

  10. Простая панель управления сайтом

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

  11. Страница для корпоративных клиентов

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

Трудоустройство

85% пользователей находят работу в течение 3 месяцев после обучения.
По данным исследования Высшей школы экономики

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

Поможем найти работу
или вернём деньги

Условия возврата

Учим на собственной образовательной платформе

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

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

  • Тренажёры и реальные задачи

    Попрактикуйтесь на тренажёре Figma с автопроверкой. А ещё — выполняйте задачи из интересных сфер бизнеса.

  • Помощь экспертов

    Кураторы дают подробную обратную связь в течение 24 часов с момента отправки работы.

Кураторы-эксперты и живая обратная связь

Кураторы дадут комментарии к вашим работам и помогут сделать их лучше. Это эксперты с опытом работы в отрасли от  5 лет, они прошли методическое обучение — умеют объяснять сложное и вдохновлять на развитие.

Помогаем разобраться и справиться

Оперативно ответим на вопросы по домашнему заданию и пришлём качественный разбор 💙

Cпикеры

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

Анастасия Гелеклиди Курс «Веб-дизайн (комплект курсов) 2020»
Я всем довольна. Представленной информации достаточно для освоения необходимых навыков. Если чего-то не хватает, всегда есть дополнительные полезные видео и статьи, которыми делится куратор. Работы проверяются качественно и быстро.
Спикеры очень грамотно и понятно объясняют. Интересная подача материала. Мой куратор, Антон Антонов, помогал на всём пути прохождения курса «Веб-дизайн с нуля на Figma», делал нужные и корректные правки.

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

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

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

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

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

  • 8 446 ₽/мес
  • -45%
4 645 ₽/мес
  • В рассрочку на 24 месяца
  • Поможем найти работу или вернём деньги

Записаться на курс или получить бесплатную консультацию

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

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

Спасибо!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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