«Программист-дизайнер»: кто это, обязанности и как им стать в 2024 году. Обзор профессии.

Вы научитесь создавать прототипы, интерфейсы, дизайн-системы и тестировать готовые продукты. Освоите frontend, сможете одинаково хорошо выполнять задачи дизайнера и верстальщика — станете незаменимым специалистом на рынке.

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

Fullstack-дизайнеры могут заменить нескольких специалистов, поэтому им предлагают высокие зарплаты

• 4 000 компаний

сейчас ищут дизайнеров

• 120 000 рублей

зарплата начинающего специалиста

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

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

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

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

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

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

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

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

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

Чему вы научитесь

1. Создавать интерфейсы и дизайн-системы

Поймёте, как разработать и реализовать дизайн-концепцию сервиса. Научитесь собирать макеты в Figma.

2. Проводить UX-исследования

Познакомитесь с дизайном на основе данных и научитесь проводить юзабилити- и A/B-тесты. Сможете создать продукт, который понравится пользователям.

3. Верстать сайты

Изучите HTML, CSS и JS. Сможете отвечать за frontend продукта и верстать сайт без помощи программистов.

4. Анимировать прототипы

Освоите Readymag и анимацию в Figma — сможете сделать свой макет интерактивным и до реализации показать заказчику, как всё будет работать.

5. Создавать сайты на Tilda

Научитесь быстро собирать сайты, интернет-магазины и лендинги на конструкторе Tilda. Узнаете, как получать лиды через встроенную CRM Tilda.

6. Работать с заказчиками

Поймёте, как проводить брифинг и презентовать готовые проекты. Научитесь убеждать заказчиков и закрывать задачи без лишних правок.

Скидка для опытных дизайнеров и разработчиков

• Познакомьтесь с программой профессии
• Откажитесь от одного или нескольких курсов, если они вам не нужны
• Сообщите об этом менеджеру
• Не платите за эти курсы!

Помогаем построить карьеру мечты

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

За 2021 год мы трудоустроили более 1000 студентов на работу по новой профессии

Учитесь сейчас, платите потом!

Расходы за первые полгода обучения берёт на себя Skillbox. В это время вы посещаете лекции и воркшопы, прокачиваете навыки, находите себе работу и начинаете зарабатывать.

Закрытые мероприятия для студентов

• Офлайн-воркшопы

Приобщитесь к профессиональному комьюнити, сможете задать любой вопрос специалистам и завести новые полезные знакомства. Воркшопы проходят в Москве, но мы обязательно делаем запись для всех студентов.

• Экскурсии в компании-партнёры

Посмотрите на работу крупных компаний изнутри, познакомитесь с сотрудниками и руководителями. Сможете перенять опыт ведения крупных проектов, а также проникнуться атмосферой компании.

• Карьерные консультации

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

Программа

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

• 114 тематических модулей
• 439 онлайн-уроков

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

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

1. Введение и первый результат
2. Бонус-модуль. Самые частые ошибки начинающих дизайнеров
3. Бонус-модуль. Плагины
4. Тренды, подготовка, мудборды
5. Работа со стилями. Создание GUI
6. Главная страница, первые шаги
7. Основы работы с графикой
8. Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне
9. Декомпозиция
10. Навигация и структура
11. Интересная подача информации
12. Формы и кнопки
13. Дизайн-системы
14. Адаптивность и мобильная версия
15. Цвета, настроение. Промостраница мероприятия
16. Декомпозиция промостраницы
17. Анимация в Figma
18. Презентация для клиента
19. Передача проекта в вёрстку
20. Первый кейс на Behance
21. Бонус-модуль. Введение в вёрстку

2. Веб-дизайн PRO

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

1. Специализация и личное позиционирование
2. Концептуальный дизайн
3. Бонус модуль. Развитие дизайнера
4. Введение в UX
5. Портреты пользователей и CJM
6. Иконки
7. Типографика PRO
8. Бонус модуль. Работа с данными от заказчика
9. Readymag
10. Продвинутая презентация
11. Бонус модуль. Процесс работы над проектами дизайн-команды в РИА Новости
12. Копирайтинг
13. Cinema 4D + Blender
14. Adobe XD
15. Кейс на 1000 лайков
16. План развития дизайнера на три года
17. Информация о дипломном проекте

3. UX-дизайн

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

1. Профессия дизайнера в эпоху цифровых перемен
2. Дизайн-мышление
3. UX-проектирование. Паттерны и психология пользователя
4. Бонус-модуль. Удобный интерфейс
5. Основы юзабилити
6. Юзабилити-тестирование
7. Сервисный дизайн
8. Формы и UX-исследования
9. Бонус-модуль. Кейс по сервисному дизайну
10. Бонус-модуль. Проектирование CRM-систем
11. E-commerce
12. UI/Визуальная концепция
13. Бонус-модуль. Дизайн-система и паттерны
14. Мобильный UX/UI
15. Текст в интерфейсе
16. Бонус-модуль. Анимация интерфейсных элементов
17. Бонус-модуль. Кейс проектирования для юр. лиц
18. Дизайн на основе данных
19. Бонус-модуль. А/В-тесты
20. Бонус-модуль. Работа над проектом
21. Успешная презентация
22. Бонус-модуль. UX + Agile
23. Карьера в UX
24. Информация о дипломном проекте

4. Figma

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

1. Введение в Figma. Обзор возможностей
2. Работа с графикой
3. Редактор Figma — модульные сетки и монтажные области
4. Создание и настройка компонентов, работа с эффектами
5. Создание вложенных компонентов. Auto Layout
6. Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку.
7. Прототипирование
8. Figma Animate
9. Бонус-модуль. Обзор и применение Figma plugins

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

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

1. Введение
2. Базовый HTML
3. Базовый CSS
4. Работа с макетом
5. HTML-разметка
6. Flexbox
7. Стилизация
8. Продвинутый HTML. Формы
9. Продвинутый CSS
10. Сетки
11. Адаптивность. Десктоп и планшет
12. Адаптивность. Мобильные устройства
13. Доступность
14. JavaScript для верстальщика
15. Кросс-браузерность
16. Бонус-модуль. База знаний
17. Работа с хостингом
18. Анимация
19. Курсовая (мини-проект)

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

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

1. Верстка HMTL-писем
2. Сборщики
3. Препроцессоры и постпроцессоры
4. CSS Grid
5. Анимация интерфейса
6. CMS
7. Будущее верстки
8. Информация о дипломном проекте

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

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

1. Введение
2. Начинаем работу с Tilda
3. Оформление сайта
4. Обложки и слайдеры
5. Меню
6. Формы и кнопки
7. ZERO-блок
8. ZERO-блок, часть 2
9. Кастомный код
10. Блоги и новости, лонгриды
11. Интернет-магазин
12. Мобильная версия
13. Аналитика
14. Приём данных форм, CRM
15. Подготовка к запуску
16. Работа с клиентами

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

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

Ваше резюме после обучения

• Должность Fullstack-дизайнер
• Зарплата от: 120 000 ₽

Профессиональные навыки:

• Знание HTML, CSS
• Разработка дизайн-макетов
• Макетирование и анимация продукта в Figma
• Создание сайтов на Tilda
• Умение анализировать ЦА и составлять CJM
• JavaScript для верстальщика
• Навыки презентации готового решения
• Проектирование пользовательских интерфейсов
• Создание адаптивного продукта (веб / мобильный)
• Создание кроссбраузерного продукта

Диплом Skillbox

Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.