

действует 0 дней 00:00:00
Веб-дизайн с нуля до PRO

Вы сможете проектировать дизайн сайтов на онлайн-сервисе Figma. Освоите типографику, 3D- и 2D-анимацию. Научитесь проводить юзабилити-тестирование. В процессе прохождения курса наполните портфолио разнообразными работами: итоговый проект ― дизайн сайта.
Веб-дизайнер создаёт дизайн сайтов и приложений. Его работа влияет на восприятие и прибыль компании.
- Длительность 7 месяцев
- Онлайн в удобное время
- 4 дизайн-спринта для отработки навыков
- Проекты в портфолио
Веб-дизайнер проектирует сайты и приложения. Его визуальные решения напрямую влияют на восприятие бренда, а иногда и продажи. Поэтому рынку нужны талантливые веб-дизайнеры, а работодатели готовы им хорошо платить.
- 250 компаний
сейчас ищут веб-дизайнеров
- От 1 000 BYN до 2 000 BYN
зарабатывает веб-дизайнер по данным rabota.by
Курс подходит для:
-
Вы изучите дизайн сайтов и приложений на сервисе Figma. Освоите использование геометрических фигур, слоев и текстовых полей. Научитесь создавать иконки и редактировать изображения с помощью внутренних инструментов Figma.
-
Получите навыки в веб- и UX-дизайне: адаптивность и простая анимация, вёрстка макетов на сервисе Figma с применением модульной сетки. Поймёте, как проектировать библиотеки стилей и UI Kit. Изучите создание дерева страниц и взаимодействие с базовыми экранами с применением функции Branches для быстрой командной работы.
-
Научитесь самостоятельно искать и привлекать заказчиков. Сможете искать клиентов и структурировать работу: от брифинга до презентации готового проекта. Профессионально освоите работу с графикой, текстом и анимацией в Figma, пользовательский сценарий User Flow и концепцию Customer Journey Map.
Проект от реального заказчика
Вы сможете дополнить портфолио и участвовать в дизайн-спринтах раз в месяц.
Участники предыдущих потоков уже делали:
- карточки товаров для новых кроссовок Nike на сайте магазина;
- адаптивные версии лендинга для «Аэрофлота»;
- страницы фильмов для «Кинопоиска».

Чему вы научитесь
-
Создание сайтов и приложений на онлайн-сервисе Figma
Композиция и теория цвета. Создание макета, его подготовка к вёрстке. Спецификация для разработчиков. Организация работы команды с помощью плагина Figma Jam.
-
Проектирование адаптивных макетов
Адаптивный дизайн для разных девайсов: от смартфона до телевизора. Объединение макетов в систему с применением функции Variants.
-
Сложные многостраничные документы
Работа с базовыми экранами и деревом страниц. Бета-версия функции Branches: разные версии одного макета, внесение правок с возможностью быстрой отмены.
-
Разработка интерфейсов
Основы UX-дизайна: пользовательский сценарий User Flow и концепция Customer Journey Map. Создание понятных и практичных интерфейсов по принципам юзабилити.
-
Простая анимация
Разработка элементов анимации в интерфейсах и переходов между страницами на онлайн-сервисе Figma. Презентация кликабельного прототипа сайта.
-
Написание текстов для интерфейсов
Основы UX-копирайтинга: краткость, простота, понятность. Понимание требований к текстам: от кнопок до блоков информации.
-
Общение с заказчиками
Знание принципов успешной работы с клиентами. Брифинг, обсуждение задач, сопровождение проекта. Важность соблюдения дедлайнов.
Почему стоит проходить программы в Skillbox
-
Лекции
Освоите профессию или пройдёте курс с нуля до PRO. Разберётесь в особенностях изучаемого предмета. Для закрепления материала, выполните практические работы, которые составляют 90% программы. Получите фидбэк от менторов.
-
Связь со спикером
Спикеры проверяют домашние задания, помогают разобраться в вопросах по модулю и делятся лайфхаками. Сможете общаться в закрытых чатах с будущими коллегами и специалистами даже после трудоустройства. Доступ к программам и чатам останется навсегда.
-
Итоговый проект
Итоговый проект для компании-партнёра Skillbox станет вашим первым серьёзным кейсом. Выполнив его, сформируете основу для продающего портфолио.
-
Помощь с трудоустройством
Получайте советы по прохождению собеседований от специалистов Центра развития карьеры. Профессионалы дадут обратную связь и помогут сформировать портфолио, научат проходить стресс-интервью и планировать карьерный рост.
Программа
Вы изучите 31 модуль. Получите навыки в веб- и UX-дизайне: адаптивность и простая анимация, вёрстка макетов на сервисе Figma с применением модульной сетки. Профессионально освоите работу с графикой, текстом и анимацией в Figma, пользовательский сценарий User Flow и концепцию Customer Journey Map.
- 31 тематический модуль
- 119 видеоматериалов
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 так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.
-
Бонус-модули
-
- Принципы успешной работы с заказчиком
- Где искать заказы
- Как дизайнеры работают в больших командах
-
Итоговый проект
-
Дизайн-концепт сайта
Выберете одного из реальных заказчиков и разработаете дизайн сайта для его бизнеса. Используете принципы сторителлинга, чтобы рассказать о своей работе.
Получить презентацию курса и консультацию специалиста
Спикеры

