Онлайн-курс Веб-дизайнер с нуля
За 6 месяцев освоите веб-дизайн с нуля. Учим работать с Figma, Adobe Photoshop, Tilda. Показываем, как создавать макеты для сайтов и приложений. В основе обучения — практика на реальных проектах
За 6 месяцев освоите веб-дизайн с нуля. Учим работать с Figma, Adobe Photoshop, Tilda. Показываем, как создавать макеты для сайтов и приложений. В основе обучения — практика на реальных проектах
Программа 2025 года, обновляем уроки каждые 3 месяца
Поддержка личного наставника без ограничений по ответам
Поможем полностью подготовиться к поиску работы
Много практических заданий на развитие реальных навыков
Как мы создаем
хорошие курсы
Студенты учатся рядом с личным наставником и командой поддержки. Когда сложно и непонятно, к ним можно обратиться за поддержкой в личном чате
и много практики
В курсах ничего лишнего: только нужная теория и много практики, потому что без нее обучение равно нулю. Поэтому наши курсы короче и дешевле
Вам не нужно думать о том, что и где находится. На нашей платформе удобно учиться, всё под рукой: чат с наставником, задания и проекты
и как им стать
Веб-дизайнер — это специалист, который создает дизайн сайтов и приложений, которыми будет удобно пользоваться. Чтобы начать карьеру в профессии, нужно знать, что такое UX/UI-дизайн, освоить все функции Figma и понимать веб-аналитику.
Это востребованная профессия в IT и digital — компаниям постоянно нужны макеты сайтов и приложений. Освоить веб-дизайн онлайн с нуля можно на нашем курсе
Сколько зарабатывает веб-дизайнер
Зарплата веб-дизайнера зависит от опыта, региона, формата работы и индустрии. Средняя зарплата специалиста в России — 106 000 рублей. На старте в профессии доход начинается от 40 000 рублей. Источник: «Работа.ру»
Для кого этот курс
Освоите навыки, которые нужны работодателям в 2025 году: Figma, UX-исследования, анимация, прототипы и другие инструменты веб‑дизайна
Попробуете себя в новой сфере, научитесь искать визуальные решения в работе над сайтами и приложениями, попрактикуетесь на реальных проектах
О курсе
69900 ₽Центр карьеры
Сформируете личный карьерный план, прокачаете резюме и портфолио, подготовитесь к собеседованиям
С лучшими вакансиями и стажировками от наших партнёров
В формате текстового чата в Telegram. Он проверит резюме и портфолио, подскажет, как выделиться среди других кандидатов
Сервис, который помогает автоматизировать рассылку резюме
Это личный созвон, на котором вам дадут индивидуальные рекомендации и поддержку в поиске работы
Сервис, который помогает автоматизировать рассылку резюме
Остались вопросы?
Оставьте заявку на бесплатную консультацию
и мы поможем определиться с выбором
Как курс
выглядит внутри
Всё, что вам нужно знать — в видео. Предлагаем удобное обучение: качественную картинку, чёткую структуру, функциональный плеер, таймкоды к видео и конспекты к урокам
Чему вы научитесь
на курсе
Чему вы научитесь
на курсе
- Прототипирование и дизайн лендингов в Figma и Tilda
- Сборка и настройка сайтов на Tilda
- Подготовка графики для веба в Photoshop
- Поиск и оформление референсов, создание мудбордов
- Проведение конкурентного анализа и разработка дизайн-концепций
- Тестирование сайтов
- Подготовка макетов к передаче в разработку
- Презентация проектов и работа с обратной связью
в вашем резюме!
Тарифы
- Самостоятельное обучение без наставника
- Доступ на длительность курса (указан на сайте)
- Сертификат Школы
- Бонус: доступ к курсу «Учись учиться»
- Личный наставник без ограничения по ответам
- Неограниченный доступ к курсу
- Работа с проектами
- Две онлайн-консультации с наставником
- Помощь с трудоустройством
- Закрытое комьюнити менторов и выпускников
- Сертификат Школы + удостоверение о повышении квалификации
- Всё из тарифа «Оптимальный»
- Онлайн-консультации с наставником после каждого модуля
- Дополнительные проекты для портфолио
- Личная карьерная консультация с экспертом
Что еще важно?
Можно оплатить в рассрочку через Сбер и Т-банк или частями через Сплит. Проценты и переплаты берем на себя
Команда поддержки поможет вам получить обратно 13% стоимости курса
Если вам что-то не понравилось, вернем всю сумму в течение месяца после оплаты
Программа курса
Это короткий, интерактивный и супер-полезный курс, в котором вы узнаете, как ставить четкие цели, вырабатывать ту самую мотивацию, а главное — учиться системно. Материалы помогут не только в обучении, но и в работе🤝
- Что такое дизайн и кто такой дизайнер?
- Основные задачи и навыки UX/UI-дизайнера
- Различия между UX и UI
- Типы сайтов и их элементы
- Этапы работы над проектом
- Роли в команде
В этом модуле вы познакомитесь с основами профессии UX/UI-дизайнера, узнаете, чем отличаются UX и UI, и разберёте ключевые этапы работы над цифровыми продуктами. Поймёте, из каких элементов состоит сайт и какие типы интерфейсов бывают. Узнаете, как строится процесс разработки проекта и кто участвует в команде
- Основные понятия: UX, UI, Usability
- Конкурентный анализ
- Работа с целевой аудиторией
- Концепция Jobs to Be Done и составление пользовательских историй
- Пользовательский сценарий (User Flow)
- Customer Journey Map
- Принципы и законы UX
В этом модуле вы познакомитесь с ключевыми понятиями UX, UI и Usability, научитесь проводить конкурентный анализ и сегментировать целевую аудиторию. Освоите методы JTBD и User Story для понимания потребностей пользователей. Научитесь проектировать User Flow и CJM, чтобы визуализировать взаимодействие с продуктом. Изучите основные законы UX и принципы создания удобных интерфейсов, включая эвристики Нильсена и работу с UI-китами
- Знакомство с программой Figma
- Основные инструменты Figma
- Работа с Frame
- Создание и настройка простых фигур
- Инструменты Pen и Pencil для сложных фигур
- Булевы операции
В этом модуле вы познакомитесь с интерфейсом Figma, научитесь работать с основными инструментами, создавать и настраивать фреймы, а также освоите создание как простых, так и сложных фигур с помощью векторных инструментов. Узнаете, как экспортировать готовые работы и применять булевы операции для профессионального дизайна
- Работа с изображениями
- Основы работы со шрифтами
- Настройка сетки для макета
В этом модуле вы научитесь профессионально работать с графическими элементами в Figma: добавлять и редактировать изображения, применять маски и эффекты, настраивать шрифты и создавать структурированные макеты с помощью сеток
- Работа со стилями и создание UI-kit
- Основы Auto Layout
- Компоненты и их варианты
В этом модуле вы научитесь систематизировать дизайн-проекты с помощью UI-kit, освоите Auto Layout для создания динамичных интерфейсов и изучите работу с компонентами и их вариантами для быстрого внесения изменений в проекты
- Работа с FigJam
- Инструменты прототипирования, анимации и Figma Mirror
- Плагины Figma: обзор и применение
В этом модуле вы познакомитесь с дополнительными инструментами Figma, которые расширят ваши возможности в дизайне. Научитесь работать с FigJam для командной работы, освоите прототипирование и анимацию интерфейсов, а также узнаете, как использовать плагины для ускорения и автоматизации задач
- Основы композиции
- Правила золотого сечения и третей
- Композиционный центр
- Баланс и композиционный вес
- Инструменты управления внимание
- Принципы гештальта в дизайне
- Улучшение восприятия через группировку и выравнивание элементов
В этом модуле вы поймете, как создавать гармоничные и сбалансированные дизайны, используя законы композиции. Научитесь управлять вниманием пользователя с помощью правил золотого сечения, третей и принципов гештальта. Узнаете, как применять контраст, баланс и группировку для улучшения восприятия ваших работ
- Теория цвета и её свойства
- Цветовой круг и цветовые схемы
- Психология восприятия цвета
- Подготовка цветовой палитры для проекта
В этом модуле вы познакомитесь с основами теории цвета и научитесь работать с цветовыми моделями (RGB, CMYK, HSB). Узнаете, как использовать цветовой круг Иттена и создавать гармоничные цветовые схемы. Поймёте, как цвет влияет на эмоции и восприятие, и научитесь учитывать психологические и культурные аспекты при выборе палитры. Освоите практические навыки подготовки цветовой палитры для реальных проектов
- Введение в типографику
- Основные определения и классификация
- Практические советы по типографике
- Сервисы, лицензии и плагины для работы со шрифтами
В этом модуле вы познакомитесь с основами типографики и её ролью в дизайне. Узнаете ключевые термины: шрифт, гарнитура, кернинг и интерлиньяж. Научитесь настраивать параметры текста для лучшей читаемости. Разберёте классификацию шрифтов и правила их сочетания. Освоите инструменты для работы с типографикой, включая Figma-плагины и сервисы подбора шрифтов
- Важность изображений на сайте и их влияние на восприятие контента
- Как правильно подобрать изображение
- Бесплатные и платные ресурсы для поиска фото и иллюстраций
- Роль иконок в интерфейсе и их функции
В этом модуле вы научитесь подбирать изображения, соответствующие стилистике проекта и целевой аудитории. Узнаете, где искать качественный визуальный контент с соблюдением авторских прав. Освоите работу с иконками и иллюстрациями, включая их интеграцию в Figma
- Брифинг и работа с техническим заданием (ТЗ)
- Сбор референсов и создание мудбордов
- Аналитика и исследование конкурентов и целевой аудитории
В этом модуле вы научитесь проводить брифинг с клиентом и составлять ТЗ для проекта. Освоите методы работы с референсами и мудбордами для вдохновения и визуализации идей. Проведёте аналитику: изучите конкурентов, целевую аудиторию и спроектируете CJM для улучшения пользовательского опыта
- Прототипирование и его цели
- Виды прототипов
- Инструменты для разработки прототипов
- Разработка дизайн-концепции
- Этапы создания макета сайта
- Подбор контента и ресурсов (изображения, иллюстрации, иконки)
В этом модуле вы узнаете, как создавать прототипы разного уровня детализации и выбирать подходящие инструменты. Научитесь разрабатывать дизайн-концепцию, подбирать цветовую гамму, шрифты и контент для сайта. Освоите этапы проектирования макета и адаптации под мобильные устройства
- Анимация в Figma
- Подготовка проекта к передаче разработчикам
В этом модуле вы разберётесь в принципах адаптивного дизайна и научитесь проектировать интерфейсы для разных устройств. Освоите создание анимаций в Figma, чтобы оживлять интерфейсы и улучшать пользовательский опыт. Узнаете, как правильно готовить и передавать макеты разработчикам, чтобы избежать ошибок при реализации
- Знакомство с Tilda: интерфейс, возможности и примеры сайтов
- Быстрый старт: работа с шаблонами и стандартными блоками
- Zero Block: создание уникальных дизайнов и сложных структур
- Адаптивность: настройка под разные устройства и импорт из Figma
- Публикация сайта: SEO, аналитика, формы и передача клиенту
В этом модуле вы познакомитесь с платформой Tilda, научитесь создавать сайты с нуля — от выбора шаблона до кастомизации в Zero Block. Узнаете, как адаптировать дизайн под мобильные устройства, настраивать SEO и аналитику, а также правильно передавать проект заказчику
- Работа с клиентом: коммуникация, формирование ожиданий, оплата, презентация проектов
- Карьера дизайнера: создание и оформление портфолио, поиск работы
- Развитие дизайнера: пути роста, практика, рекомендации
В этом модуле вы научитесь выстраивать профессиональное взаимодействие с клиентами: от коммуникации до презентации готовых проектов. Узнаете, как создать сильное портфолио и где искать работу в дизайне. Разберетесь, как развиваться в профессии, практиковаться и находить вдохновение
Познакомитесь с основными инструментами Photoshop, необходимыми для веб-дизайна. Научитесь работать со слоями, масками, стилями и подготавливать макеты к печати.
- Введение Adobe Photoshop
-
Основы интерфейса и работа с файлами
-
Работа со слоями, масками и стилями
-
Цветокоррекция и ретушь фотографий
-
Создание векторной графики и типографики
-
Подготовка макетов для печати и автоматизация процессов
-
Создание GIF-анимации
- Постановка реалистичной карьерной цели
- Самооценка и анализ профессионального пути
- Разбор нетипичных случаев: долгий перерыв в работе, декрет, смена трека
- Создание резюме, которое понравится рекрутерам
- Анализ рынка и поиск вакансий
- Адаптация сопроводительного письма
- Подготовка к собеседованию с HR и командой
Поймёте возможности рынка и выберете варианты на основе интересов и опыта. Узнаете, как описать свои достижения с учётом всех нюансов. Научитесь интересно рассказывать о себе и своём опыте
Работы с курса
Мы обучили
25 000+ специалистов
Вопросы и ответы
Вам сразу на почту придёт чек о совершённой транзакции. А потом вы получите письмо со ссылкой для регистрации на курс.
Нет. Чтобы придумывать сайты, художественное образование пока не нужно. На курсе вы изучите работу основы дизайна и дизайнерские программы: Figma, Adobe Photoshop, After Effects, Tilda — база которая нужна для старта в профессии.
Длительность обучения примерно за 5 месяцев. Можно быстрее и наоборот. Всё зависит от количества времени и сил, которые вы готовы выделить на обучение.
Средняя зарплата начинающего специалиста — 70 000 рублей по данным исследования Тинькофф Журнала за 2024 год.
Если не до конца уверены, что профессия вам подходит, вы можете задать нам вопросы и описать свой запрос — а мы поможем разобраться, подходит вам веб-дизайн или нет.
Мы помогаем сделать хорошее резюме, оформить портфолио, подготовиться к собеседованиям. Каждый студент может обратиться за помощью к экспертам из карьерного центра Бруноям.
Образовательная деятельность в Школе Бруноям ведется на основании государственной лицензии.
Вы можете оформить налоговый вычет, если вы работаете по трудовому договору и являетесь налоговым резидентом РФ.
Чтобы получить налоговый вычет за обучение, нужно собрать документы, включая договор с учебным заведением и чеки об оплате, и подать декларацию 3-НДФЛ в налоговую инспекцию. Вычет можно оформить за себя или близких родственников. Для получения вычета через работодателя подайте заявление и справку об оплате в налоговую через личный кабинет на сайте ФНС. Возврат составит 13% от суммы расходов на обучение.
Вы всегда можете спросить про налоговый вычет у наших менеджеров — они помогут разобраться в процессе.
Подробнее о налоговом вычете читайте в нашей статье.
Вы можете спланировать свой бюджет и оплатить курс разными способами:
- У нас есть беспроцентная рассрочка от Т-банк и Сбербанк. Проценты Школа берёт на себя.
- Принимаем оплаты иностранными картами.
- Доступна оплата частями через сервис Яндекс Сплит. Можно разделить оплату на 2, 4, 6 месяцев.
- Обучение может оплатить ваш работодатель: заключаем договор с юрлицом, выставляем счёт на оплату, после открываем доступ к курсу.
Рядом с вами будут эксперты в профессии — преподаватели и наставники. Они помогут систематизировать знания, расскажут об инструментах и возможностях, доведут ваши проекты до ума, чтобы у вас было хорошее портфолио.
English
РусскийРезультативность, Добро и Юмор! Их нам вполне хватает, чтобы на каждом этапе максимально удовлетворить наших учеников и довести их до результата.
