Эксклюзивный партнер
Skillbox в Казахстане
burger
Образовательная платформа
Веб-дизайн 3.0

Веб-дизайн 3.0

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

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

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

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

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

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

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

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

Уровни курса

  • Intern: Intern:

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

  • Junior: Junior:

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

  • Pre-middle: Pre-middle:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Получить презентацию курса и консультацию специалиста
Имя
Телефон
Электронная почта
Отправить
status icon
status icon
status icon
Иконка для блока Дисклеймер

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спикеры

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

Помощь с трудоустройством

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

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

  • Резюме

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Почему пользователи Skillbox трудоустраиваются?

  • Востребованные профессии

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

  • Качественные знания

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

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

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

7000⁠+
пользователей Skillbox получили новую работу с 2019 года
  • 500⁠+ пользователей ежеквартально находят работу с помощью Центра карьеры
  • 1400⁠+ пользователей Skillbox улучшили карьеру в 2022 году
  • Александр Жигалов

    Александр Жигалов 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 помогает найти инициативных новичков, которым интересны простые, но ценные задачи. После прохождения курсов ребята выходят со структурированными, свежими знаниями по дисциплинам.

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

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

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

Стоимость курса
Период рассрочки 18 месяцев
19 234 ₸/мес
48 084 ₸/мес
-60%
Кешбэк 30%: 103 861 балл на Lerna
Получить доступ к курсу или бесплатную консультацию
Имя
Телефон
Электронная почта
Промокод
Название компании
Получить доступ
status icon
status icon
status icon

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

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

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

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