Веб-дизайн с нуля до PRO
Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.
- Длительность 5 месяцев
- Онлайн в удобное время
- 4 дизайн-спринта для отработки навыков
- Проекты в портфолио
О профессии
Веб-дизайнер проектирует сайты и приложения. Его визуальные решения напрямую влияют на восприятие бренда, а иногда и продажи. Поэтому рынку нужны талантливые веб-дизайнеры, а работодатели готовы им хорошо платить.
- 1 070 компаний
сейчас ищут веб-дизайнеров
- 60 000 рублей
зарплата начинающего специалиста, по данным hh.ru
Профессия востребована IT-компаниями
IT — это не только программирование. Поэтому компании ищут разных специалистов в свои команды, без работы которых невозможно создать современный IT-продукт.
IT — это стабильно растущий рынок и хорошие карьерные перспективы.
А ещё аккредитованные IT-компании получают поддержку от государства.
Их сотрудники могут:
Чему вы научитесь
- Создавать сайты и приложения в Figma
Изучите принципы композиции и теорию цвета. Сможете создать макет, подготовить его к вёрстке и написать спецификацию для разработчиков.
- Делать адаптивные макеты
Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.
- Создавать удобные интерфейсы
Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.
- Делать несложную анимацию
Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.
- Писать тексты для интерфейсов
Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.
- Общаться с заказчиками
Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.
Примеры работ пользователей платформы
Проект по реальному заданию от заказчика
Раз в месяц вы будете участвовать в дизайн-спринтах. Это отличный шанс сделать сильный проект для портфолио и поработать в условиях, приближенных к будням дизайнера.
Участники предыдущих потоков уже делали:
- карточки товаров для новых кроссовок Nike на сайте магазина;
- адаптивные версии лендинга для «Аэрофлота»;
- страницы фильмов для «Кинопоиска».
Содержание курса
Вас ждут записи выступлений экспертов, дизайн-спринты и практические задания на основе реальных кейсов. Спринты помогут проверить свои силы в условиях, приближенных к реальной работе дизайнера.
- 5 месяцев обучения
- 31 тематический модуль
Figma с нуля до PRO
Вы освоите самую популярную программу для веб-дизайна на профессиональном уровне. Научитесь создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах.
-
Знакомство с Figma
Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.
-
Основные инструменты Figma
Узнаете, что такое фреймы и чем они отличаются от слоёв. Научитесь рисовать простые фигуры, добавлять цвет, эффекты и текст. Познакомитесь с основами прототипирования.
-
Иконки, иллюстрации и картинки
Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.
-
Компоненты
Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.
-
Библиотеки компонентов и общие стили
Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.
-
Auto Layout и Variants
Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.
-
Сложные многостраничные документы
Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.
-
Дополнительные возможности и сообщество авторов
Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.
-
Подготовка макета для разработчиков
Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.
Веб-дизайн с нуля до PRO
Вы погрузитесь в профессию веб-дизайнера. Узнаете, как работать над проектом — от первой встречи с клиентом до готового сайта. Научитесь находить креативные идеи и опираться на UX-исследования. Отточите навыки на дизайн-спринтах.
-
Знакомство с профессией веб-дизайнера
Узнаете, какие задачи решают веб-дизайнеры и почему эти специалисты так востребованы. Познакомитесь с профессиональными терминами и инструментами.
-
Первый заказ: коммуникация с заказчиком и техническое задание
Научитесь общаться с заказчиком: выяснять цели и ограничения проекта, обсуждать референсы, планировать сроки. Поймёте, как сформировать правильные ожидания от работы и не обещать слишком много. Составите техническое задание.
-
Поиск идеи
Поймёте, как насмотренность помогает находить лучшие дизайн-идеи. Научитесь анализировать конкурентов, составлять мудборды и подбирать удачные референсы для проекта.
-
Модульные сетки
Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.
-
Вертикальный ритм
Научитесь управлять вниманием пользователей с помощью грамотной композиции и вертикального ритма. Узнаете о визуальной иерархии и поймёте, какого размера должен быть каждый элемент на странице.
-
Типографика
Научитесь подбирать шрифты и сочетать их между собой. Поймёте, как создать эффектный дизайн с учётом правил типографики.
-
Спринт 1
Дорого и минималистично: создаём дизайн лендинга на основе типографики.
-
Задача текстов в интерфейсах
Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.
-
Цвета, фоны и тени
Освоите теорию цвета и узнаете о его функциях в интерфейсе. Поймёте, как подбирать палитру для сайта и выделять главные для пользователя элементы. Сможете создавать реалистичную тень для кнопок и других компонентов дизайна.
-
Контраст и читаемость
Узнаете, как визуально выделить важные блоки на странице и сделать текст более читаемым. Познакомитесь с принципами инклюзивного дизайна, сможете создавать сайты для широкой аудитории.
-
Прототип первой страницы
Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.
-
Спринт 2
UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.
-
Первый экран страницы
Познакомитесь с методом атомарного дизайна, который ускорит проектирование сайтов. Поймёте, как завладеть вниманием пользователей с первого экрана. Научитесь создавать кнопки, иконки, поля для ввода данных и формы в едином стиле и масштабе.
-
Исследование пользователей: Customer Journey Map и User Flow
Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.
-
Навигация
Разберётесь в видах навигации. Поймёте, для каких задач и устройств подходит каждый из них.
-
Дизайн основных блоков
Научитесь создавать карточки товаров, слайдеры, блоки с преимуществами, тарифами и рекламой. Соберёте полноценную страницу и поймёте, как презентовать её клиенту. Сможете объяснить свои дизайн-решения, адекватно воспринимать правки и работать с возражениями заказчика.
-
Адаптивность и компоненты
Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.
-
Спринт 3
Адаптируем макет страницы для компьютера, планшета и мобильного телефона.
-
Презентация проекта заказчику
Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.
-
Передача макета разработчикам
Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.
-
Спринт 4
Приёмы для эффектного портфолио: оформляем кейс на Behance.
-
Кейс для портфолио
Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.
-
Бонус-модули
-
- Принципы успешной работы с заказчиком
- Где искать заказы
- Как дизайнеры работают в больших командах
-
Итоговый проект
-
Дизайн-концепт сайта
Выберете одного из реальных заказчиков и разработаете дизайн сайта для его бизнеса. Используете принципы сторителлинга, чтобы рассказать о своей работе.
Получить презентацию курса и консультацию специалиста
Как проходит обучение на платформе
Кураторы-эксперты и живая обратная связь
Кураторы дадут комментарии к вашим работам и помогут сделать их лучше. Это эксперты с опытом работы в отрасли от 5 лет, они прошли методическое обучение — умеют объяснять сложное и вдохновлять на развитие.
Оперативно ответим на вопросы по домашнему заданию и пришлём качественный разбор 💙
-
Встречайтесь в чатах курса, делитесь решениями, объединяйтесь в команды с первых дней обучения.
-
Поможем установить лицензионные программы, ответим на вопросы о платформе.
-
Сможете задавать вопросы в чате и смотреть обновления программы даже после окончания обучения.
Работы спикеров
Ваше резюме после обучения
Веб-дизайнер
от 60 000 ₽
Навыки
- Оценка проекта, составление ТЗ
- Составление Customer Journey Map и User Flow
- Разработка адаптивных интерфейсов и мобильных версий сайтов
- Контроль этапов разработки сайта
- Использование принципов юзабилити
- Дизайн сайтов и презентаций в Figma
- Анимация прототипов
- UX-райтинг
- Презентация проектов
Подтверждение ваших навыков
В конце обучения получите сертификат установленного образца. Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.
Выберите формат обучения
-
Курс «Веб-дизайн с нуля до PRO»
- 3 887 ₽/мес
- 5 980 ₽/мес
- Рассрочка на 24 месяца
-
5 месяцев обучения
-
2 работы в портфолио
-
Инструменты: Figma
-
Дополнительные курсы
-
Подробная обратная связь от куратора-эксперта
-
Вебинары с практикующими специалистами
-
Доступ к закрытому каналу с вакансиями от компаний-партнеров
-
2 индивидуальные консультации по составлению резюме и подготовке к собеседованиям
-
Гарантия трудоустройства в договоре
-
Возможность попасть на практику в Skillbox
- Самый популярный
Профессия «Веб-дизайнер»
- 5 433 ₽/мес
- 9 879 ₽/мес
- Рассрочка на 31 месяц
- Первый платеж через 6 месяцев
-
12 месяцев обучения
-
15+ работ в портфолио
-
Инструменты: Figma + оплаченный доступ к тренажёру, Photoshop, Tilda/Readymag, Blender, After Effects
-
Дополнительные курсы: UX-исследования, дизайн мобильных приложений, фриланс для дизайнеров
-
Подробная обратная связь от куратора-эксперта
-
Вебинары с практикующими специалистами
-
Доступ к закрытому каналу с вакансиями от компаний-партнеров
-
2 индивидуальные консультации по составлению резюме и подготовке к собеседованиям
-
Гарантия трудоустройства в договоре
-
Возможность попасть на практику в Skillbox
Записаться на курс или получить бесплатную консультацию
- #priceNew# #priceNewCurrency#
- #priceOld# #priceOldCurrency#
- #bullets#
Записаться на курс или получить бесплатную консультацию
Вам может понравиться
Часто задаваемые вопросы
-
Я никогда не занимался веб-дизайном. У меня получится?
Конечно! У вас всё получится даже без специальных знаний просто уделяйте больше внимания практическим заданиям, участвуйте в спринтах и читайте дополнительную литературу. В остальном помогут опытные спикеры, которые будут курировать вас на протяжении всего курса. -
В каком графическом редакторе я буду работать?
Спикеры научат вас профессионально работать в Figma. Но вы можете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD. -
Какой график обучения? Получится ли совмещать его с работой?
Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видеоматериалы будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент. -
Сколько часов в неделю мне нужно будет уделять учёбе?
Всё зависит только от вас. В среднем пользователи нашей платформы занимаются от трёх до пяти часов в неделю. -
Я смогу общаться со спикерами?
У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические работы и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки. -
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи. -
Могу ли я получить налоговый вычет за обучение на платформе?
Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.- Вы можете вернуть средства через работодателя или налоговую.
- Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
- Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
- В течение 30 дней налоговая подтвердит ваше право на вычет.
- Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.
Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.
Где работают веб-дизайнеры и как найти работу?
Начинающим дизайнерам, которые с нуля изучают основы профессии, лучше пройти актуальную программу и брать первые недорогие заказы у индивидуальных предпринимателей или частных лиц. Даже учебные проекты по дизайну можно выполнять для реальных клиентов — так обучение сразу будет приближено к будущей работе.
Когда вы закончите курсы и сможете подтвердить свой профессионализм не только портфолио, но и сертификатом, смело откликайтесь на вакансии в крупные компании. В них зачастую существуют формальные требования о профильной подготовке. Больше всего вакансий веб-дизайнеров открыто в Москве, но очень часто такие специалисты работают удалённо.
О Skillbox
Где работают участники курсов Skillbox
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
Отзывы участников
24 отзыва