Онлайн-курс от образовательной компании № 1

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

Начните зарабатывать во время обучения — наши студенты находят заказы на фрилансе и начинают зарабатывать уже с 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% от всей программы — это не записанные уроки, а онлайн-встречи

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

    Максимум 48 часов на обратную связь по домашке от опытного наставника

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

    Дополнительные 1,5 месяца за наш счет, если вы не сразу усвоили темы

    Храним архив вопросов и ответов студентов, которые учились до вас. Так вам проще находить готовые ответы, смотреть альтернативные варианты решения и обращаться за помощью.

    Есть доступ к решениям задач предыдущих потоков

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