Карина ГематдиноваКарина ГематдиноваШесть лет работаю с интерфейсами. Обычно в проекте я одна, поэтому беру продукт целиком, от первых сценариев до передачи макетов в разработку. Параллельно чаще всего идут один, два, а иногда три проекта.
Здесь шесть проектов из тех, что я вела. Выбрала те, где могу подробно рассказать, какие решения принимала и почему.
Платформа монетизации Telegram-каналов: автор продаёт подписку на закрытые каналы, а платформа считает деньги, возвращает ушедших и платит партнёрам.
Смотреть кейсУ подписочного сервиса три пользователя с несовпадающими интересами. Автор хочет видеть выручку и не хочет разбираться в интеграциях. Подписчик хочет доступ и боится, что деньги спишут зря. Партнёр хочет прозрачную статистику своих продаж. Всё это один продукт, и он должен работать в светлой и тёмной теме, на десктопе и на телефоне. Плюс главная боль подписочной модели, это отток: каждый ушедший подписчик это минус к MRR каждый месяц, а не разово.
На дашборде сверху стоит не приветствие и не новости, а прогнозируемый MRR сразу в трёх валютах и ссылка на страницу оплаты, которую автор пойдёт кидать в свой канал. Ниже идёт доход по неделям и месяцам, счётчики активных и пробных подписок и блок «Восстановление MRR». Я делала этот экран так, чтобы автор за пять секунд понял, зарабатывает он больше или меньше, чем в прошлом месяце.
Один и тот же дашборд существует в трёх версиях, и это не косметика: тёмная тема здесь спроектирована, а не перекрашена: у графиков, статусных плашек и подсветок свои значения под каждую тему.
Ядро кейса. Камбекер ловит момент, когда подписчик нажимает «отменить», и предлагает ему скидку, но не всем подряд, а по правилам, которые автор задаёт сам: размер скидки, срок жизни предложения, текст сообщения и на какие тарифы оно действует. Пустое состояние раздела не извиняется за пустоту, а объясняет механику в четырёх строках и ведёт к одной кнопке.
Механика работает: от 69% до 85% подписчиков, которые уже нажали «отписаться», остаются со скидкой. И результат видно в деньгах, в аналитике есть коэффициент восстановления, сколько подписок сейчас на восстановлении, и прямая цифра: сколько рублей и долларов сервис вернул автору за всё время.
У подписчика свой кабинет, и в нём есть раздел, которого обычно не бывает: «Можно восстановить». Завершённая подписка не исчезает в архив, а лежит на видном месте с понятным предложением, спишем 350 ₽ с карты, доступ откроется мгновенно, дальше столько же раз в месяц, отменить можно в любой момент. Тут же список каналов, которые вернутся, с иконками Telegram и MAX. Человек видит, что именно он покупает, а не просто сумму.
Публичная страница проекта, витрина автора: обложка, описание, пробный период, список подписок и продуктов с указанием, в каких мессенджерах будет доступ. На чекауте три способа оплаты, включая карту зарубежного банка, промокод, чек-бокс согласия и блок «Поддержать автора», можно доплатить сверху.
Экран неудачной оплаты я считаю сильнее экрана успешной. На нём не только «попробовать ещё раз», но и переход на другой способ, и, главное, идентификатор платежа с кнопкой копирования и три канала связи с поддержкой. Человек с отклонённым платежом не уходит злым в никуда, у него есть номер и адрес, куда с ним идти.
Отдельная часть работы за последнее время, перевод дизайна на нейросети. Я оптимизировала макеты и дизайн-систему целиком: привела компоненты к единому виду, убрала дубли и разнобой в состояниях, а потом перенесла систему в Claude Design.
После этого проектировать стало заметно проще, задачи собираются из готовых компонентов, а не рисуются каждый раз заново, и отдавать в прод тоже легче, потому что разработчик получает предсказуемую структуру, а не набор уникальных экранов. Мне это кажется важным навыком, безусловно нейросеть не заменяет дизайнера, но она снимает ту часть работы, которая раньше съедала половину времени.
«Камбекер» удерживает от 69% до 85% подписчиков, которые уже приняли решение уйти. Это не оценка эффекта дизайна вообще, а измеримый результат конкретной механики: человек нажал «отписаться», увидел предложение и остался. Для подписочной модели, где каждый ушедший, это минус к MRR каждый следующий месяц, такая вилка означает существенную часть выручки, которая иначе просто утекала бы.
Стадия размечена прямо в названиях секций макета, «на проде», «будущие релизы», «единый ЛК», так что команда всегда видит, какой экран актуален. Внутри флоу лежат Release Notes, на экранах висит статус готовности ТЗ, а для темизации я собрала отдельный чек-лист, где каждый флоу выложен парами: светлая рядом с тёмной, десктоп рядом с мобильной. Это инструмент сверки, чтобы ни один экран не выпал из системы.
Внутренний портал обращений федеральной розничной сети. Аудит девяти сценариев, бенчмарк двух аналогов и пять модерируемых сессий с сотрудниками.
Смотреть кейсИсследование и рекомендации
Экспертный аудит · бенчмарк · 5 модерируемых сессий
Более 80% отметили улучшения
Внутренний портал обращений, та система, через которую сотрудник просит починить ноутбук, заказать справку или сообщить об ошибке в приложении. Ей пользуются не по любви, а по необходимости, и жалобы копятся в фоне: «долго», «непонятно», «проще написать письмо». Задача была превратить это фоновое недовольство в конкретный список того, что чинить в первую очередь.
Экспертный аудит девяти сценариев. Каждый разобран по шагам с экранами: создание обращения, письма после оформления, просмотр своих заявок и согласований, база знаний, оценка обращения, отдельно в десктопе и в мобильном.
Бенчмарк двух аналогов. Госуслуги, как пример сервиса, который ведёт человека за руку, и HELP от «Магнита», прямой аналог того же класса. По каждому разобрала шесть-семь различий с выводом, что именно стоит перенять: пошаговый мастер вместо одной формы на пятнадцать полей, предзаполнение данных, которые система и так знает о сотруднике, каталог по темам вместо дерева подразделений.
Пять модерируемых сессий по единому сценарию: подать обращение, найти свою заявку, прочитать статусы и письма, зайти в базу знаний. Респонденты разного уровня опыта, от новичка до тех, кто живёт в системе каждый день.
Перед сессиями я сформулировала шесть гипотез из аудита и построила матрицу: гипотеза × респондент, с тремя исходами, подтвердил, частично, опроверг. Итог честный: три гипотезы подтвердились, три дали смешанный результат. Плюс девять находок, которых в гипотезах не было вообще, они всплыли сами.
Главный вывод волны, ни один из пяти респондентов не прошёл каталог по назначению. Кто-то ушёл не в ту ветку и вернулся, кто-то сразу пошёл в поиск. У одной респондентки задача провалилась полностью: она обошла несколько разделов и выбрала ветку клиентских приложений вместо внутренней, то есть в реальной жизни заявка ушла бы не в ту службу.
Второй по силе результат, статусы. Показательный момент: респондентка сначала уверенно сказала «заявка выполнена», потом всмотрелась и исправила себя на противоположное. «Смущает зелёный кружочек… по факту проблема-то не решена!» Отсюда точечная правка: нейтральный цвет для закрытых, но нерешённых обращений.
Самое ценное в сессиях, то, что не входило в план. В форме нашлись обязательные поля, которые заявитель физически не может заполнить: «Номер карты клиента» и «IP-адрес» со звёздочкой. Люди их просто обходят, то есть валидация не работает вообще.
Четверо из пяти предпочитают портал не использовать: заявки заводят, статусы проверяют и оценки ставят прямо из почты. У двоих вообще не оказалось ссылки на портал, ни ярлыка, ни точки входа, модератору пришлось отправлять адрес в чат. Это уже не про интерфейс, а про то, что продукт не доехал до пользователя.
И отдельный блок я собрала из того, что сотрудники назвали удачным: сама форма заявки дружелюбная, список заявок читается, живая переписка в карточке с аватаром и датой, самое сильное место продукта. Отчёт, где только критика, команда защищается; отчёт, где названо и хорошее, команда слушает.
Отчёт заканчивается не списком проблем, а обновлённым порядком работ. Каталог с подсказками при наведении, потому что результат сошёлся у всех пятерых, а в одном случае заявка ушла бы не туда. Разобрать обязательные поля. Плашка «требуется действие / информационно» в письмах, решение, которое предложил сам респондент. «Мои заявки» в верхнюю панель, просили четверо, двое сформулировали дословно. Нейтральный статус вместо зелёного на нерешённом. Единый термин вместо «заявки», «запроса» и «обращения». Ярлык портала и рассказ о нём при найме.
Рекомендации ушли в работу, и после внедрения изменений более 80% пользователей отметили улучшения. Это единственная в моём портфолио цифра, полученная не из аналитики, а напрямую от людей, которые пользуются системой каждый день.
Выборка небольшая: пять человек из шести опрошенных.
Маркетплейс зарубежных брендов внутри Telegram: товар едет самолётом из Китая, а покупатель не выходит из мессенджера.
Смотреть кейсПокупка кроссовок из Китая упирается не в интерфейс, а в три страха: пришлют подделку, будут везти три месяца, и непонятно, где посылка. Плюс каталог приходит из внешнего источника, с сотнями размеров вида «23/24», «25 РАЗМЕР», «23码» и категориями вроде «Детские ханфу-туфли». Я проектировала магазин, где обе проблемы решаются на экране, а не в поддержке.
Три цветные плашки вверху, «Гарантии и защита», «Доставка и сроки», «Давайте дружить», стоят выше каталога намеренно: сначала снять недоверие, потом продавать. Ниже баннер «Возим самолётом из Китая, напрямую, без долгого моря и карго» с чипами «Авиа», «Оригинал», «CDEK до двери». Это три главных возражения, снятые одной строкой.
Там же три входа в товар: крупная «Перейти в каталог» для тех, кто просто смотрит, и рядом «Поиск по фотографии» и «Найти товар из Poizon», для тех, кто уже знает, чего хочет. Один экран обслуживает и праздное листание, и точный запрос.
Каталог не наш, и привести его к порядку на стороне данных было нельзя. В списке размеров живут «23», «23/24», «23码», «25 РАЗМЕР», «24-25», одновременно. Поэтому в фильтр размеров я поставила поиск по значению: человек вводит своё «36» и не листает две сотни чипсов. В категориях та же история, множественный выбор с галочками вместо радиокнопок, потому что один и тот же ботинок может лежать в «Кожаные», «Зимние» и «Уличные».
Активные фильтры помечены оранжевой точкой прямо на кнопке, иначе в длинной выдаче человек забывает, что он что-то включил, и решает, что товаров просто нет.
Главное решение этого кейса. Обычно сроки узнаёшь на последнем шаге, и для кросс-бордера это убийственно: человек выбирал вещь полчаса и на оплате видит «25–30 дней». Я вынесла срок на карточку товара конкретной датой, «В Москве ориентировочно 10–14 августа», с пометкой «авиа напрямую из Китая, 6–10 дней». Ожидание становится частью решения о покупке, а не неприятным сюрпризом.
Степпер из трёх иконок, срок, адрес, оплата, и пройденные шаги закрашиваются зелёным. На первом шаге стандартная доставка за 25–30 дней стоит рядом с экспрессом за 5–9 дней и 2 000 ₽, и у экспресса плашка «Выбирают 70% покупателей»: не давление, а подсказка нормы. Кнопка «Далее» неактивна, пока шаг не завершён, а «Оплатить», пока не отмечено согласие с условиями.
Магазин запущен и работает как Telegram Mini App, покупка проходит целиком внутри мессенджера, без установки приложения и без перехода на сайт. Дальше в очереди то, что спроектировано, но пока не в сборке: поиск по фотографии, заказ через консьержа, баллы и статусы.
Prediction market: люди покупают доли в исходах событий, от футбола и «Формулы-1» до релиза GTA VI. Биржевая механика в мобильном приложении.
Смотреть кейсPrediction market устроен как биржа: у каждого исхода есть цена, она меняется, доли можно продать до окончания события. Но приходят сюда не трейдеры, а люди, которым интересно, выиграет ли «Мерседес» и перенесут ли GTA VI. Задача была сделать так, чтобы человек без биржевого опыта понял, что происходит с его деньгами, и при этом остались лимитные ордера, take-profit и stop-loss для тех, кто действительно торгует.
Главная собрана не как терминал, а как лента интересного: категории иконками, трендовое с переключателем LIVE, карточки событий с обложкой и вероятностью по каждому варианту. Вероятность показана процентом и полоской, а не котировкой, потому что «Yes 78%» человек читает сразу, а «$0.78» требует объяснения.
На экране события вероятность и цена лежат рядом, и там же подсказка человеческим языком, «фаворит сезона вряд ли упустит победу». Ниже позиция пользователя: сколько долей, живая прибыль, потенциальная прибыль, вложено. Каждая метрика с тултипом, потому что «potential profit» без объяснения означает для новичка совсем не то, что для продукта.
Покупка открывается шторкой: Buy или Sell, вариант Yes или No с ценой, количество. Всё, что сложнее, убрано в «Advanced settings», take-profit с ценой срабатывания, stop-loss, авто-отмена неисполненного остатка. Новичок покупает в два тапа и не видит ничего лишнего, опытный разворачивает блок и получает нормальный ордер с риск-менеджментом.
Под каждым переключателем стоит объяснение, что именно произойдёт: «заявка на продажу выставляется, если средняя цена достигнет $0.58», «неисполненное количество отменится через заданное время». Это не подсказки ради подсказок, без них человек включает тумблер и не понимает, на что подписался.
В кошельке доступные средства сразу разложены на реальные и бонусные, ниже, вложено и удержано, и всё это тоже раскрывается по типам средств. Такое разделение проходит через весь продукт, включая комиссии и возвраты при отмене события. Тут же статус KYC и история транзакций, чтобы вопрос «где мои деньги» закрывался на одном экране.
Удержание построено на понятной прогрессии: реферальная программа с шагами на 1, 3, 5, 10 и 25 друзей и растущей наградой обеим сторонам, уровни от базового до Prime, бейджи, лидерборд. Профиль публичный, у пользователя есть подписчики и место в рейтинге, то есть прогноз становится social proof, а не приватной ставкой.
Приложение запущено и работает: события идут в лайве, сделки проходят, портфель считается. Отдельно я проектировала то, что обычно оставляют на потом, гео-ограничения по регуляторике, лимиты ответственной игры, многошаговое удаление аккаунта с периодом отмены. Для продукта, где человек рискует деньгами, это часть основного сценария, а не приятное дополнение.
Telegram Mini App с доступом к десятку нейросетей по одной подписке: GPT, Claude, Gemini, DeepSeek, DALL·E, Midjourney.
Смотреть кейсПродукт продаёт доступ к чужим моделям, и у каждой своя цена. Отсюда главный конфликт: пользователь хочет просто спросить, а продукт вынужден считать. Если считать слишком навязчиво, человек уйдёт, если спрятать, он упрётся в лимит внезапно и обидится. Всё в интерфейсе крутится вокруг того, чтобы цена была видна заранее и не мешала.
Пустой чат, худшее, что можно показать человеку, который впервые открыл нейросеть. Я поставила два готовых сценария внизу, у самого поля ввода: «Придумай идеи для Reels» и «Составь меню на неделю». Не абстрактные примеры промптов, а бытовые задачи, по которым сразу понятно, зачем это всё. Счётчик оставшихся запросов вынесен в шапку рядом с названием модели, цена действия видна до действия.
Обычный пользователь не знает разницы между o4 mini и Gemini 3 Pro. Поэтому в списке рядом с каждой моделью стоит не техническое описание, а человеческое: «работает быстро, но на некоторые вопросы отвечает сжато». И тут же, сколько запросов к ней осталось. Человек выбирает не модель, а компромисс между скоростью, умом и остатком на счету, и видит все три величины одновременно.
Сначала выгоды простыми словами, потом способ оплаты, картой или звёздами Telegram, потом периоды с ценами. И только затем самое честное: раскладка лимитов по категориям моделей. Базовая, безлимит, продвинутые, 50 запросов, умнейшие, 10, генерация фото, 10. Обычно такое прячут в условия; я вынесла на экран покупки, потому что пользователь, который поймёт лимиты до оплаты, не придёт с возвратом после.
Приложение работает и растёт: 33 423 пользователя в месяц. За время жизни продукта список моделей полностью обновился, от GPT-4 до GPT-5.2, Claude 4.6 и Gemini 3 Pro. Интерфейс выбора это выдержал без переделки: карточка модели с описанием и лимитом оказалась достаточно общей, чтобы новые модели просто добавлялись в список.
Описаны словами. Экраны показываю на созвоне по согласованию.
Корпоративный суперапп федеральной сети: 500+ уникальных экранов, оргструктура, service desk, обучение, KPI, трекер задач.
Lead DesignerМобильная CRM для бухгалтерского аутсорсинга. Переписка с клиентом собрана на одном экране: внутренний чат, Telegram и WhatsApp рядом, у каждого своя история.
Lead DesignerРедизайн iOS-приложения аффирмаций. Рейтинг 4.9 в App Store.
RedesignИщу удалённую работу с возможностью работать не из России. Продуктовый дизайн, мобильные приложения, веб-сервисы.