Веб-дизайнер

Курс
Веб-дизайнер

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

Записаться на курс

Top rated by Google users

5.0

109 reviews

Живое онлайн-обучение

Курс подойдет тем, кто хочет:

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

Попробовать профессию

Если вы давно работаете в сфере дизайна, этот курс позволит вам расширить свои навыки и поможет пополнить свое портфолио — что увеличит количество новых интересных заказов.

Улучшить свои навыки

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

Найти новое хобби или работу

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

Приобрести новый опыт

Мы поможем вам освоить профессию
веб-дизайнера с нуля

Познакомим с профессией

Вы освоите основные программы и приложения для работы веб-дизайнером — Adobe Photoshop, Illustrator, Figma
Научитесь работать с типографикой, колористикой и композицией.
Сможете самостоятельно создавать современный и востребованный адаптивный дизайн сайта с нуля и приобретете навыки разработки прототипов сайтов по техническим заданиям от заказчика.

/ 01

Поможем создать портфолио

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

/ 02

Научим продвигать себя

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

/ 03

Веб-дизайнер — востребованная профессия

>1000 открытых вакансий в России

Спрос на навыки веб-дизайнеров и дизайнеров пользовательского интерфейса растет с каждым годом.
Большинство брендов инвестируют в расширение своего присутствия в Интернете и запускают новые сайты, приложения и лендинги.

от 60 000 руб.

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

Кем работает
веб-дизайнер

Веб-дизайнер, Дизайнер сайтов, Дизайнер приложений, Дизайнер лендингов, Дизайнер баннеров, UX Дизайнер, UI Дизайнер

Сколько зарабатывает веб-дизайнер?

Средняя стоимость одного
небольшого лендинга:

15000

Программа курса

5

недель
обучения

2

практических
занятия
в неделю

15 академических
часов

1

Организация
работы

содержание
темы

Вы изучите

На практике

Обязанности веб-дизайнера
Инструменты для работы веб-дизайнера
Работа в команде
Проработка брифа
Этапы работы над сайтом
Организация рабочего процесса
Работа с заказчиком
Подбор проекта

Освоите

Брифинг

Scrum

Trello

Asana

• Выбор темы учебного проекта

• Начало работы над проектом

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

2

Аналитика

содержание
темы

Вы изучите

На практике

Тренды в веб-дизайне
Источники трендвотчинга
Как работать с референсами
Источники вдохновения
Портфолио успешных дизайнеров
Анализ конкурентов
Критерии анализа конкурентов
Сегментация ЦА

Освоите

Сторителлинг

Референсы

CustDev

Матрица
потребностей

• Подбор референсов для проекта

• Создание таблицы анализа конкурентов

• Создание таблицы анализа ЦА

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

3

Концепция
сайта

содержание
темы

Вы изучите

На практике

Внешняя структура сайта
Виды сайтов
Обязательные разделы сайта
Структура страницы
Особенности интернет-магазинов
Корпоративные сайты
Информационные сайты
Элементы интерфейса

Освоите

Прототипирование

MindMup

Customer
journey map

Figma

• Подготовка внутренней и внешней схемы будущего сайта

• Создание прототипа в Figma

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

4

Композиция
страниц

содержание
темы

Вы изучите

На практике

Понятие модульной сетки
Понятие модулей
Типы модульных сеток
Адаптивность сайта
Принцип якорных объектов
Размещение по сторонам
Принцип близости
Схемы расположения объектов

Освоите

Схема F

Схема Z

Принцип "якоря"

Принцип "близости"

• Построение модульной сетки в Figma

• Выбор схемы расположения объектов

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

5

Прото-типирование

содержание
темы

Вы изучите

На практике

Прототипирование интерфейсов
Виды прототипирования
Плюсы и минусы прототипов-скетчей
Особенности статичных прототипов
Интерактивные прототипы
Примеры интерактивных прототипов
Способы создания интерактивных прототипов
Работа с Figma

Освоите

