Войти

Профессия Дизайнер-разработчик
Вы научитесь разрабатывать дизайн-концепции, создавать прототипы и тестировать готовые продукты. Изучите frontend, сможете одинаково хорошо выполнять задачи дизайнера и верстальщика — станете незаменимым специалистом на рынке.
SkillBox
Стоимость: 182 520 р. / Разово

Целевая аудитория

Новичкам в UX и веб-дизайне

Повысите качество дизайн-проектов, научитесь собирать сайты на Tilda, разбираться в HTML, CSS, JS. Поймёте весь цикл создания веб-продукта — и сможете работать как универсальный специалист.

Программистам и тестировщикам

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

Веб-дизайнерам на фрилансе

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

Product-менеджерам

Освоите веб-дизайн и frontend-разработку, познакомитесь с процессами и трудностями этих направлений. Сможете более эффективно управлять продуктовой командой.

Описание курса

Первый платёж через полгода 11 проектов в портфолио Помощь в трудоустройстве Выбор курсов за вами

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


Веб-дизайн с нуля

Вы научитесь делать адаптивный дизайн для сайтов, лендингов и презентаций в Figma. Создадите первый кейс для портфолио на Behance.

  • Введение и первый результат
  • Бонус-модуль. Самые частые ошибки начинающих дизайнеров
  • Бонус-модуль. Плагины
  • Тренды, подготовка, мудборды
  • Работа со стилями. Создание GUI
  • Главная страница, первые шаги
  • Основы работы с графикой
  • Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне
  • Декомпозиция
  • Навигация и структура
  • Интересная подача информации
  • Формы и кнопки
  • Дизайн-системы
  • Адаптивность и мобильная версия
  • Цвета, настроение. Промостраница мероприятия
  • Декомпозиция промостраницы
  • Анимация в Figma
  • Презентация для клиента
  • Передача проекта в вёрстку
  • Первый кейс на Behance
  • Бонус-модуль. Введение в вёрстку

Веб-дизайн PRO

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

  • Специализация и личное позиционирование
  • Концептуальный дизайн
  • Бонус модуль. Развитие дизайнера
  • Введение в UX
  • Портреты пользователей и CJM
  • Иконки
  • Типографика PRO
  • Бонус модуль. Работа с данными от заказчика
  • Readymag
  • Продвинутая презентация
  • Бонус модуль. Процесс работы над проектами дизайн-команды в РИА Новости
  • Копирайтинг
  • Cinema 4D + Blender
  • Adobe XD
  • Кейс на 1000 лайков
  • План развития дизайнера на три года
  • Информация о дипломном проекте

UX-дизайн

Вы научитесь исследовать пользовательский опыт и поймёте, как решать задачи бизнеса с помощью UX. Сможете проектировать не только красивые, но и удобные интерфейсы.

  • Профессия дизайнера в эпоху цифровых перемен
  • Дизайн-мышление
  • UX-проектирование. Паттерны и психология пользователя
  • Бонус-модуль. Удобный интерфейс
  • Основы юзабилити
  • Юзабилити-тестирование
  • Сервисный дизайн
  • Формы и UX-исследования
  • Бонус-модуль. Кейс по сервисному дизайну
  • Бонус-модуль. Проектирование CRM-систем
  • E-commerce
  • UI/Визуальная концепция
  • Бонус-модуль. Дизайн-система и паттерны
  • Мобильный UX/UI
  • Текст в интерфейсе
  • Бонус-модуль. Анимация интерфейсных элементов
  • Бонус-модуль. Кейс проектирования для юр. лиц
  • Дизайн на основе данных
  • Бонус-модуль. А/В-тесты
  • Бонус-модуль. Работа над проектом
  • Успешная презентация
  • Бонус-модуль. UX + Agile
  • Карьера в UX
  • Информация о дипломном проекте

Figma

Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы, работать над проектом с командой.

  • Введение в Figma. Обзор возможностей
  • Работа с графикой
  • Редактор Figma - модульные сетки и монтажные области
  • Создание и настройка компонентов, работа с эффектами
  • Создание вложенных компонентов. Auto Layout
  • Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
  • Прототипирование
  • Figma Animate
  • Бонус-модуль. Обзор и применение Figma plugins

Веб-вёрстка с нуля

Вы поймёте назначение основных тегов HTML, сможете стилизовать и размещать элементы с помощью CSS, JavaScript и сверстаете свой первый дизайн-макет.

  • Введение
  • Базовый HTML
  • Базовый CSS
  • Работа с макетом
  • Layout. HTML-разметка
  • Layout. Flexbox
  • Layout. Стилизация
  • Продвинутый HTML. Формы
  • Продвинутый CSS
  • Сетки
  • Адаптивность. Десктоп и планшет
  • Адаптивность. Мобильные устройства
  • Доступность
  • JavaScript для верстальщика
  • Кросс-браузерность
  • Бонус-модуль. База знаний
  • Работа с хостингом
  • Анимация
  • Курсовая (мини-проект)

Веб-вёрстка PRO

Вы научитесь верстать письма для email-рассылок, узнаете, как быстро создавать шаблоны с помощью гридов. Изучите особенности вёрстки сайтов под CMS-движки и анимацию на CSS3 и JS.

  • Верстка HMTL-писем
  • Сборщики
  • Препроцессоры и постпроцессоры
  • CSS Grid
  • Анимация интерфейса
  • CMS
  • Будущее верстки
  • Информация о дипломном проекте

Дизайнер сайтов на Tilda

Вы научитесь создавать красивые и функциональные сайты на конструкторе Tilda. Поймёте, как собирать лиды через CRM Tilda и читать данные встроенной веб-аналитики.

  • Введение
  • Начинаем работу с Tilda
  • Оформление сайта
  • Обложки и слайдеры
  • Меню
  • Формы и кнопки
  • ZERO-блок
  • ZERO-блок, часть 2
  • Кастомный код
  • Блоги и новости, лонгриды
  • Интернет-магазин
  • Мобильная версия
  • Аналитика
  • Приём данных форм, CRM
  • Подготовка к запуску
  • Работа с клиентами

Дипломный проект. Дизайн и вёрстка сайта

Вы создадите прототип digital-продукта, (например, сайта), протестируете его на пользователях по принципам UX, разработаете дизайн-концепцию и сверстаете итоговый продукт.


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

    Сергей Попков

    Шеф-дизайнер и основатель AIC

    Игорь Коропов

    Основатель Skillbox

    Дмитрий Матвеев

    Арт-директор Wildberries

    Михаил Никипелов

    Арт-директор Distillery, преподаватель Skillbox

    Вадим Паясу

    Дизайнер

    Дмитрий Игошин

    Арт-директор AIC

    Сергей Киреев

    Арт-директор AIC

    Филипп Соломин

    Руководитель студии OKTÂEDER

    Святослав Трипольский

    CEO веб-студии We Make Digital

    Антон Рыбаков

    Senior UI/UX Designer в «Крок»

    Сергей Корниенко

    Frontend team-lead инвестиционного маркетплейса Московской биржи

    Оставьте отзыв первым!