Очный курс «Веб-дизайн: проектирование одностраничных сайтов»
Записаться на курсБриф от реальных заказчиков
Возможность попасть на стажировку в ИТ-компанию
Курс разработан топовыми экспертами компании iSpring
Старт обучения
Идет набор
Длительность
3 месяца, 32 ак. часа
3 месяца
Формат
Очно
Уровень знаний
Начинающий
Количество часов
32 академ. часа
Наш подход в обучении
80% практики на каждом занятии
Вы сразу применяете знания: проектируете, анализируете, собираете макеты, дорабатываете структуру и стиль.
Персональная работа с каждым
Маленькие группы по 10-12 человек позволяют уделить внимание каждому участнику и помочь с любым вопросом.
Среда, в которой хочется расти
Вы становитесь частью комьюнити творческих людей, которые хотят развиваться в цифровой сфере. Вас ждет живое общение и обмен идеями
Удобное расписание
Занятия проходят в будние дни по вечерам или выходным, чтобы можно было совмещать учёбу с работой.
Ваше резюме после курса
Веб-дизайнер
Навыки
Проектирую лендинги и многостраничные сайты под задачи бизнеса
Провожу интервью с клиентом и формирую концепцию проекта
Разрабатываю структуру, пользовательский путь и карту сайта
Умею презентовать решения заказчику и аргументированно защищать дизайн
Проектирую интернет-магазин: каталог, карточку товара, корзину
Выстраиваю визуальную систему бренда и собираю сайт в конструкторе
Инструменты
Figma
Readymag
Tilda
Adobe XD
Погружение в реальную ИТ‑среду
Вы учитесь там, где создаются продукты для глобального рынка, и становитесь частью творческого комьюнити
Записаться на курс
Программа курса
Вместе с экспертами вы создадите серию проектов по веб-дизайну, которые можно включить в портфолио
1
Введение в профессию веб-дизайнера
Профессия веб-дизайнер
Процесс создания сайта. Команда разработки сайта. Зона ответственности веб-дизайнера
Как выглядят и работают современные сайты
Особенности конструкции разных видов сайтов. Критерии/ориентиры хорошего сайта
Как создать хороший дизайнерский продукт
Генерация идей. Дизайн-мышление. Источники вдохновения для работы
2
Интервью с клиентом и первые эскизы сайта
Цели и задачи сайта
Полезное действие сайта для бизнеса: цели пользователей и бизнес-цели.
Понять видение заказчика
Анализ сайтов конкурентов, сбор досок настроения, зарисовки эскизов и составления маршрутов движения пользователей.
Маркетинг-кит. Погружение в проект
Создание единой базы знаний по проекту.
Презентация проекта
Презентация сути продукта и проекта: о чем проект, какой продукт подаем, кому он будет полезен и почему.
Дизайн сайта по шагам
От скетча к дизайну в Photoshop. Используем алгоритм: Содержание → Структура → Конструкция → Стиль.
3
Лендинги. Конструктор промостраниц
Лендинг как презентация. Серия единиц смысла.
Что такое рекламная страница, ее цели и задачи. Устройство рекламной страницы. Типовые функциональные элементы лендингов
Структура промостраницы
Порядок блоков, целевое действие и конверсионные элементы. Сторителлинг.
Рассказ страницы с пользой
Как написать полезный текст о продукте и о компании. Факты и плавность.
Простейшая стилизация
Базовый цвет, акцент, шрифтовая пара, сетка. А также фотографии с выразительной подачей сути в каждом блоке.
Конструкторы промостраниц
Medium/Tilda. Преимущества и ограничения. Схема выращивания сайта.
4
Многостраничный сайт. Единство стиля
Проектирование сайта
Инструменты. Подходы. Основы теории взаимодействия пользователя с интерфейсом. Управление вниманием пользователя.
Маршруты пользователей (User Flow)
Аудитория сайта, профиль клиента. Пользовательские сценарии до целевого действия.
Карта сайта и информационная архитектура
Схема расположения информации на страницах сайта. Меню и навигация между разделами сайта.
Типографика и верстка
Инструменты, подходы и правила для подбора шрифтов. Шрифтовые пары. Иерархия в текстах.
Цвет и атмосфера
Выбор цветовой палитры для сайта и его элементов. Текстуры и узоры: где брать и как использовать.
Фотографии продукта
Усиливаем рассказ с помощью фотографий. Редактура фотографий: сток / не сток.
Карта стиля (Style board)
Способ собрать всю информацию о стиле на A4.
Модульные сетки и композиция
Колоночная сетка и вертикальный ритм. Модуль — инструмент для управления пространством и способ добиться единства между страницами.
Адаптивный дизайн
Проработка дизайна сайта для мобильных устройств — телефонов и планшетов.
Конструкторы сайтов. Создаем сайт без разработчика
Какие бывают конструкторы сайтов. В чем их преимущества и какие есть ограничения.
5
Создаем дизайн интернет-магазина
Особенности интернет-магазинов
Разбор тонкостей в работе с разными интернет-магазинами.
Проектируем каталог товаров, карточку товара и корзину
Изучаем шаблоны, тренды и нестандартные варианты.
Практика в конструкторе
Разработка макета
6
Работа с брендбуком заказчика. Дизайн уникального фирменного стиля
Карта бренда
Ценности компании, характер, тон. Доски настроения. Выход на метафору.
Метафора и брендинг
Генерация метафоры из ценностей бренда. Использование метафоры для создания карты стиля (Style board).
Дизайн уникальной графики
Связь уникальной графики, ценностей и метафоры. Практика в визуальной коммуникации.
Отзывы участников курса
Вероника
«Мне, как тестировщику, всегда хотелось увидеть собственными глазами, как создается сайт с идеи до рабочей версии — выделить этапы, на которых необходимо тестирование, до выкладки сайта. Когда я шла на курсы, я и не подозревала, что получу намного больше.
Помимо прочных знаний по веб-дизайну, все мы получали рекомендации по управлению своим временем и дальнейшим направлениям своего развития. Нам не только давали домашние задания, но и помогали распределить время для его выполнения.
Отдельно хочется отметить высокий уровень преподавателей — они не только умеют учить, но и готовы учиться, они постоянно в движении, они ищут информацию и перерабатывают ее с невероятной скоростью.
Роман Абатин
«Курс первого потока стал для меня необходимым толчком для старта. Помог собрать в единое целое все свои разрозненные знания о дизайне и восполнить пробелы в тех вопросах, где были сомнения и неопределённость.
Наверно, когда-то тогда, я и решил в какой области дизайна хочу продолжить работу. Ну, а помимо конкретных знаний, курс дал хорошую возможность посмотреть на задачу с разных, совершенно не привычных для меня сторон.
Этот курс — хорошая возможность оценить свои силы, свой уровень, а также значительно подтянуть его, выработать «насмотренность» и получить хороший стимул для дальнейшей работы и развития.»
Эльвира Кузнахмедова
Вот и подошёл к концу курс по веб-дизайну. Слова благодарности всегда очень приятно говорить, но в моменте «здесь и сейчас» стройный красноречивый поток имеет свойство теряться в суете мыслей поэтому хочется еще раз, но уже в письменной форме от души поблагодарить Настю Свеженцеву за фантастически позитивный вклад в наше развитие, за терпение, за силы и знания, что были в нас так тактично вложены!
Спасибо комиссии за теплую доброжелательную атмосферу и компетентную, профессиональную, объективную оценку и обратную связь — это было вдохновляюще!
Светлана Головина
«Главное, что дал мне этот курс — это четкое понимание, что дизайн — это гораздо больше, чем просто красивое оформление. Это в первую очередь идея, которая должна быть продумана до мелочей и понятна пользователю, это эмоции, которые она несет, это умение выделить цель и найти пути ее достижения.
Я по-другому взглянула на процесс создания дизайна, и полученный опыт очень пригодился в моей работе. Курс не просто дает готовый алгоритм и информацию, он скорее определяет направление, в котором нужно развиваться и оттачивать профессиональные навыки.
На занятиях всегда царит дружественная атмосфера, было приятно учиться и интересно общаться с коллегами и преподавателями, которые с удовольствием делятся своим опытом, а это — бесценно :)»
Сертификат
При успешной защите итогового проекта вы получите документ, который сможете добавить к резюме и показать при устройстве на работу.
Оставить заявку на курс
Стоимость курса
32 700 ₽
Скидка
10 %
- Студентам и учащимся
- При наличии сертификата о прохождении курса в Институте ПС
- Каждому по акции «Приведи друга»
- Корпоративная скидка при направлении на обучение от 3-х сотрудников
Налоговый вычет
Вы можете вернуть до 13% от стоимости курса
Ошибка при отправке данных
Спасибо за регистрацию
В ближайшее время с вами свяжется менеджер
Телеграм: @iSpringInstitute
Телефон: +7 939 720 0010