Веб-дизайн с нуля
Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.
- Длительность 9 месяцев
- Онлайн в удобное время
- 40+ задач для отработки навыков
- 10 проектов в портфолио
О профессии
Веб-дизайнер проектирует сайты и приложения. Его визуальные решения напрямую влияют на восприятие бренда, а иногда и продажи. Поэтому рынку нужны талантливые веб-дизайнеры, а работодатели готовы им хорошо платить.
Как быстро окупится обучение
Показываем, как будет расти ваш заработок вместе с опытом. И сколько времени потребуется, чтобы окупить вложения в образование.
На позиции Junior вы заработаете столько же, сколько стоит курс,
за 2 месяца
Зарплаты дизайнера интерфейсов, по данным hh.ru
по данным HH.ru- Junior Начало работы
- Middle Опыт 12 месяцев
- Senior Опыт 24 месяца
Чему вы научитесь
- Создавать сайты и приложения в Figma
Изучите принципы композиции и теорию цвета. Сможете создать макет, подготовить его к вёрстке и написать спецификацию для разработчиков.
- Делать адаптивные макеты
Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.
- Создавать удобные интерфейсы
Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.
- Делать несложную анимацию
Научитесь анимировать элементы интерфейса и создавать переходы между страницами в Figma. Сможете показать заказчику кликабельный прототип.
- Писать тексты для интерфейсов
Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.
- Общаться с заказчиками
Поймёте, как обсуждать задачу, сопровождать проект и не срывать сроки. Сможете стать специалистом, к которому обращаются снова.
Научим всем ключевым навыкам веб-дизайнера
Должность
Веб-дизайнерНавыки
- Создаю дизайн лендингов и многостраничных сайтов
- Разрабатываю кликабельные прототипы
- Делаю дизайн мобильных приложений
- Анимирую интерфейсы
- Провожу UX-исследования
- Разрабатываю UI-кит
- Умею презентовать проекты
Инструменты
15+ реальных проектов в портфолио
Содержание курса
Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в Инстаграм* до создания полноценного многостраничного сайта.
- 9 месяцев обучения
- 40+ реальных задач
1-й уровень: Intern
Вы научитесь оформлять соцсети и делать слайды для презентаций. А ещё попрактикуетесь в дизайне лонгридов, лендингов и писем для рассылок. Задачи, с которыми вы будете работать:
-
Дизайн рекламного баннера
Изучите разные форматы баннеров и расширения файлов. Освоите простейшие приёмы ретуши. Узнаете, как делать ресайз макета под разные задачи и настраивать размеры шрифтов. Сможете создать качественный баннер по брифу заказчика.
-
Работа с векторной графикой
Узнаете, для чего веб-дизайнеры используют векторную графику. Научитесь уверенно работать с кривыми, слоями и инструментами выделения. Сможете раскрашивать чёрно-белые иллюстрации, редактировать текстовые логотипы и расставлять в макете готовые векторные рисунки.
-
Оформление текста
Научитесь применять правила композиции и типографики, расставлять цветовые акценты и качественно оформлять текст, опираясь на брендбук от заказчика. Сможете не только работать с внешним видом текста, но и редактировать заголовки так, чтобы они смотрелись привлекательно.
-
Презентации и лендинги для коммерческого предложения
Поймёте, как структурировать большой объём данных и превратить его в красивую картинку. Поработаете со сложными типографическими элементами: фактоидами, сносками, сокращениями и колонтитулами. Научитесь использовать модульные сетки, а также приёмы темпоритмики и психологии цвета.
2-й уровень: Junior
Вы сделаете первые шаги к оформлению многостраничных сайтов. Поработаете с галереями, формами регистрации, меню и другими базовыми элементами интерфейса. Вот какие задачи ждут вас на этом уровне:
-
Создание визуальной концепции сайта
Узнаете, из каких элементов состоит многостраничный сайт, как регулировать уровень визуального шума и управлять вниманием пользователей. Познакомитесь с процессом создания сайта с нуля. Научитесь структурировать проекты в Figma, составлять мудборды и взаимодействовать с верстальщиками. Разберётесь в юридических аспектах дизайна.
-
Разработка UI-кита
Изучите базовые компоненты UI-кита и популярные стили для его оформления. Будете соблюдать баланс цветов в макете. Потренируетесь в создании шрифтовых пар и стилей проекта. Сможете сделать качественный UI-кит, опираясь на брендбук заказчика.
-
Оформление хедеров, футеров и меню
Поймёте, какие шрифты и цвета подходят для этих 3 элементов. Научитесь формулировать заголовки и CTA, создавать гармоничную композицию и работать с графикой.
-
Дизайн онлайн-витрины и карточек товаров
Разберётесь в микроэлементах галереи и форматах представления товаров. Поймёте, из чего состоят простая карточка и каталог. Научитесь группировать элементы и выстраивать их в удобном для пользователя порядке.
-
Работа с формой регистрации
Узнаете, как создавать формы обратной связи, которые захочется заполнить. Научитесь работать с цветовыми контрастами и выстраивать поля в нужном порядке.
-
Многостраничный сайт с витриной
Научитесь использовать приёмы сторителлинга, графику и простые спецэффекты в дизайне сайтов. Поймёте, как выделять важные элементы, не выбиваясь из общего стиля. Подготовите макет сайта для вёрстки.
3-й уровень: Pre-middle
На этом этапе вас ждут самые большие и амбициозные задачи: оформление интернет-магазина, корпоративного сайта и мобильного приложения. Вы научитесь не только рисовать красивые макеты, но и использовать аналитику для создания удобного и функционального дизайна. Для успешного прохождения уровня вам нужно поработать с этими задачами:
-
Дизайн каталога товаров
Познакомитесь с принципами UX- и UI-дизайна. Научитесь пользоваться методом персон для выбора оптимальных дизайнерских решений. Узнаете, что такое подход Mobile First и когда он уместен. Сможете грамотно составить дерево товаров, настроить фильтры и сделать удобные превью.
-
Оформление карты с филиалами
Научитесь строить карту пути пользователя и анализировать дизайн сайтов конкурентов. Узнаете, какие элементы вам нужны, чтобы создать понятную и удобную карту филиалов. Сможете правильно расставить визуальные акценты.
-
Работа со сложными карточками товара
Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как улучшить дизайн при помощи анимации в After Effects, корректно передать готовый прототип разработчикам и провести A/B-тест.
-
Страница оформления покупки
Изучите процесс онлайн-покупки и популярные маркетинговые приёмы, которые помогут создать продающий сайт. Сможете сделать удобный дизайн формы подтверждения заказа как для десктопа, так и для смартфона.
-
Сложная форма регистрации
Узнаете, что мотивирует пользователей регистрироваться на сайтах. Познакомитесь с основными элементами формы регистрации и научитесь грамотно располагать их на макете.
-
Страница оформления доставки
Изучите необходимые поля и дополнительные кнопки для страницы доставки. Узнаете, о чём часто забывают дизайнеры при работе с этим разделом сайта, и сможете избежать ошибок.
-
Личный кабинет
Поймёте, когда люди пользуются личными кабинетами. Научитесь красиво оформлять статистику о действиях пользователей для отчёта перед заказчиком. Сможете исследовать опыт клиентов и использовать его для улучшения дизайна.
-
Работа с информацией о заказе
Сможете создавать страницы с информацией о заказе для разных сфер бизнеса. Поймёте, как эти данные влияют на поведение пользователя. Изучите разные визуальные решения и научитесь работать с информацией о пользователях.
-
Оформление чата поддержки
Узнаете, что нужно учесть при создании чата. Научитесь анализировать работу чатов на сайтах конкурентов, избегать их ошибок и подмечать хорошие фишки.
-
Простая панель управления сайтом
Научитесь работать со сложными данными, необходимыми для нормальной работы админки. Сможете оформить панель управления так, чтобы она была удобной, понятной и хорошо смотрелась на любом экране.
-
Страница для корпоративных клиентов
Поймёте, как бенчмаркинг поможет вам выбрать удачные решения для дизайна. Научитесь добавлять в макет анимацию, чтобы наглядно продемонстрировать интерфейс заказчику.
Получить презентацию курса и консультацию специалиста
Трудоустройство
85% пользователей находят работу в течение 3 месяцев после обучения.
По данным исследования Высшей школы экономики
- Поможем оформить резюме и портфолио
- Подготовим к собеседованиям
- Пригласим в закрытый канал с вакансиями
Поможем найти работу
или вернём деньги
Учим на собственной образовательной платформе
- Теория доступна всегда
Видеолекции можно смотреть в любое время. У вас будет вечный доступ к курсу со всеми обновлениями.
- Тренажёры и реальные задачи
Попрактикуйтесь на тренажёре Figma с автопроверкой. А ещё — выполняйте задачи из интересных сфер бизнеса.
- Помощь экспертов
Кураторы дают подробную обратную связь в течение 24 часов с момента отправки работы.
Кураторы-эксперты и живая обратная связь
Кураторы дадут комментарии к вашим работам и помогут сделать их лучше. Это эксперты с опытом работы в отрасли от 5 лет, они прошли методическое обучение — умеют объяснять сложное и вдохновлять на развитие.
Оперативно ответим на вопросы по домашнему заданию и пришлём качественный разбор 💙
-
Встречайтесь в чатах курса, делитесь решениями, объединяйтесь в команды с первых дней обучения.
-
Поможем установить лицензионные программы, ответим на вопросы о платформе.
-
Сможете задавать вопросы в чате и смотреть обновления программы даже после окончания обучения.
Cпикеры
Подтверждение ваших навыков
В конце обучения получите сертификат установленного образца. Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.
Вам может понравиться
Часто задаваемые вопросы
-
Я никогда не занимался веб-дизайном. У меня получится?
Конечно! У вас всё получится даже без специальных знаний — просто уделяйте больше внимания практическим заданиям, участвуйте в спринтах и читайте дополнительную литературу. В остальном помогут опытные спикеры, которые будут курировать вас на протяжении всего курса. -
В каком графическом редакторе я буду работать?
Спикеры научат вас профессионально работать в Figma. Но вы можете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD. -
Какой график обучения? Получится ли совмещать его с работой?
Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видеоматериалы будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент. -
Сколько часов в неделю мне нужно будет уделять учёбе?
Всё зависит только от вас. В среднем пользователи нашей платформы занимаются от трёх до пяти часов в неделю. -
Я смогу общаться со спикерами?
У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические работы и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки. -
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи. -
Могу ли я получить налоговый вычет за обучение на платформе?
Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.- Вы можете вернуть средства через работодателя или налоговую.
- Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
- Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
- В течение 30 дней налоговая подтвердит ваше право на вычет.
- Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.
Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.
Где работают веб-дизайнеры и как найти работу?
Начинающим дизайнерам, которые с нуля изучают основы профессии, лучше пройти актуальную программу и брать первые недорогие заказы у индивидуальных предпринимателей или частных лиц. Даже учебные проекты по дизайну можно выполнять для реальных клиентов — так обучение сразу будет приближено к будущей работе.
Когда вы закончите курсы и сможете подтвердить свой профессионализм не только портфолио, но и сертификатом, смело откликайтесь на вакансии в крупные компании. В них зачастую существуют формальные требования о профильной подготовке. Больше всего вакансий веб-дизайнеров открыто в Москве, но очень часто такие специалисты работают удалённо.
Где работают участники курсов Skillbox
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
Отзывы участников
20 отзывов