Постойте!
Для вас — дополнительная скидка 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
