Официальный партнер
Skillbox в Беларуси
Образовательная платформа
Участвует в распродаже Скидка 30%
действует 0 дней 00:00:00
Курс

Веб-дизайн с нуля до PRO

Веб-дизайн с нуля до PRO

Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.

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

  • 250 компаний

    сейчас ищут веб-дизайнеров

  • 2 500 белорусских рублей

    зарплата начинающего специалиста

Кому подойдёт этот курс

  • Тем, кто хочет начать карьеру в дизайне Тем, кто хочет начать карьеру в дизайне

    Научитесь с нуля создавать дизайн сайтов и мобильных приложений в Figma. Соберёте портфолио и сможете зарабатывать на веб-дизайне.

  • Дизайнерам-самоучкам Дизайнерам-самоучкам

    Изучите UX-дизайн, адаптивность и несложную анимацию. Дополните портфолио новыми работами. Заполните пробелы в знаниях и станете профессиональным дизайнером.

  • Тем, кто хочет перейти на фриланс Тем, кто хочет перейти на фриланс

    Узнаете, как самостоятельно находить заказчиков и делать работу так, чтобы они возвращались. Сможете уйти из офиса и работать по своим правилам из любой точки мира.

Проект по реальному заданию от заказчика

Раз в месяц вы будете участвовать в дизайн-спринтах. Это отличный шанс сделать сильный проект для портфолио и поработать в условиях, приближенных к будням дизайнера.

Участники предыдущих потоков уже делали:

  • карточки товаров для новых кроссовок Nike на сайте магазина;
  • адаптивные версии лендинга для «Аэрофлота»;
  • страницы фильмов для «Кинопоиска».
Проект по реальному заданию от заказчика

Чему вы научитесь

  1. Создавать сайты и приложения в Figma

    Изучите принципы композиции и теорию цвета. Сможете создать макет, подготовить его к вёрстке и написать спецификацию для разработчиков.

  2. Делать адаптивные макеты

    Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.

  3. Создавать удобные интерфейсы

    Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.

  4. Делать несложную анимацию

    Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.

  5. Писать тексты для интерфейсов

    Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.

  6. Общаться с заказчиками

    Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.

Примеры работ пользователей платформы

  • Превью видеозаписи

    Веб-дизайн сервиса Lokimo

    Лендинг с увлекательными квестами по городам мира.

    Автор: Любовь Радковец

  • Превью видеозаписи

    Веб-дизайн и анимация арт-проекта для Сбера

    Сайт-музей, где можно увидеть легендарные картины Сандро Боттичелли.

    Автор: Полина Хлебникова

  • Превью видеозаписи

    Веб-дизайн для «Ситимобил»

    Лендинг с подарочными сертификатами на поездки в такси.

    Автор: Луиза Мурадян

  • Превью видеозаписи

    Веб-дизайн магазина Winestyle

    Онлайн-магазин, где можно заказать вино с доставкой.

    Автор: Кадрия Хусаинова

  • Превью видеозаписи

    Веб-дизайн сервиса «МодульКасса»

    Лендинг, который помогает разобраться в работе онлайн-кассы и заказать её с доставкой.

    Автор: Батор Цыдыпов

Как проходит обучение на платформе

  1. Изучаете тему

    В курсе — практические видеоматериалы.

    Изучаете тему
  2. Выполняете задания

    В том темпе, в котором вам удобно.

    Выполняете задания
  3. Участвуете в дизайн-спринтах

    Выполняете задания и получаете обратную связь от экспертов.

    Участвуете в дизайн-спринтах
  4. Презентуете итоговую работу

    И дополняете ею своё портфолио.

    Презентуете итоговую работу

Содержание курса

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

  • 31 тематический модуль
  • 119 видеоматериалов

Figma с нуля до PRO

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

  1. Знакомство с Figma

    Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.

  2. Основные инструменты Figma

    Узнаете, что такое фреймы и чем они отличаются от слоёв. Научитесь рисовать простые фигуры, добавлять цвет, эффекты и текст. Познакомитесь с основами прототипирования.

  3. Иконки, иллюстрации и картинки

    Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.

  4. Компоненты

    Узнаете, как создавать компоненты и пользоваться панелью настроек. Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.

  5. Библиотеки компонентов и общие стили

    Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

  6. Auto Layout и Variants

    Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

  7. Сложные многостраничные документы

    Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

  8. Дополнительные возможности и сообщество авторов

    Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками. Научитесь добавлять анимацию в прототипы.

  9. Подготовка макета для разработчиков

    Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Веб-дизайн с нуля до PRO

