Найди себя в Skillbox Скидка 50% действует 0 дней 00:00:00 
Веб-дизайн 3.0
С первого дня начнёте практиковаться на реальных задачах. Выполните их в удобном порядке и получите баллы, чтобы попасть на следующий уровень — как в игре. Поработаете с брифами от 7 заказчиков.
- С нуля до Pre-middle за 9 месяцев
- Первый на рынке курс — игровой симулятор
- Тренажёр Figma для быстрой отработки навыков
- 10 проектов в портфолио к концу курса
- Трудоустройство Поможем найти работу — или вернём деньги. Подробности
Прокачивайте навыки на реальных задачах
Уровни курса
-
стажёр, который только пришёл в веб-дизайн и всё осваивает с нуля.
-
дизайнер, который уже может самостоятельно решать небольшие задачи и помогать более опытным специалистам.
-
уверенный специалист, которому можно доверить много сложных задач.
Выбирайте задачи, опираясь на свою подготовку
Чему вы научитесь:
- Следовать базовым принципам веб-дизайна
Изучите основы типографики, композиции и работы с цветом. Научитесь обрабатывать фото и создавать графику. Получите базу для дальнейшего развития.
- Работать в профессиональных программах
Научитесь уверенно пользоваться Figma и делать простые задачи в Adobe Photoshop. Сможете тратить минимум времени на рутину.
- Создавать дизайн для разных площадок
Сможете разрабатывать красивые и удобные макеты под разные задачи: визуалы для соцсетей, элементы для сайтов, дизайн лендингов или рассылок.
- Адаптировать макеты под любые устройства
Узнаете, чем дизайн для десктопа принципиально отличается от дизайна для смартфона. Сможете делать интерфейсы, которые будут хорошо смотреться на любом экране.
- Проектировать удобные интерфейсы
Поймёте, как пользователи взаимодействуют с разными элементами интерфейсов. Сможете создать понятный дизайн, опираясь на поведение аудитории.
- Общаться с заказчиками и командой
Познакомитесь со всеми этапами рабочего процесса: от общения с клиентом до передачи макета в вёрстку. Сможете организовать работу так, чтобы всем было комфортно.
Содержание курса
Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в Инстаграм* до создания полноценного многостраничного сайта.
- 9 месяцев обучения
- 40+ реальных задач
1-й уровень: Intern
Вы научитесь оформлять соцсети и делать слайды для презентаций. А ещё попрактикуетесь в дизайне лонгридов, лендингов и писем для рассылок. Задачи, с которыми вы будете работать:
-
Дизайн рекламного баннера
Изучите разные форматы баннеров и расширения файлов. Освоите простейшие приёмы ретуши. Узнаете, как делать ресайз макета под разные задачи и настраивать размеры шрифтов. Сможете создать качественный баннер по брифу заказчика.
-
Работа с векторной графикой
Узнаете, для чего веб-дизайнеры используют векторную графику. Научитесь уверенно работать с кривыми, слоями и инструментами выделения. Сможете раскрашивать чёрно-белые иллюстрации, редактировать текстовые логотипы и расставлять в макете готовые векторные рисунки.
-
Оформление текста
Научитесь применять правила композиции и типографики, расставлять цветовые акценты и качественно оформлять текст, опираясь на брендбук от заказчика. Сможете не только работать с внешним видом текста, но и редактировать заголовки так, чтобы они смотрелись привлекательно.
-
Презентации и лендинги для коммерческого предложения
Поймёте, как структурировать большой объём данных и превратить его в красивую картинку. Поработаете со сложными типографическими элементами: фактоидами, сносками, сокращениями и колонтитулами. Научитесь использовать модульные сетки, а также приёмы темпоритмики и психологии цвета.
2-й уровень: Junior
Вы сделаете первые шаги к оформлению многостраничных сайтов. Поработаете с галереями, формами регистрации, меню и другими базовыми элементами интерфейса. Вот какие задачи ждут вас на этом уровне:
-
Создание визуальной концепции сайта
Узнаете, из каких элементов состоит многостраничный сайт, как регулировать уровень визуального шума и управлять вниманием пользователей. Познакомитесь с процессом создания сайта с нуля. Научитесь структурировать проекты в Figma, составлять мудборды и взаимодействовать с верстальщиками. Разберётесь в юридических аспектах дизайна.
-
Разработка UI-кита
Изучите базовые компоненты UI-кита и популярные стили для его оформления. Будете соблюдать баланс цветов в макете. Потренируетесь в создании шрифтовых пар и стилей проекта. Сможете сделать качественный UI-кит, опираясь на брендбук заказчика.
-
Оформление хедеров, футеров и меню
Поймёте, какие шрифты и цвета подходят для этих 3 элементов. Научитесь формулировать заголовки и CTA, создавать гармоничную композицию и работать с графикой.
-
Дизайн онлайн-витрины и карточек товаров
Разберётесь в микроэлементах галереи и форматах представления товаров. Поймёте, из чего состоит простая карточка и каталог. Научитесь группировать элементы и выстраивать их в удобном для пользователя порядке.
-
Работа с формой регистрации
Узнаете, как создавать формы обратной связи, которые захочется заполнить. Научитесь работать с цветовыми контрастами и выстраивать поля в нужном порядке.
-
Многостраничный сайт с витриной
Научитесь использовать приёмы сторителлинга, графику и простые спецэффекты в дизайне сайтов. Поймёте, как выделять важные элементы, не выбиваясь из общего стиля. Подготовите макет сайта для вёрстки.
3-й уровень: Pre-middle
На этом этапе вас ждут самые большие и амбициозные задачи: оформление интернет-магазина, корпоративного сайта и мобильного приложения. Вы научитесь не только рисовать красивые макеты, но и использовать аналитику для создания удобного и функционального дизайна. Для успешного прохождения уровня вам нужно поработать с этими задачами:
-
Дизайн каталога товаров
Познакомитесь с принципами UX- и UI-дизайна. Научитесь пользоваться методом персон для выбора оптимальных дизайнерских решений. Узнаете, что такое подход mobile first и когда он уместен. Сможете грамотно составить дерево товаров, настроить фильтры и сделать удобные превью.
-
Оформление карты с филиалами
Научитесь строить карту пути пользователя и анализировать дизайн сайтов конкурентов. Узнаете, какие элементы вам нужны, чтобы создать понятную и удобную карту филиалов. Сможете правильно расставить визуальные акценты.
-
Работа со сложными карточками товара
Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как корректно передать готовый прототип разработчикам и провести A/B-тест.
-
Страница оформления покупки
Изучите процесс онлайн-покупки и популярные маркетинговые приёмы, которые помогут создать продающий сайт. Сможете сделать удобный дизайн формы подтверждения заказа как для десктопа, так и для смартфона.
-
Сложная форма регистрации
Узнаете, что мотивирует пользователей регистрироваться на сайтах. Познакомитесь с основными элементами формы регистрации и научитесь грамотно располагать их на макете.
-
Страница оформления доставки
Изучите необходимые поля и дополнительные кнопки для страницы доставки. Узнаете, о чём часто забывают дизайнеры при работе с этим разделом сайта, и сможете избежать ошибок.
-
Личный кабинет
Поймёте, когда люди пользуются личными кабинетами. Научитесь красиво оформлять статистику о действиях пользователей для отчёта перед заказчиком. Сможете исследовать опыт клиентов и использовать его для улучшения дизайна.
-
Работа с информацией о заказе
Сможете создавать страницы с информацией о заказе для разных сфер бизнеса. Поймёте, как эти данные влияют на поведение пользователя. Изучите разные визуальные решения и научитесь работать с информацией о пользователях.
-
Оформление чата поддержки
Узнаете, что нужно учесть при создании чата. Научитесь анализировать работу чатов на сайтах конкурентов, избегать их ошибок и подмечать хорошие фишки.
-
Простая панель управления сайтом
Научитесь работать со сложными данными, необходимыми для нормальной работы админки. Сможете оформить панель управления так, чтобы она была удобной, понятной и хорошо смотрелась на любом экране.
-
Страница для корпоративных клиентов
Поймёте, как бенчмаркинг поможет вам выбрать удачные решения для дизайна. Научитесь добавлять в макет анимацию, чтобы наглядно продемонстрировать интерфейс заказчику.
Получить консультацию специалиста и презентацию профессии
Профессия востребована IT-компаниями
IT — это не только программирование. Поэтому компании ищут разных специалистов в свои команды, без работы которых невозможно создать современный IT-продукт.
IT — это стабильно растущий рынок и хорошие карьерные перспективы.
А ещё аккредитованные IT-компании получают поддержку от государства.
Их сотрудники могут:
- Купить квартиру или дом в ипотеку по льготной ставке 5%.
- Получить отсрочку от армии на время работы.
Как быстро окупится обучение
Показываем, как будет расти ваш заработок вместе с опытом. И сколько времени потребуется, чтобы окупить вложения в образование.
На позиции Junior вы заработаете столько же, сколько стоит курс,
за 3 месяца
Зарплаты веб-дизайнера,
по данным HH.ru- Junior Начало работы
- Middle Опыт 12 месяцев
- Senior Опыт 24 месяца
Команда поддержки будет рядом
-
Куратор-эксперт будет проверять ваши работы и помогать сделать их лучше. А ещё — проводить воркшопы с разбором домашних заданий. В кураторы мы берём практикующих экспертов с опытом работы от 5 лет. Они проходят методическое обучение — и умеют объяснять сложное. Куратор-эксперт
Подробно разбирает домашние задания, помогает сделать их лучше
-
HR-консультант поможет в поиске работы. Вместе вы составите план развития, резюме и портфолио. Консультант подготовит вас к собеседованиям и даст доступ к закрытому каналу с вакансиями. HR-консультант
Помогает в поиске работы: от плана действий до собеседований
-
Служба заботы поддержит в решении всех технических вопросов. Например, поможет установить лицензионные программы или объяснит, как работать с учебной платформой. Служба заботы
Помогает с вопросами по платформе и прохождению курса
Мы хотим, чтобы всё у вас получилось
Оперативно ответим на вопросы по домашнему заданию и пришлём качественный разбор 💙
- Учебное комьюнити для общения и обмена опытом
Встречайтесь в чатах курса, делитесь решениями, объединяйтесь в команды с первых дней обучения
- Помощь по всем техническим вопросам
Поможем установить необходимые для обучения программы, ответим на вопросы о платформе
- Доступ навсегда — к курсу и чату в Telegram
Сможете задавать вопросы в чате и смотреть обновления программы даже после окончания обучения
Спикеры
-
Руководитель отдела дизайна в ГК «Иннотех»
-
Арт-директор шрифтовой студии Paratype
-
Product owner в Playrix
-
Aрхитектор дизайн-системы в Avito
-
Продуктовый дизайнер «Райффайзенбанка»
-
Арт-директор «Райффайзенбанка», выпускник БВШД
-
Design Community Lead в «Райффайзенбанке»
-
Старший дизайнер в Distillery
-
Product Designer, American Estate & Trust
-
Дизайнер главного офиса MasterCard
-
Продуктовый дизайнер группы компаний «Тинькофф»
Год английского языка бесплатно
Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.
Предложение действует для пользователей Skillbox, которые купили любой курс с 1 марта 2023 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
- 4,7
- 4,7
- 4,8
- 4,5
- 4,7
- 5,0
- 4,5
- 4,7
- Старт курса: 1 ноября
- Осталось: 4 места
Стоимость курса
Скидка действует 0 дня 00:00:00
- 10 594 ₽/мес
- -50%
- В рассрочку на 24 месяца
- Поможем найти работу или вернём деньги
Где работают участники курсов Skillbox
Часто задаваемые вопросы
-
Я никогда не занимался веб-дизайном, а курс построен на практических задачах. У меня получится?
Конечно! В карточке каждой задачи вы найдёте много видео, дополнительных материалов и упражнений, которые позволят лучше разобраться в теме и сделать всё на высшем уровне. В остальном помогут опытные кураторы, которые будут сопровождать вас на протяжении всего курса. Они поделятся подробной обратной связью и укажут, на чём стоит сделать акцент в работе. Наш онлайн-курс высоко оценили студенты. Его средняя оценка — 4,8 из 5 на основе 5943 отзывов.
-
Заданий так много! Мне обязательно выполнять все?
Не обязательно! Прислушивайтесь к себе и выбирайте те задачи, которые кажутся вам самыми интересными и подходящими по уровню. Ваша главная задача — набрать минимум баллов, чтобы перейти на следующий грейд. Но никто не мешает вам сделать больше работ, чтобы набить руку и пополнить портфолио.
-
В части тем я уже разбираюсь. Видео по ним всё равно надо посмотреть?
Необходимости в этом нет. Вы можете посмотреть все видео или сделать акцент только на тех темах, с которыми ещё не знакомы. На количество баллов это не повлияет.
-
Я смогу устроиться на работу после курса?
Вы получите все необходимые навыки, которые помогут вам начать карьеру веб-дизайнера: изучите рабочий процесс, освоите востребованные инструменты, соберёте портфолио из качественных работ. Заодно вы поймёте, как искать заказчиков и презентовать свои идеи. В остальном всё зависит от вас.
-
Какие программы понадобятся для занятий? Они платные?
Работать мы будет преимущественно в Figma — самой популярной программе для веб-дизайнеров. Платить за неё не нужно — в бесплатной версии есть все необходимые инструменты.
Для работы с программой понадобится браузер последней версии:- Chrome 63+,
- Firefox 58+,
- Safari 11.1+,
- Microsoft Edge 79+.
Также вам может пригодиться Adobe Photoshop. Это не обязательно — любую задачу из курса можно выполнить в Figma. Но если вам захочется сделать более сложный макет, то дополнительные программы вам в этом помогут. Рекомендуем пользоваться платными версиями. На занятиях мы расскажем вам, как купить лицензию максимально выгодно. -
Какой график обучения на платформе? Получится ли совмещать его с работой?
Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видео будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
-
Сколько часов в неделю мне нужно будет уделять обучению на платформе?
Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.
-
Кто будет мне помогать в обучении на платформе?
У вас будут кураторы на платформе и в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
-
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
-
Могу ли я получить налоговый вычет за обучение на платформе?
Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.
- Вы можете вернуть средства через работодателя или налоговую.
- Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
- Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
- В течение 30 дней налоговая подтвердит ваше право на вычет.
- Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.
Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
