Постойте!
Для вас — дополнительная скидка 10% на любой курс.
Оставляя заявку, вы принимаете условия Соглашения на обработку и хранение персональных данных

Курс «Веб-дизайнер» с нуля

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

100+ часов теории и практики

сразу внедряете знания в бизнес

Можно в рассрочку

на 12, 24 или 36 месяцев

Пожизненный доступ

к обновлениям контента и нетворкинг-чату

по вашему проекту
с преподавателями

Индивидуальные консультации

Узнали себя? Скорее всего, вы — веб-дизайнер

Специалист, который создает удобные для пользователей сайты и приложения, продумывает их логику и внешний вид. А еще работает с рекламой, текстом и контентом для соцсетей.
Выбираете сайты по критерию удобства использования?
1
Обращаете внимание на внешний вид рекламы, зданий, архитектуры?
2
Легко беретесь за творческие задачи?
3
Не боитесь сочетать цвета и стили в одежде и интерьере?
4
Замечаете красиво оформленные страницы в соцсетях?
5

Кому подойдет курс

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

Проверьте на бесплатной консультации, подходит ли вам профессия

30 минут один на один с опытным карьерным консультантом. Расскажем о профессии и ответим на вопросы.

Skypro — это онлайн-университет IT-профессий от

№1
в онлайн-образовании в России по версии SmartRanking
10 лет
больше 10 лет в онлайн-образовании
Собственная образовательная платформа
Можно учиться в мобильном браузере.

Ваше резюме после курса будет соответствовать вакансиям начинающих веб-дизайнеров

  • Создавать рекламные баннеры и креативы для рекламных кампаний

  • Оформлять соцсети для рекламных целей

  • Создавать дизайн одностраничных и многостраничных сайтов и адаптировать сайты под разные форматы

  • Исследовать и улучшать UX/UI сайтов, структурировать логику и архитектуру сайтов

  • Работать с анимацией

  • Управлять бюджетом проекта, анализировать маркетинговые метрики

  • Использовать нейросети в дизайне
Умею:
Владею инструментами:
Диплом о профессиональной переподготовке

Результат курса — ваша новая работа

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

Как мы к этому придем?

Программа курса «Веб-дизайнер»

Введение в дизайн

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

виды сеток
Miro
композиция
круг Иттена
колористика
типографика
насыщенность
основы Figma
интерлиньяж
яркость
шрифтовые пары
контрастность

Темы:

  • Погружение в профессию

  • Креативное мышление и насмотренность

  • Основы композиции

  • Основы типографики

  • Основы цвета

  • Принципы хорошего дизайна

шрифты
насмотренность

Создание статичного баннера в Figma

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

Figma
мудборды
UX-райтинг
А/Б-тесты
бриф
плагины
маски
CR, CTR, OR
freepik
редактирование изображений
pexels
shutter

Темы:

  • Организация работы над проектом

  • Введение в брендинг

  • Дизайн и аналитика

  • Figma: обзор и настройка интерфейса

  • Figma: инструменты для создания баннера

  • UX-райтинг: создание продающего текста

  • Подбор референсов и создание мудборда

Google Ads
фигуры
Баннер по ТЗ от реального заказчика и доработка проекта исходя из метрик аналитики
Проект 1
flaticon

Работа с Adobe Photoshop

Изучите инструмент для работы с изображениями — Adobe Photoshop, научитесь создавать изображения под различный формат социальных сетей.

Adobe Photoshop
слои
коллажи
контент-план для соцсетей
работа с масками
подбор референсов
анализ конкурентов
оформление аккаунта
редактирование изображений
hot keys
маски

Темы:

  • Дизайн-ресурсы: поиск и подбор изображений

  • Adobe Photoshop: обзор интерфейса и инструментов

  • Adobe Photoshop: основные инструменты дизайнера

  • Создание контента для соцсетей

Шаблоны изображений для постов в соцсетях в ленте, сторис или для обложек
Проект 2

Основы коммуникативного дизайна

Дизайн презентации для кредитного продукта банка
Проект 4

Научитесь создавать яркие и цепляющие email-рассылки, а еще работать с презентациями и веб-интерфейсами в зависимости от цели или ТЗ заказчика.

Adobe Illustrator
email-рассылки
презентации
инфографика
UI-kit
виды рассылок
сторителлинг
оформление текста
структура презентации
перо
иконки

Темы:

  • Основные правила дизайна презентации

  • Создание структуры презентации в Adobe Illustrator

  • Создание инфографики в Adobe Illustrator

  • Оформление контента в презентацию

  • Базовые правила создания веб-интерфейсов

  • Figma: разработка UI-кита

  • Создание дизайна email-рассылки

Figma
структура письма
Оформление контента от клиента в email-рассылку
Проект 3

Дизайн макета сайта

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

Figma
UI-кит лендинга
копирайтинг
анализ рынка
анализ брифа
usability
смысловые блоки
отстройка от конкурентов
работа с гипотезами
тренды
уникальное торговое предложение (УТП)

Темы:

  • Создание прототипа лендинга для события

  • Анализ рынка и конкурентов

  • Доработка концепции

  • Создание UI-кита лендинга

  • Сбор финального макета лендинга для события

  • Гипотезы в дизайне

адаптив
веб-верстка
Сбор макета лендинга в Figma, адаптированного под ПК, телефон, планшет и другие устройства
Проект 5

Tilda: простой лендинг

После того как собран макет, нужно перенести его из Figma в браузер и добавить функционал. Для этого вы изучите Tilda — самый популярный инструмент для сборки лендингов под ключ.

Tilda
zero block
адаптивный дизайн
админпанель
веб-интерфейс
позиционирование элементов
интеграции с банком
no code
анимация элементов
сбор контактов

Темы:

  • Знакомство с zero block

  • Интерфейс и элементы

  • Позиционирование

  • Адаптив

  • Анимация

  • Настройка интеграций

  • Дополнительные возможности Tilda

расположение блоков
Сайт по продаже товаров на Tilda, с которого можно сразу совершать покупки
Проект 6

Погружение в UX

Задача дизайнера — понимать, как клиенты ведут себя на страничке, что смотрят, по каким ссылкам переходят, и учитывать это в работе. В этом модуле вы изучите основы UX/UI и соедините эти знания с аналитикой, чтобы делать эффективный дизайн.

CJM
карты эмпатии
конверсии
retention
Market Finder
анализ аудитории
usability
SimilarWeb
метрики
потребительский барометр
настройка форм

Темы:

  • Введение в UX

  • Метрики веб-продукта

  • Исследование продукта

  • Исследование аудитории

  • Юзабилити в дизайне

  • Accessibility

  • Создание дизайн-концепции

бенчмаркинг
accessibility
Адаптация сайта под целевую аудиторию продукта согласно принципам UX/UI
Проект 7
дизайн-концепция

Дизайн сложного лендинга

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

переходы между страницами
многостраничный сайт
лид-магниты
доработка концепции
визуализация концепции лендинга
работа с гипотезами
анализ информации о продукте
UI-кит лендинга для продукта

Темы:

  • Принципы построения лендинга для продукта

  • Создание прототипа лендинга для продукта

  • Сбор финального макета лендинга

  • Тестирование работы лендинга

работа с брифом
Верстка сложного лендинга о продукте: главная страница, каталог, корзина с возможностью оставить заявку
Проект 8

HTML и CSS

Познакомитесь с синтаксисом верстки в браузере, погрузитесь в задачи frontend-разработки и создадите свой интернет-магазин, используя HTML & CSS.