Дмитрий
Design Lead в «Тинькофф»
Юлия
Кондратьева
Design Lead в «Тинькофф» 
Александр
Свобода
Проверяющий эксперт в Skillbox 
Дмитрий
Матвеев
Арт-директор Wildberries 
Никита
Беллер
Продуктовый дизайнер группы компаний «Тинькофф» 
Сергей
Попков
Шеф-дизайнер, сооснователь AIC и Skillbox 
Александра
Королькова
Арт-директор Paratype, шрифтовой и книжный дизайнер, теоретик шрифта и типографики 
Ирина
Ермакова
Веб-дизайнер в бюро «Синий Муравей» 
Юлия
Соловьёва
Дизайнер, арт-директор веб-бюро «Синий Муравей» 
Никита
Заславский
Head of Digital в студии «Магвай» 
Александр
Ищенко
Старший веб-дизайнер в студии «Магвай» Год английского языка бесплатно
Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.
Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
- персональная программа освоения языка, которая поможет заговорить с нуля.

Резюме

- Должность: Веб-дизайнер
- Зарплата от: 1 000 BYN
Профессиональные навыки:
- Оценка проекта, составление ТЗ
- Составление Customer Journey Map и User Flow
- Разработка адаптивных интерфейсов и мобильных версий сайтов
- Контроль этапов разработки сайта
- Использование принципов юзабилити
- Дизайн сайтов и презентаций в Figma
- Анимация прототипов
- UX-копирайтинг
- Презентация проектов
Сертификат Skillbox
Подтвердит успешное прохождение курса «Веб-дизайн с нуля до PRO», и станет дополнительным аргументом при трудоустройстве.
- Старт курса: 5 июля
- Осталось: 4 места
Стоимость обучения
- Рассрочка до 24 месяцев без переплат
- 140 BYN/мес
- 200 BYN/мес

действует 0 дня 00:00:00
Получите консультацию и курс в подарок при покупке
Мы свяжемся с вами и ответим на любые возникшие вопросы

Получите персональную скидку
Оставьте заявку — мы расскажем о скидках и подберем для вас курс под любые цели и бюджет.
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Спасибо за заявку!
Наш менеджер свяжется с вами
в ближайшее время
Оплатить без консультации и получить скидку 236 BYN или оформите рассрочку
Условия рассрочки
Сумма первых 5 платежей поступит на Ваш счет, с которого будет списываться плата за обучение.
Ваши собственные средства начинают списываться только с 6 месяца обучения
Часто задаваемые вопросы
-
Я никогда не занимался веб-дизайном. У меня получится?
Конечно! У вас всё получится даже без специальных знаний уделяйте внимание практическим заданиям, участвуйте в спринтах и читайте дополнительную литературу. В остальном помогут опытные спикеры, которые будут курировать вас на протяжении всего курса. -
В каком графическом редакторе я буду работать?
Вы научитесь профессионально работать в Figma. Но сможете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD. -
Я смогу совмещать курс с работой? Сколько часов надо уделять занятиям?
Да, совмещать учебу и работу получится, потому что вы решаете, когда смотреть уроки. В среднем пользователи Skillbox уделяют учебе от трёх до пяти часов в неделю. -
Пользователям, закончившим курс, помогают с трудоустройством?
Да, этим занимаются специалисты Центра развития карьеры. Профессионалы подберут подходящие вакансии, помогут написать резюме и оформить портфолио, подскажут, как вести себя на собеседованиях. -
Как я буду общаться с куратором?
Эксперт будет проверять и комментировать практические работы, давать советы, а на вопросы ответит ментор в Telegram-чате. -
Не могу оплатить курс сразу. Есть альтернативы?
Да: рассрочка. Сумму разделят на ежемесячные платежи. -
Мне вернут деньги, если курс не понравится?
Да. Сумму рассчитывают в соответствии с вашим прогрессом в обучении и публичным договором. Альтернативный вариант: заменить курс на другой.
- Санкт-Петербург
- Алматы
- Киев
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Севастополь
- Симферополь
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
Отзывы участников
Иван Медведев
Курс «Инженер по тестированию»По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
Валентина Нарушевич
Курс «Графический дизайнер с нуля до PRO»Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
Яна Щербицкая
Курс «Photoshop с нуля до PRO»Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
Алла Комиссаренко
Курс «UX-дизайнер с нуля до PRO»Отдельно хочу сказать спасибо куратору Александру Свободе, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
Елена Кальво
Курс «Копирайтинг от А до Я»Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.
Ирина Семёнова
Курс «SMM-специалист»Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.