Образовательная платформа
Главная Каталог курсов Дизайн Веб-дизайн 3.0
Участвует в Black Friday Скидки до 60% действуют 0 дней 00:00:00
Курс

Веб-дизайн 3.0

Веб-дизайн 3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Уровни курса

  • Intern: Intern:

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

  • Junior: Junior:

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

  • Pre-middle: Pre-middle:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в 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. Страница для корпоративных клиентов

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

Иконка для блока Дисклеймер

Курс обновлён в 2022 году. Теперь в нём ещё больше практики и учтены актуальные требования заказчиков!

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

4 шага к переменам в карьере и жизни

  • Иллюстрация этапа обучения Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Иллюстрация этапа обучения Теория

    Получаете знания

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

  • Иллюстрация этапа обучения Практика

    Выполняете задания

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

  • Иллюстрация этапа обучения Обратная связь

    Работаете с куратором

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

Спикеры

Сергей Попков
Сергей
Попков Шеф-дизайнер, сооснователь AIC и Skillbox
Илья Криканов
Илья
Криканов Руководитель отдела дизайна в ГК «Иннотех»
Александра Королькова
Александра
Королькова Арт-директор Paratype, шрифтовой и книжный дизайнер, теоретик шрифта и типографики
Иван Некрасов
Иван
Некрасов Product owner в Playrix
Филипп Соломин
Филипп
Соломин Руководитель студии OKTÂEDER
Никита Покатилов
Никита
Покатилов Продуктовый дизайнер «Райффайзенбанка»
Николай Иванов
Николай
Иванов Арт-директор «Райффайзенбанка», выпускник БВШД
Сергей Дюжев
Сергей
Дюжев Design Community Lead в «Райффайзенбанке»
Сергей Дарбаидзе
Сергей
Дарбаидзе Старший дизайнер в Distillery
Михаил Никипелов
Михаил
Никипелов Арт-директор в Distillery
Антон Антонюк
Антон
Антонюк Ex-арт-директор проекта «Совесть»
Никита Беллер
Никита
Беллер Продуктовый дизайнер группы компаний «Тинькофф»

Поможем найти работу или вернем деньги

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

Чем вам поможет Центр карьеры:

  • Резюме

    Презентуем вас работодателям с выгодной стороны

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

  • Индивидуальный карьерный план

    Расскажем, как начать и развивать карьеру

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

  • Партнерские вакансии

    Порекомендуем вашу кандидатуру партнёрам

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

  • Оформление портфолио

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

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

  • Карьерные консультации

    Подготовим вас к старту карьеры

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

Почему мы уверены в вашем трудоустройстве?

  • Определяем потребности рынка

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

  • Даём качественные знания

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

  • Поддерживаем на старте карьеры

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

1300 пользователей Skillbox уже трудоустроились в 2022 году

  • 88% пользователей находят работу после обращения в ЦРК
  • 100% выходят в штат компании после стажировки
  • Александр Жигалов

    Александр Жигалов 23 года

    Студент Продюсер

  • Светлана Макарова

    Светлана Макарова 43 года

    Металлург Тестировщица

  • Любовь Потапкина

    Любовь Потапкина 30 лет

    Юрист Менеджер проектов

  • Михаил Булгаков

    Михаил Булгаков 32 года

    Тренер SEO-специалист

  • Валентина Котельникова

    Валентина Котельникова 30 лет

    Переводчица UX-дизайнер

  • Динара Хисметуллова

    Динара Хисметуллова 32 года

    Менеджер Дизайнер

  • Виктория Сержанова

    Виктория Сержанова 32 года

    Учёная Frontend-разработчица

Люди, которые изменили жизнь благодаря Skillbox

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

