Billing-страница
Что показывать: план, история, способ оплаты, инвойсы, отмена.
Сгенерировать варианты UI-компонента
Создать 4-6 разных подходов к компоненту с разным визуальным языком и трейд-оффами.
UI-критика с глазом дизайнера
Жёсткая оценка визуала: типографика, сетка, иерархия, ритм, цвет, детали.
Дизайн пустого состояния
Не «пусто», а возможность объяснить ценность и направить к первому действию.
Дизайн loading-состояний
Скелетоны, спиннеры, прогресс-бары: что когда применять и как не раздражать.
Пустые состояния: три режима и иерархия CTA
Разведи first-run, no-results и error в три разных дизайна с правильной иерархией действий.
Оркестрация loading-состояний
Skeleton vs spinner vs progressive: бюджет тайминга, выбор техники, переходы без скачков.
Modal vs Drawer vs Bottom-Sheet — что выбрать
Decision matrix для выбора overlay-паттерна по контексту, частоте, фокусу и mobile-поведению. Без шаблонного «modal для всего».
Дизайн плотной таблицы данных
Спецификация для рабочей таблицы: sticky-заголовки, sort/filter, row actions, режимы плотности, поведение на mobile. Без «впихиваем спредшит».
Иерархия информации на дашборде
Что показать первым, что вторым, что вообще убрать. Hero-метрика, comparison, trends, actions — без «13 виджетов и пользователь сам разберётся».
Выбор навигации: sidebar / tabs / breadcrumbs / mega-menu
Какой паттерн навигации работает для какой структуры. Когда комбинировать, когда конфликт, что унесёт пользователя в тупик.
Cmd+K command bar — спецификация UX
Командная палитра, которая реально ускоряет работу: ranking, секции, shortcuts, recently used, empty state, fuzzy match. Без «поиск с симпатичной анимацией».
Система нотификаций и toast'ов
Таксономия по 6 типам, позиция, время жизни, dismiss, a11y, stacking. Без «спам зелёных тостов на каждый клик».
Дизайн поискового поля и подсказок
Что в placeholder, как показывать recents, как обрабатывать no-results и did-you-mean, scope-chips. Поиск, который реально находит.
Дизайн фильтров и сортировки
Chips vs facets vs sidebar — что выбрать. Multi-select UX, applied-state, reset, persist в URL. Без «гнусной collapsible-панели слева».
Карточки: плотность и ритм сетки
Compact / comfortable / cozy режимы карточек. Ритм grid'а, иерархия внутри карточки, что вынести наружу. Без «padding на глаз».
Деконструкция hero-секции: promise, proof, action
Что юзер видит в первые 5 секунд. Promise / proof / action — три части, без которых hero не работает. Жёсткий разбор и план переделки.
Empty state для dashboard в day-zero
Что показать в дашборде, когда у пользователя нет данных: sample data vs placeholder, onboarding integration, action vs explainer.