Скетчи

Статичные
прототипы

Интерактивные прототипы

Анимация
в Figma

• Создание в Figma интерактивного прототипа сайта

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

6

Пользовательские
сценарии

содержание
темы

Вы изучите

На практике

Варианты пользовательских сценариев
Внесение корректировок в прототип
Customer journey map
Заполнение таблицы карты путешествий
Управление вниманием пользователя
Понятие визуального веса
Позиционирование
Управление вниманием с помощью лиц

Освоите

Customer
journey map

Визуальный
вес

Позицио-
нирование

Управление
вниманием

• Заполнение таблицы Customer journey map

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

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

7

Визуальный
контент

содержание
темы

Вы изучите

На практике

Визуальное оформление сайта
Создание карты настроений
Дизайн-концепция
Параметры набора
Цветовой круг
Свойства цвета
Восприятие цветов
Сочетание цветов

Освоите

Шрифты

Иконки

Фотостоки

UI-kit

• Работа с визуальными элементами макета в Figma.

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

8

Оформление
интерфейса

содержание
темы

Вы изучите

На практике

Создание главной страницы
Варианты проработки интерфейса
Общая концепция сайта
Подбор визуала
Проработка внутренних страниц
Адаптивность сайта
Способы оформления страниц для компьютеров
Оформление страниц для смартфонов

Освоите

Главная страница

Внутренние
страницы

Страница для компьютера

Страница
для телефона

• Доработка главной страницы сайта

• Доработка внутренних страниц для компьютеров и телефонов

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

9

Мокапы

содержание
темы

Вы изучите

На практике

Что такое мокап
Оформление дизайна в мокап
Как создать мокап
Скачивание готовых мокапов
Размещение макета
Мокапы компьютера
Мокапы компьютера
Полезные ссылки

Освоите

Мокапы

Getcover

Framer

Мокап онлайн

• Поиск мокапов компьютера и телефона с разных ракурсов

• Размещение макета в мокапе

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

10

Проект

содержание
темы

Вы изучите

На практике

Работа с Behance
Примеры кейсов на Behance
Способы записи экрана компьютера
Грамотный поиск заказов
Заказы на биржах фриланса
Заказы из социальных сетей
Работа с карьерными сайтами
Способы презентовать работу заказчику

Освоите

Behance

Биржи фриланса

Соц. сети

Карьерные сайты

• Презентация и защита учебного проекта

• Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

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

Онлайн уроки
с преподавателем

Занятия проходят в реальном времени дважды в неделю — с преподавателем и одногруппниками.

Домашние задания
с проверкой

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

Общение
и поддержка

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

Живые онлайн-уроки

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

Результативно!

Поддержка мотивации
от одногруппников

Лучший способ сохранить мотивацию — получить живую обратную связь от преподавателя и одногруппников!

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

Не скучно!

Получить консультацию

Поможем выбрать программу обучения

Преподаватель

Алиса
Погарская

Веб-дизайнер

Работала над такими проектами, как «Магазин подарков» для сайта фирмы «Таксовичкоф», мобильное приложение «Петербургские мосты» для государственной компании СПб ГБУ «Мостотрест» и др.

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

Опыт

"Графический дизайн — уникальная профессия на стыке творчества и технологий»

Работы выпускников курса
веб-дизайна

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

На самом деле, онлайн-курс по веб-дизайну с самого начала произвел хорошее впечатление. Перед тем, как купить курс, я связался с менеджером по телефону, и он очень классно рассказал мне о занятиях и платформе для обучения) Сразу после разговора купил курс и ни разу не пожалел об этом)

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

Мария Котова
Курс по веб-дизайну - это отличный способ начать свою карьеру в этой сфере. Информации в курсе предостаточно, все объясняется простым и доступным языком. Особенно понравилась практическая часть, где мы учились создавать свои собственные лендинги, а через пару недель обучения — я самостоятельно проектировала красивые и функциональные сайты.

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

Руслан Киреев