Отзывы работодателей

  • Юлия Ильяева
    Юлия Ильяева Директор по развитию Team for Dream

    Кандидаты из Skillbox всегда отличаются своей высокой мотивацией, поэтому мы с радостью приглашаем их на стажировки и предлагаем работу. Уже несколько раз мы принимали на junior-позиции участников курса «Профессия Event-менеджер».

  • Максим Зубцов
    Максим Зубцов Директор по маркетингу в Checkroi

    Skillbox подбирает кандидатов с горящими глазами и желанием развиваться. Например, руководитель нашего SEO-отдела когда-то был новичком, с которым мы встретились благодаря Центру карьеры.

  • Роман Горбачёв
    Роман Горбачёв Основатель дизайн-студии «Логомашина»

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

  • Ольга Новодворская
    Ольга Новодворская HR BP в Nauka

    Сотрудничество со Skillbox — это гарантия, что мы получим будущих сотрудников с определёнными знаниями. Новички, которые пришли к нам, выросли и приблизились к middle-уровню спустя 8 месяцев.

  • Богдан Пилипенко
    Богдан Пилипенко Аккаунт-менеджер в Appollo Digital

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

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

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

    Иван Медведев , г. Ивантеевка

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

    Валентина Нарушевич , г. Санкт-Петербург

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

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

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

    Яна Щербицкая , г. Санкт-Петербург

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

    Елена Кальво , г. Ницца, Франция

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

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

    Ирина Семёнова , г. Бельцы, Молдова

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

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

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

  • Курс в подарок
  • Длительность рассрочки — 12 месяцев
  • Год английского бесплатно
  • 1 192 577 сум/мес
  • 1 834 734 сум/мес
Участвует в Black Friday Скидки до 60% действуют 0 дня 00:00:00

Записаться на курс или получить бесплатную консультацию

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

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

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

Спасибо!

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

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

  • Я никогда не занимался веб-дизайном, а курс построен на практических задачах. У меня получится?
    Конечно! В карточке каждой задачи вы найдёте много видео, дополнительных материалов и упражнений, которые позволят лучше разобраться в теме и сделать всё на высшем уровне. В остальном помогут опытные кураторы, которые будут сопровождать вас на протяжении всего курса. Они поделятся подробной обратной связью и укажут, на чём стоит сделать акцент в работе.
  • Заданий так много! Мне обязательно выполнять все?
    Не обязательно! Прислушивайтесь к себе и выбирайте те задачи, которые кажутся вам самыми интересными и подходящими по уровню. Ваша главная задача — набрать минимум баллов, чтобы перейти на следующий грейд. Но никто не мешает вам сделать больше работ, чтобы набить руку и пополнить портфолио.
  • В части тем я уже разбираюсь. Видео по ним всё равно надо посмотреть?
    Необходимости в этом нет. Вы можете посмотреть все видео или сделать акцент только на тех темах, с которыми ещё не знакомы. На количество баллов это не повлияет.
  • Я смогу устроиться на работу после курса?
    Вы получите все необходимые навыки, которые помогут вам начать карьеру веб-дизайнера: изучите рабочий процесс, освоите востребованные инструменты, соберёте портфолио из качественных работ. Заодно вы поймёте, как искать заказчиков и презентовать свои идеи. В остальном всё зависит от вас.
  • Какие программы понадобятся для занятий? Они платные?
    Работать мы будет преимущественно в Figma — самой популярной программе для веб-дизайнеров. Платить за неё не нужно — в бесплатной версии есть все необходимые инструменты.

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

    Также вам могут пригодиться Adobe Photoshop и After Effects. Это не обязательно — любую задачу из курса можно выполнить в Figma. Но если вам захочется сделать более сложный макет, то дополнительные программы вам в этом помогут. Рекомендуем пользоваться платными версиями. На занятиях мы расскажем вам, как купить лицензию максимально выгодно.
  • Какой график обучения на платформе? Получится ли совмещать его с работой?
    Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видео будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
  • Сколько часов в неделю мне нужно будет уделять обучению на платформе?
    Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.
  • Кто будет мне помогать в обучении на платформе?
    У вас будут кураторы на платформе и в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
  • Действуют ли какие-нибудь программы рассрочки?
    Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.