Как стать UX/UI‑дизайнером: от нуля до первого кейса

О чем этот курс

Старт в UX/UI без опыта: от идеи до портфолио‑кейса

Курс поможет понять, чем отличаются UX и UI, как проводить исследование пользователей, строить сценарии, проектировать структуру продукта и превращать идеи в интерактивные прототипы в Figma. Вы научитесь объяснять дизайн через задачи пользователя и бизнеса — не только эстетикой.

Мы пройдём весь путь по модели двойного бриллианта: от исследования и формулировки проблемы до проверенного решения и убедительной презентации. Схема процесса —

graph LR
  Discover{"Исследования"}
  Define{"Постановка"}
  Develop{"Идеи"}
  Deliver{"Решение"}

  Discover --> Define --> Develop --> Deliver

  Discover --> A["Интервью"]
  A --> B["Аналитика"]

  Define --> C["Problem statement"]
  C --> D["HMW"]

  Develop --> E["Скетчи"]
  E --> F["Вайрфреймы"]

  Deliver --> G["Прототип"]
  G --> H["Тестирование"]

  H --> Define
  H --> Develop

Для наглядности разберём контраст ролей UX и UI на одном экране и покажем, как они дополняют друг друга: .

Что вы освоите

UX vs UI: роли, артефакты и метрики успеха. Визуальная иерархия, композиция и гештальт‑принципы.
Пользовательские исследования: опросы, интервью, конкурентный и сравнительный анализ, формулировка гипотез и Jobs‑to‑Be‑Done.

Пользовательские сценарии, CJM и поток задач. Пример юзерфлоу —

flowchart TD
  Start("Старт") --> Search["Поиск/Фильтры"]
  Search --> View["Карточка товара"]
  View --> Stock{"В наличии?"}
  Stock --|Да|--> Add["Добавить в корзину"]
  Add --> Cart["Корзина"]
  Cart --> Auth{"Авторизован?"}
  Auth --|Нет|--> Login["Вход/Регистрация"]
  Login --> Cart
  Auth --|Да|--> Checkout["Оформление"]
  Checkout --> Pay{"Оплата успешна?"}
  Pay --|Да|--> Done["Подтверждение"]
  Pay --|Нет|--> Fail["Ошибка оплаты"]
  Fail --> Checkout
  Stock --|Нет|--> Alt["Выбор альтернативы"]
  Alt --> View

Информационная архитектура и навигация: карточная сортировка, дерево сайта —

graph TD

  Home["Home"]
  Search["Search"]

  subgraph CatalogBlock["Catalog"]
    Catalog["Catalog"]
    Category["{Category}"]
    Product["Product"]
    Catalog --> Category --> Product
  end

  subgraph CartBlock["Cart"]
    Cart["Cart"]
    Checkout["Checkout"]
    Confirmation["Confirmation"]
    Cart --> Checkout --> Confirmation
  end

  subgraph SupportBlock["Support"]
    Support["Support"]
    FAQ["FAQ"]
    Support --> FAQ
  end

  Home --> Catalog
  Home --> Search
  Home --> Cart
  Home --> Support

Вайрфреймы и прототипы: low‑fi, mid‑fi, микровзаимодействия. Сравнение вайрфрейм → мокап → прототип — .
Типографика и сетки: модульные и 8‑pt сетки, контраст, ритм, читабельность.
Компоненты и основы дизайн‑систем: токены, варианты, библиотеки, принципы масштабирования — .
Figma на практике: фреймы, авто‑лейаут, компоненты, прототипирование, комментарии и хенд‑офф. Интерфейс среды — .

Практика и результат

Каждый модуль — это мини‑практика, ведущая к финалу: вы соберёте портфолио‑кейс с исследованием, формулировкой проблемы, пользовательским сценарием, прототипом и визуальным интерфейсом. На защите вы аргументируете решения метриками, данными и бизнес‑целями.

Итоговые материалы: бриф и гипотезы, план исследования и скрипт интервью, персона и CJM, карта сайта и юзерфлоу, набор вайрфреймов, интерактивный прототип, экранные состояния, мини‑дизайн‑система (типографика, цвета, компоненты) и презентация кейса.

Подходит новичкам: теория объясняется простыми словами, а практику мы выполняем пошагово в Figma, с шаблонами и чек‑листами.

Контакты

О чем этот курс

Старт в UX/UI без опыта: от идеи до портфолио‑кейса

Что вы освоите

Практика и результат

Оглавление

Курс содержит:

Похожие курсы

Нейросети для работы: с нуля до уверенного использования

ChatGPT, Claude и YandexGPT для повседневных задач

Промпт-инжиниринг для начинающих

AI для предпринимателя: как экономить время и деньги

Курсы

AIntellecto

Связаться с нами

Контакты