Профессия Fullstack-дизайнер
Научитесь разрабатывать дизайн-концепции, создавать прототипы и тестировать продукты. Изучите frontend, сможете выполнять задачи дизайнера и верстальщика


253150₽
Кэшбэк до 8%
Описание:
Кому подойдёт этот курс
- Новичкам в UX и веб-дизайне. Повысите качество дизайн-проектов, научитесь собирать сайты на Tilda, разбираться в HTML, CSS, JS. Поймёте весь цикл создания веб-продукта — и сможете работать как универсальный специалист.
- Веб-дизайнерам на фрилансе. Вы освоите веб-дизайн и UX на профессиональном уровне, чтобы делать более сложные проекты. Изучите веб-вёрстку, сможете расширить круг выполняемых задач и увеличите свой доход.
- Программистам и тестировщикам. Добавите к своим компетенциям веб-дизайн. Соберёте первое дизайн-портфолио и сможете не только писать frontend-часть будущего продукта, но и участвовать в проектировании дизайн-концепта.
- Product-менеджерам. Освоите веб-дизайн и frontend-разработку, познакомитесь с процессами и трудностями этих направлений. Сможете использовать новые знания для более эффективного управления продуктовой командой.
Вы научитесь:
- Работать с запросами заказчика.
- Разрабатывать концепт сайта.
- Создавать прототипы/макеты.
- Проводить юзабилити-тестирование и анализировать требования целевой аудитории.
- Понимать возможности и ограничения серверной и интерфейсной разработки.
- Презентовать итоговый продукт клиенту.
- Проектировать пользовательские интерфейсы.Верстать сайты.
Профессиональные навыки после обучения:
- Знание HTML, CSS
- Разработка дизайн-макетов
- Макетирование продукта в Figma
- Создание сайтов на Tilda
- Умение анализировать ЦА и составлять CJM
- Создание 3D-элементов в Photoshop
- JavaScript для верстальщика
- Навыки презентации готового решения
- Проектирование пользовательских интерфейсов
- Создание адаптивного продукта (веб / мобильный)
- Создание кроссбраузерного продукта
Программа курса:
Веб-дизайн с нуля
- Введение и первый результат
- Бонус модуль. Самые частые ошибки начинающих дизайнеров
- Тренды, подготовка, мудборды
- Главная страница, первые шаги
- Бонус модуль. Развитие дизайнера. Специализация
- Основы работы с графикой
- Бонус модуль. Личное позиционирование
- Декомпозиция
- Навигация и структура
- Интересная подача информации
- Формы и кнопки
- Адаптивность и мобильная версия
- Цвета, настроение. Промо-страница мероприятия
- Декомпозиция промо-страницы
- 3D-элементы в Photoshop
- Презентация для клиента
- Передача проекта в верстку
- Первый кейс на Behance
Веб-дизайн PRO
- Специализация и личное позиционирование
- Концептуальный дизайн
- Бонус модуль. Развитие дизайнера
- Введение в UX
- Портреты пользователей и CJM
- Иконки
- Типографика PRO
- Бонус модуль. Работа с данными от заказчика
- Readymag
- Продвинутая презентация
- Бонус модуль. Процесс работы над проектами дизайн-команды в РИА Новости
- Копирайтинг
- Cinema 4D + Blender
- Adobe XD
- Кейс на 1000 лайков
- Бонус модуль. Работа с иностранным заказчиком
- План развития дизайнера на 3 года
UX-дизайн
- Профессия дизайнера в эпоху цифровых перемен
- Основные этапы проекта
- Service design: теория и практика
- UX-проектирование. Паттерны и психология пользователя
- Бонус-модуль. Эффектный кейс в 20 000 пикселей высоты
- UX-проектирование. Исследование интерфейсов
- Data driven design: теория и практика
- Бонус-модуль. Дизайн-концепция за 60 минут
- Concept design: творчество в дизайне
- Бонус-модуль. Создание рабочего UI KIT
- Visual design: теория и практика
- Бонус-модуль. Анимация интерфейсных элементов
- Техника успешной презентации
- Отраслевая специфика
- Бонус-модуль. Экскурсия в AIC
- Разбор кейсов из практики 1С-Битрикс и Битрикс24 — разработка дизайна сайта, продуктов и единой экосистемы интерфейсов
- Разбор кейсов из практики: «Госуслуги» — проектирование и дизайн интерфейсов
- Разбор кейсов из практики: НТВ-плюс — разработка и развитие сайта
- Карьера дизайнера
Figma
- Введение в Figma. Обзор возможностей
- Работа с графикой
- Редактор Figma - модульные сетки и монтажные области
- Создание и настройка компонентов, работа с эффектами
- Создание вложенных компонентов. Auto Layout
- Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
- Прототипирование
- Figma Animate
- Бонус-модуль. Обзор и применение Figma plugins
Веб-вёрстка с нуля
- Введение
- Базовый HTML
- Базовый CSS
- Работа с макетом
- Layout
- Продвинутый HTML
- Продвинутый CSS
- Адаптивность
- Доступность
- Javascript для верстальщика
- Кроссбраузерность
- Практика
- Работа с хостингом
Веб-вёрстка PRO
- Верстка HMTL-писем
- Сборщики
- Препроцессоры и постпроцессоры
- CSS Grid
- Анимация интерфейса
- CMS
- Будущее верстки
Дизайнер сайтов на Tilda
- Введение
- Начинаем работу с Tilda
- Оформление сайта
- Обложки и слайдеры
- Меню
- Формы и кнопки
- ZERO-блок
- ZERO-блок, часть 2
- Кастомный код
- Блоги и новости, лонгриды
- Интернет-магазин
- Мобильная версия
- Аналитика
- Приём данных форм, CRM
- Подготовка к запуску
- Работа с клиентами