Профессия Fullstack-дизайнер

Кому подойдёт этот курс

• Новичкам в 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
• Подготовка к запуску
• Работа с клиентами