Онлайн-курс от образовательной компании № 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 месяца за наш счет, если вы не сразу усвоили темы
Храним архив вопросов и ответов студентов, которые учились до вас. Так вам проще находить готовые ответы, смотреть альтернативные варианты решения и обращаться за помощью.
Есть доступ к решениям задач предыдущих потоков
Вы видите все обсуждения с прошлыми студентами и советы наставников
Платим им за успешный результат — выход студента на работу по новой профессии. В интересах куратора решать любые проблемы на вашем пути, с начала учебы и до самого трудоустройства.