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

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

Профессия Fullstack-дизайнер
Цена
253150
Кэшбэк до 8%
24 месяца24 месяца
Сертификат гос. образцаСертификат гос. образца
РусскийРусский
Skillbox
Купить с кэшбэком

Описание:

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

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