Вы погрузитесь в профессию веб-дизайнера. Узнаете, как работать над проектом — от первой встречи с клиентом до готового сайта. Научитесь находить креативные идеи и опираться на UX-исследования. Отточите навыки на дизайн-спринтах.

  1. Знакомство с профессией веб-дизайнера

    Узнаете, какие задачи решают веб-дизайнеры и почему эти специалисты так востребованы. Познакомитесь с профессиональными терминами и инструментами.

  2. Первый заказ: коммуникация с заказчиком и техническое задание

    Научитесь общаться с заказчиком: выяснять цели и ограничения проекта, обсуждать референсы, планировать сроки. Поймёте, как сформировать правильные ожидания от работы и не обещать слишком много. Составите техническое задание.

  3. Поиск идеи

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

  4. Модульные сетки

    Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.

  5. Вертикальный ритм

    Научитесь управлять вниманием пользователей с помощью грамотной композиции и вертикального ритма. Узнаете о визуальной иерархии и поймёте, какого размера должен быть каждый элемент на странице.

  6. Типографика

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

  7. Спринт 1

    Дорого и минималистично: создаём дизайн лендинга на основе типографики.

  8. Задача текстов в интерфейсах

    Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.

  9. Цвета, фоны и тени

    Освоите теорию цвета и узнаете о его функциях в интерфейсе. Поймёте, как подбирать палитру для сайта и выделять главные для пользователя элементы. Сможете создавать реалистичную тень для кнопок и других компонентов дизайна.

  10. Контраст и читаемость

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

  11. Прототип первой страницы

    Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.

  12. Спринт 2

    UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.

  13. Первый экран страницы

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

  14. Исследование пользователей: Customer Journey Map и User Flow

    Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.

  15. Навигация

    Разберётесь в видах навигации. Поймёте, для каких задач и устройств подходит каждый из них.

  16. Дизайн основных блоков

    Научитесь создавать карточки товаров, слайдеры, блоки с преимуществами, тарифами и рекламой. Соберёте полноценную страницу и поймёте, как презентовать её клиенту. Сможете объяснить свои дизайн-решения, адекватно воспринимать правки и работать с возражениями заказчика.

  17. Адаптивность и компоненты

    Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.

  18. Спринт 3

    Адаптируем макет страницы для компьютера, планшета и мобильного телефона.

  19. Презентация проекта заказчику

    Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.

  20. Передача макета разработчикам

    Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.

  21. Спринт 4

    Приёмы для эффектного портфолио: оформляем кейс на Behance.

  22. Кейс для портфолио

    Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.

  23. Бонус-модули

      1. Принципы успешной работы с заказчиком
      2. Где искать заказы
      3. Как дизайнеры работают в больших командах

Итоговый проект

  1. Дизайн-концепт сайта

    Выберете одного из реальных заказчиков и разработаете дизайн сайта для его бизнеса. Используете принципы сторителлинга, чтобы рассказать о своей работе.

Спикеры

Дмитрий Смирнов

Дмитрий
Смирнов

Design Lead в «Тинькофф»
Юлия Кондратьева

Юлия
Кондратьева

Design Lead в «Тинькофф»
Александр Свобода

Александр
Свобода

Проверяющий эксперт в Skillbox
Дмитрий Матвеев

Дмитрий
Матвеев

Арт-директор Wildberries
Никита Беллер

Никита
Беллер

Продуктовый дизайнер группы компаний «Тинькофф»
Сергей Попков

Сергей
Попков

Шеф-дизайнер, сооснователь AIC и Skillbox
Александра Королькова

Александра
Королькова

Арт-директор Paratype, шрифтовой и книжный дизайнер, теоретик шрифта и типографики
Ирина Ермакова

Ирина
Ермакова

Веб-дизайнер в бюро «Синий Муравей»
Юлия Соловьёва

Юлия
Соловьёва

Дизайнер, арт-директор веб-бюро «Синий Муравей»
Никита Заславский

Никита
Заславский

Head of Digital в студии «Магвай»
Александр Ищенко

Александр
Ищенко

Старший веб-дизайнер в студии «Магвай»

Год английского языка бесплатно

Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.

Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа освоения языка, которая поможет заговорить с нуля.
Изображение KESPA

