Курс Web Design Pro

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

Web Design Pro — это комплексная программа, благодаря которой вы не только узнаете о UX/UI, но и на практике научитесь всему, что должен знать веб-дизайнер.

 

Именно этот специалист создает концепцию для будущего сайта или приложения, придумывает структуру и переходы на страницы согласно пользовательской логике и потребностям заказчика. От него зависит, какого цвета будут кнопки, а какого — меню, и то, как это может повлиять на поведение потребителя.

 

Поскольку сайт — это лицо и презентация бизнеса, веб-дизайнеры очень востребованы на рынке и делают действительно нужную всем работу. Нетрудно догадаться, что и заработная плата у таких специалистов более чем достойная.

После курса вы сможете:

• Разрабатывать красивые сайты и приложения, которые отвечают целям и потребностям бизнеса и клиентов
• Повышать удобство готовых сайтов
• Управлять психологическими аспектами продуктивного дизайна
• Формулировать гипотезы и проводить тесты, которые повышают эффективность проектов
• Грамотно оперировать иконками, анимацией и другими элементами на сайте
• Создавать и вводить хорошие решения для лучшей функциональности сайта

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

1. Вступление

• Знакомство. Введение в курс
• Понятия: дизайн, интерфейс, UX, UI, Product Designer
• Роль UX/UI дизайнера в проекте
• Этапы разработки проекта

---

2. Инструменты дизайнера

• Обзор инструментов. Figma, Miro, Balsamiq, Notion, After Effects и другие
• Методы ускорения работы в Figma
• Плагины и ресурсы. Figma Community
• Порядок и структурирование документа

---

3. Цифровые продукты и их продвижение

• Что такое цифровой продукт?
• Виды цифровых продуктов
• SEO (основы поисковой оптимизации)
• SMM (основы продвижения в соцсетях)
• Контекстная реклама

---

4. UX-исследования и архитектура

• UX-стратегия
• Юзабилити и аксессибилити
• Брифинг
• Диалог с заказчиком
• Постановка задач, целей и бизнес требования
• Конкурентный анализ
• Визуальный анализ
• Опрос ЦА
• Jobs to be done (JTBD). JTBD interview. Job Story
• Персоны, Карта эмпатии, User Stories
• Customer Journey Map
• Модель Кано
• User Flow
• Структура проекта
• UX-копирайтинг

---

5. Где искать вдохновение?

• Мудборд
• Ресурсы для вдохновения, развитие насмотренности, тренды
• Методы генерирования идей

---

6. Дизайн-системы и UI-киты

• Особенности применения и различия
• Компоненты. Навигация, элементы, блоки
• Обзор UI kit для iOS / Android
• Плагины и лайфхаки

---

7. UI-концепция

• Подходы Mobile First / Desktop First
• Скетчинг, Warframing, Прототипирование
• Модульные сетки. Анатомия. Виды сеток
• Иконки в интерфейсах, стиль и форматы
• Фотографии и иллюстрации — технические требования, тренды, полезные ресурсы.
• Шрифты. Где искать? Как сочетать?
• Типографика. Делаем текст удобным для чтения
• Композиция. Визуальная иерархия, теория близости и другие приемы
• Цвета. Как подбирать? Инструменты, ресурсы
• Адаптивный дизайн

---

8. Гайдлайны

• Как их применять?
• Обзор гайдлайнов для Android, iOS
• Обзор Material Design
• Обзор Fluent Design Guidelines

---

9. Основы анимации

• Основы UI-анимации
• Анимация интерфейса / иконок / иллюстраций в Figma
• Анимация интерфейса / иконок / иллюстраций в After Effects

---

10. Аналитика

• Google Analytics
• Hotjar

---

11. Тестирование

• Сценарии для тестирования
• Составление гипотез для улучшения интерфейса
• Юзабилити тестирование
• А/В тестирование

---

12. Передача макетов в разработку

• Обязательные элементы
• Особенности передачи сайтов и приложений разработчикам

---

13. Портфолио. Публикация кейса на Behance

• Особенности различных ресурсов
• Как оформлять кейсы?
• Частые ошибки и лайфхаки

---

14. Развитие дизайнера

• Поиск вакансий
• Студия, фриланс или продукт?
• Как проходить интервью?
• LinkedIn / Фриланс биржи
• Как стать богатым и знаменитым?

---

15. Защита курсового проекта

• Презентация курсового проекта

---

16. Практическая работа

• Интернет-магазин. Desktop + Mobile
• Лендинг. Desktop + Mobile

---

17. Как составить резюме и пройти собеседование

• Структура резюме
• Часто задаваемые вопросы
• Как вести себя на собеседовании
• Основные ошибки на собеседовании
• Урок английского языка №1
• Урок английского языка №2
• Урок поиска работы

---

Минимальные требования:

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

Лекторы:

---

Курс Web Design Pro Ташкент

* Указанные скидки не суммируются с другими действующими акциями и специальными предложениями. Если у Вас возникли вопросы, обращайтесь за консультацией к нашим менеджерам!