Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies
Постойте!
Для вас — дополнительная скидка 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.

    Брендинг

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

    2D-анимация

    Погрузитесь в анимацию изображений и сможете сделать анимированный баннер для соцсетей в Adobe After Effects.

    Хотите получить полную программу курса?

    Оставьте контакты — пришлем полный список тем и уроков на почту или в мессенджер.

    Всё обучение строится на практике и живом общении

    Берем реальные задания с собеседований с работодателями и делаем их в рамках курсовых проектов по каждому модулю.
    70% контента на курсе — практика
    Всё, что нужно, — среднее образование, компьютер и опыт работы с ним. Высшее необязательно, но желательно.
    Подходит новичкам с любым опытом
    Расписание известно заранее, уроки открываются постепенно, сроки сдачи домашек увеличенные — получится совмещать с работой и жизнью.
    Гибкий график, удобно подстраивать под себя
    Онлайн-встречи
    Проверка домашек
    Допконсультации
    Доступ к архиву решений
    Поддержка
    Раз в неделю с наставником разбираем ваши вопросы в режиме реального времени и объясняем сразу на практике. Решаем задания вместе с группой и проводим мастер-классы.

    30% от всей программы — это не записанные уроки, а онлайн-встречи

    Наставник показывает решение и сразу отвечает на вопросы