Работы спикеров

  • Превью видеозаписи

    Дизайн агрегатора с недвижимостью

    Сайт по поиску квартир для проекта «Синица».

    Авторы: Юлия Соловьёва, Ирина Ермакова

  • Превью видеозаписи

    Дизайн интерфейса банкомата

    Новый интерфейс банкоматов «Тинькофф».

    Автор: Юлия Кондратьева

  • Превью видеозаписи

    Дизайн сайта застройщика

    Сайт жилого комплекса Tau House.

    Авторы: Юлия Соловьёва, Ирина Ермакова

  • Превью видеозаписи

    Редизайн сайта проектировочной компании

    Сайт проектно-производственной группы «Амадео».

    Авторы: команда студии Magwai

  • Превью видеозаписи

    Дизайн корпоративного сайта

    Корпоративный сайт для онлайн-журнала «Быть человеком».

    Авторы: команда студии Magwai

  • Превью видеозаписи

    Дизайн сайта кинотеатра

    Адаптивный дизайн для сети кинотеатров Festival.

    Автор: Александр Свобода

Отзывы участников

  • Отзывы студентов

    Иван Медведев

    Курс «Инженер по тестированию»
    Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
  • Отзывы студентов

    Валентина Нарушевич

    Курс «Графический дизайнер с нуля до PRO»
    Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скиллов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
  • Отзывы студентов

    Яна Щербицкая

    Курс «Photoshop с нуля до PRO»
    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
  • Отзывы студентов

    Алла Комиссаренко

    Курс «UX-дизайнер с нуля до PRO»
    Работать дизайнером мне очень нравится, от UX я вообще в восторге, тяга к аналитике у меня была всегда. После долгих поисков работы в новой сфере подруга помогла мне получить заказ на редизайн сайта большой компании.
    Отдельно хочу сказать спасибо куратору Александру Свобода, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
  • Отзывы студентов

    Елена Кальво

    Курс «Копирайтинг от А до Я»
    «Почему бы не сделать из хобби источник заработка?» — однажды подумала я.
    Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
    Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.

  • Отзывы студентов

    Ирина Семёнова

    Курс «SMM-специалист»
    Я узнала, что такое охваты, KPI и прочие слова, которые раньше пугали. Поняла, что чем проще и понятнее, тем лучше. Разобралась в сложной иерархии рекламного кабинета и научилась настраивать аудиторию и рекламу.

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.

Ваше резюме после обучения

Андрей Семёнов
  • Должность: Веб-дизайнер
  • Зарплата от: 2 500 BYN

Профессиональные навыки:

  • Оценка проекта, составление ТЗ
  • Составление Customer Journey Map и User Flow
  • Разработка адаптивных интерфейсов и мобильных версий сайтов
  • Контроль этапов разработки сайта
  • Использование принципов юзабилити
  • Дизайн сайтов и презентаций в Figma
  • Анимация прототипов
  • UX-райтинг
  • Презентация проектов

Сертификат Skillbox

Подтвердит успешное прохождение курса «Веб-дизайн с нуля до PRO», и станет дополнительным аргументом при трудоустройстве.

Как будем учиться
В Корпоративной библиотеке
Просмотр уроков
Без домашних заданий и проверок
Без сертификата об окончании курса
Полный доступ к курсу
Просмотр уроков
Проверка домашних заданий
Сертификат об окончании курса
Доступ неограничен
  • Старт курса: 1 июля
  • Осталось: 4 места

Стоимость обучения

  • Рассрочка до 24 месяцев без переплат
  • 140 BYN/мес
  • 200 BYN/мес
Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

Шаг 1. Выберите вариант оплаты

Шаг 2. Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Нажимая на кнопку, я соглашаюсь на обработку персональных данных

Нажимая на кнопку, я соглашаюсь с публичной офертой и политикой обработки персональных данных

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Я никогда не занимался веб-дизайном. У меня получится?

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

    Спикеры научат вас профессионально работать в Figma. Но вы можете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD.
  • Какой график обучения? Получится ли совмещать его с работой?

    Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видеоматериалы будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
  • Сколько часов в неделю мне нужно будет уделять учёбе?

    Всё зависит только от вас. В среднем пользователи нашей платформы занимаются от трёх до пяти часов в неделю.
  • Я смогу общаться со спикерами?

    У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические работы и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки.
  • Действуют ли какие-нибудь программы рассрочки?

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