Har xil
Qora jumada qatnashadi 30%
gacha chegirmalar amal qiladi 0 kun 00:00:00
Kurs

Веб-дизайн 3.0

Веб-дизайн 3.0

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

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

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

  • Videoyozuv prevyusi

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

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

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

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

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

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

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

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

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

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

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

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

  • Videoyozuv prevyusi

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

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

  • Videoyozuv prevyusi

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

    Маша год ходит на вебинары 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. Страница для корпоративных клиентов

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

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

Videoyozuv prevyusi

Спикеры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сергей
Дюжев

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

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

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

Вадим
Вовк

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

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

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

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

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

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

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

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

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

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

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.
  • Kursning boshlanishi: 1 июл
  • Qoldi: 4 joyj

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

  • Рассрочка до 12 месяцев без переплат
  • 1 081 074 сум/мес
    • 12 972 897 сум
    • 18 532 710 сум
Qora jumada qatnashadi 30%
gacha chegirmalar amal qiladi 0 дня 00:00:00

1-qadam. To'lov turini tanlang

2-qadam. Bog'lanish ma'lumotlarini to'ldiring

Xato ketganga oʻxshaydi. Qayta yuborishga harakat qilib koʻring yoki sahifani qayta ishga tushiring.

bosish bilan tugmachani, men rozilik beraman / tugmachani bosish bilan men rozilik berman ishlov berish shaxsiy ma'lumotlarga va  qoidalari bilan Platformalardan foydalanish

Tugmachani bosish bilan roziligimni bildiraman dan Ommaviy oferta bilan va shaxsiy ma'lumotlarga ishlov berish siyosati bilan

Rahmat!

Soʻrovingiz muvaffaqiyatli joʻnatildi

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

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

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

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

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

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

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

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

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

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

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

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

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