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

Веб-дизайн 3.0

Веб-дизайн 3.0

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

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

Прокачивайте навыки на реальных задачах

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

    Прокачивайте навыки на реальных задачах

    Чем раньше новичок погружается в настоящие рабочие задачи, тем быстрее растёт. Как насчёт того, чтобы сразу начать с практики?

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

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

  • Новичкам в дизайне Новичкам в дизайне

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

  • Начинающим веб-дизайнерам Начинающим веб-дизайнерам

    Заполните пробелы в знаниях и научитесь делать не только красиво, но и удобно. Добавите в портфолио много качественных работ и станете востребованным профессионалом.

  • Дизайнерам других направлений Дизайнерам других направлений

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

Как устроен курс

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

    Выбираете заказчика

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

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

    Выбираете задачу

    Каждый клиент предлагает 4 задачи разного уровня сложности. Можете начать с простых или сделать акцент на тех, что потруднее. Выполнять задачи можно в любом порядке.

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

    Смотрите видео от экспертов

    Для каждой задачи мы подготовили видео и дополнительные материалы. Они помогут вам лучше понять специфику работы и сделать всё правильно.

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

    Вносите правки

    Отправляете работу на проверку и получаете обратную связь от курирующего эксперта. Если в макете есть недочёты, он подскажет, как сделать лучше.

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

    Набираете баллы

    За каждую выполненную задачу вы получаете баллы — чем работа сложнее, тем больше. Ваша главная цель: набрать баллы для перехода на следующий уровень.

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

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

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

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

    Получаете сертификат и начинаете карьеру

    После презентации вы получите сертификат Skillbox об успешном завершении курса. А портфолио из работ разной сложности впечатлит работодателей и принесёт вам первые заказы.

Выбирайте задачи, опираясь на свою подготовку

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

    Это Антон — он вообще не пробовал себя в дизайне

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

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

    Это Маша — у неё уже есть небольшой опыт

    Маша год ходит на вебинары Skillbox и немного знакома с Figma. Поэтому она пропускает задачи, с которыми уже работала, и сразу переходит к сложным. И смотрит только те материалы, которые нужны для заполнения пробелов в знаниях.

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

  1. Следовать базовым принципам веб-дизайна

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

  2. Работать в профессиональных программах

    Научитесь уверенно пользоваться Figma, делать простые задачи в Adobe Photoshop и After Effects. Сможете тратить минимум времени на рутину.

  3. Создавать дизайн для разных площадок

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

  4. Адаптировать макеты под любые устройства

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

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

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

  6. Общаться с заказчиками и командой

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

О Skillbox

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

Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в Instagram до создания полноценного многостраничного сайта.

  • 40+ реальных задач
  • 200+ практических видеороликов

1-й уровень: Intern

Вы научитесь оформлять соцсети и делать слайды для презентаций. А ещё попрактикуетесь в дизайне лонгридов, лендингов и писем для рассылок. Задачи, с которыми вы будете работать:

  1. Дизайн рекламного баннера

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

  2. Работа с векторной графикой

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

  3. Оформление текста

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

  4. Презентации и лендинги для коммерческого предложения

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

2-й уровень: Junior

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

  1. Создание визуальной концепции сайта

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

  2. Разработка UI-кита

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

  3. Оформление хедеров, футеров и меню

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

  4. Дизайн онлайн-витрины и карточек товаров

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

  5. Работа с формой регистрации

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

  6. Многостраничный сайт с витриной

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

3-й уровень: Pre-middle

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

  1. Дизайн каталога товаров

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

  2. Оформление карты с филиалами

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

  3. Работа со сложными карточками товара

    Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как улучшить дизайн при помощи анимации в After Effects, корректно передать готовый прототип разработчикам и провести A/B-тест.

  4. Страница оформления покупки

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

  5. Сложная форма регистрации

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

  6. Страница оформления доставки

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

  7. Личный кабинет

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

  8. Работа с информацией о заказе

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

  9. Оформление чата поддержки

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

  10. Простая панель управления сайтом

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

  11. Страница для корпоративных клиентов

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

Поддержим вас на каждом этапе

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

Спикеры

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

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

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

Антон
Антонюк

Ex-арт-директор проекта «Совесть»
Александра Королькова

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

Арт-директор Paratype, шрифтовой и книжный дизайнер, теоретик шрифта и типографики
Никита Беллер

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

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

Филипп
Соломин

Руководитель студии OKTÂEDER
Никита Покатилов

Никита
Покатилов

Продуктовый дизайнер «Райффайзенбанка»
Николай Иванов

Николай
Иванов

Арт-директор «Райффайзенбанка», выпускник БВШД
Михаил Никипелов

Михаил
Никипелов

Арт-директор Distillery, спикер Skillbox
Сергей Дюжев

Сергей
Дюжев

Design Community Lead в «Райффайзенбанке»
Сергей Дарбаидзе

Сергей
Дарбаидзе

Старший дизайнер в Distillery
Вадим Вовк

Вадим
Вовк

Арт-директор в банке «Открытие»

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

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

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

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

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

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

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

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

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

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

    Елена Кальво

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

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

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

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

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.
  • Старт курса: 29 июня
  • Осталось: 6 мест

Стоимость курса

  • Рассрочка до 12 месяцев без переплат
  • 41 579 AMD/мес
    • 498 958 AMD
    • 712 797 AMD
Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

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

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

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

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

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

Спасибо!

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

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

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

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

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

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

    Вы получите все необходимые навыки, которые помогут вам начать карьеру веб-дизайнера: изучите рабочий процесс, освоите востребованные инструменты, соберёте портфолио из качественных работ. Заодно вы поймёте, как искать заказчиков и презентовать свои идеи. В остальном всё зависит от вас.
  • Какие программы понадобятся для занятий? Они платные?

    Работать мы будет преимущественно в Figma — самой популярной программе для веб-дизайнеров. Платить за неё не нужно — в бесплатной версии есть все необходимые инструменты.

    Для работы с программой понадобится браузер последней версии:
    • Chrome 63+,
    • Firefox 58+,
    • Safari 11.1+,
    • Microsoft Edge 79+.

    Также вам могут пригодиться Adobe Photoshop и After Effects. Это не обязательно — любую задачу из курса можно выполнить в Figma. Но если вам захочется сделать более сложный макет, то дополнительные программы вам в этом помогут. Рекомендуем пользоваться платными версиями. На занятиях мы расскажем вам, как купить лицензию максимально выгодно.
  • Какой график обучения на платформе? Получится ли совмещать их с работой?

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

    Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.
  • Кто будет мне помогать в обучении на платформе?

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

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