portfolio

playground (soon)

guidelines (soon)

ui kit (soon)

qostarev@gmail.com

telegram

linkedin

RUEN
Ivan Kostarev

Ivan Kostarev

Product Designer & AI Enthusiast

Протестируй транскрипцию

Слабая браузерная модель без настройки может ошибаться
Звук не покидает устройство

Приватная оффлайн транскрипция речи в текст

Диктовка на маке по горячей клавише: модель работает на устройстве, текст сразу в поле.

Проблемы

  • Диктуешь много, а облачные сервисы берут деньги за каждую минуту.
  • Рабочие тексты нельзя отправлять на чужие серверы.
  • Термины твоей области распознаются с ошибками: «фигма», «пуш», названия продуктов.
  • Текст приходится копировать из отдельного окна в нужное поле.

Решение

  • Зажал горячую клавишу, сказал, отпустил: текст появился там, где стоял курсор.
  • Модель работает на самом устройстве: parakeet, GigaAM или Whisper, без интернета и подписок.
  • Свой словарь: «фигма» становится Figma, «пуш» — push, новое слово добавляется за секунду.
  • Оверлей поверх любого окна показывает, что идёт запись.
  • Настольное приложение на Tauri: Rust внутри, React снаружи.

AI-ассистент для образовательных учреждений

Интегрировал AI-функционал в white-label конструктор с акцентом на автоматизации, аналитике и текстовом редакторе, сократив время подготовки материалов, повысив качество образовательного контента и вовлеченность учеников.

Проблемы

  • Подготовка уроков занимала 6–8 часов в неделю на преподавателя
  • Контент был нестабильного качества
  • Оценка уроков проводилась вручную
  • Слабая персонализация обучения
  • Низкая вовлечённость учеников
  • Нет системной аналитики по качеству материалов
Зона Ошибки Риски
Подготовка материалов Ручное написание и редактирование Выгорание преподавателей
Оценка качества Нет объективных критериев Снижение доверия к платформе
Персонализация Общие материалы для всех Потеря учеников
UX редактора AI как отдельный инструмент Перегруженный интерфейс
Аналитика Нет дашбордов для методистов Слепые продуктовые решения
Интеграция AI Сырой GPT-ответ без структуры Низкое качество результата

Обновление продукта

  • Интегрировал GPT-модель прямо в текстовый редактор
  • Спроектировал AI-ассистента для генерации структуры урока
  • Добавил контекстные подсказки на основе темы предмета и уровня ученика
  • Внедрил автоматическую оценку уроков
  • Создал рекомендательную систему для персонализации
  • Спроектировал дашборд для методистов

Архитектура AI-ассистента

Редактор

  • Генерация структуры урока
  • Переписывание и упрощение текста
  • Генерация примеров и заданий
  • Адаптация под уровень

Система оценки

  • Авто-проверка заданий
  • Проверка логики и структуры заданий
  • Рекомендации по обучению
  • Оценочный скоринг

Персонализация

  • AI-анализ прогресса учеников
  • Рекомендации по материалам
  • Автоадаптация сложности
  • Игровые интерактивные блоки

Система персонализации и вовлечения учеников:

  • AI-анализ уровня учеников на основе оцененных уроков.
  • AI-анализ интересов учеников на основе истории и заметок.
  • Встроил умную систему рекомендаций в флоу создания материалов.
  • Добавил ряд интерактивных блоков с игровыми механиками.
Было Стало
6–8 часов на подготовку Частичная автоматизация
Ручная проверка качества AI-оценка и рекомендации
Универсальные материалы Персонализированная выдача
Нет аналитики Дашборд методиста
AI как эксперимент AI как часть ядра продукта
Create a lesson

Valeriya the Tutor «A video and discussion lesson: The Lindsay Clancy trial»
Amazy Content «Self-study grammar: Questions, all types»

Community

Valeriya the Tutor26 Aug

A VIDEO AND DISCUSSION LESSON: THE LINDSAY CLANCY TRIAL

B2Adults
Amazy Content10 Oct 23

Self-study grammar: Questions, all types

B1Adults
Amazy Content16 Jan 23

⏳All Future Tenses🧵

B2Adults
Amazy Content15 May 23

🔶 Grammar lesson: articles

B1Adults
Любовь Филиппова26 Feb 23

Food / drinks, countable / uncountable

A1Adults
Oksana Kondratenko9 Aug 23

Prepositions of time

A1Adults
Amazy Content14 Jul 23

Grammar test: Present Perfect

A2Adults
Amazy Content8 Sep 23

Self-study + test: some, any, no

A2Adults
Анастасия Залыгина15 Oct 22

Can / can't

A0Teens

B1

Amazy Content16 Jan 23

⏳All Future Tenses🧵

B2

Масштабируемая дизайн-система

Одна система переменных: цвета, скругления, шрифты, отступы и язык меняются в одном месте, продукт перестраивается целиком.

Проблемы

  • Ребрендинг или новый рынок — перекраска сотен экранов вручную.
  • Дизайнер и разработчик держат значения в разных местах, и они расходятся.
  • Тёмная тема, другой язык или плотный режим ломают вёрстку.
  • Новый продукт на той же базе начинается с нуля.

Решение

  • Все значения живут переменными: цвет, радиус, отступ, шрифт, текст.
  • Компоненты читают переменные, а не хранят числа внутри.
  • Переключил переменную в одном месте — перестроились все экраны.
  • Figma и код синхронны: одни имена, одни значения.
  • Выше — Community Amazy на этой системе: открой и покрути настройки.

Редизайн продуктовой витрины

B2B/B2C SaaS-продукт с регулярным запуском новых продуктовых витрин.

Проблемы

Процесс создания витрины занимал 2–3 дня и требовал постоянного участия дизайнера.
Рост продукта упирался в узкие места

  • Ручная сборка витрин
  • Несинхронизированная дизайн-система
  • Фрагментированный флоу
  • Перегруженный визуал
Зона Ошибки Риски
Time-to-market Каждая страница собиралась вручную UI-ошибки, замедление разработки
Дизайн-система Несинхронизированные токены и компоненты Невозможность масштабирования
Frontend handoff Много хардкода Потери времени и ресурсов
Фрагментированный UX Несогласованность в навигации и паттернах взаимодействия Потери конверсии
Mobile Desktop-first логика Просадка мобильных метрик
Бизнес Не использовались возможности для внедрения cross-sell, upsell и retention механик Упущенная выручка

Обновление продуктовой витрины

  • Полностью переработан визуальный стиль страницы
  • Перераспределены акценты
  • Удалены второстепенные элементы
  • Усилена иерархия контента
  • Пересобрана структура блоков под mobile-first
  • Унифицированы CTA
  • Пересобрана логика value proposition с акцентом на outcome, а не функциональность

Шаблон-конструктор витрин

Создан гибкий (flexible) шаблон витрины на базе:

  • Figma Variables
  • Google Sheets
  • Синхронизации с фронтом
  • Внутреннего MCP
  • Интеграции с AI

Шаблон позволял:

  • Подтягивать тексты из базы данных
  • Конфигурировать структуру без участия дизайнера
  • Генерировать вариации
  • Передавать в разработку без дополнительной сборки

Результат:

  • Время создания витрины: с 2–3 дней до 30–60 минут
  • Полностью устранено участие дизайнера в шаблонных сборках

Синхронизация дизайн-системы и разработки

  • Пересобрана дизайн-система
  • Синхронизированы токены
  • Введено версионирование
  • Оптимизирована структура компонентов
  • Подготовлена база для AI-генерации макетов
  • Снижение UI-багов на ~60% за счёт унификации токенов

Checkout Flow

  • Переработан флоу оплаты
  • Сокращено количество шагов
  • Убраны лишние поля
  • Перестроена логика мобильного сценария
  • Усилен визуальный фокус на критичных действиях
  • Рост конверсии checkout на +12–18% после редизайна
Было Стало
2–3 дня на запуск витрины 30–60 минут
Дизайнер — узкое место Автономная сборка, перераспределение ресурсов в сторону продуктовых задач
Масштаб через людей Масштаб через оптимизацию
Упущенная выручка Повышение общего числа продаж
Ручной handoff Системная синхронизация
Разрозненный checkout Линейный mobile-first flow

Страница пополнения Steam

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

Проблемы

Флоу был перегружен и замедлял путь к оплате:

  • Лишние элементы отвлекали от основного действия
  • Много ручных вводов без подсказок
  • Непрозрачная логика бонусов и списаний
  • Разрозненные состояния ошибок
  • Десктопная логика на mobile
  • Высокая доля незавершённых транзакций

Необходимо было сократить время до оплаты, повысить конверсию и стабилизировать сценарий.

Что было сделано:

Аудит и декомпозиция флоу

  • Проанализировал путь от выбора суммы до подтверждения
  • Выявил точки отказа и лишние шаги
  • Отдельно разобрал сценарии ошибок

Перестроена структура страницы

  • Сфокусирован первый экран на действии
  • Убраны второстепенные блоки
  • Выстроена чёткая визуальная иерархия

Перепроектирован выбор суммы

  • Добавлены быстрые пресеты
  • Подсвечен оптимальный вариант
  • Введена логика “выгоды” через бонус

Упрощён путь к оплате

  • Линейный сценарий без разветвлений
  • Приоритетные методы оплаты выше
  • Прозрачный итоговый расчёт

Проработаны состояния

  • Loading
  • Ошибка
  • Подтверждение
  • Возврат в флоу без потери данных

Снизилась тревожность пользователя и количество обращений в поддержку

Mobile-first адаптация

  • Упрощена сетка
  • Увеличены интерактивные зоны
  • CTA закреплён в зоне досягаемости
  • Убраны лишние элементы

Результаты

  • Пользователи быстрее доходят до оплаты
  • Снизилось количество незавершённых транзакций
  • Сократилась нагрузка на поддержку
  • Повысилась стабильность транзакционного сценария
  • Страница стала масштабируемым шаблоном
Было Стало
Перегруженный интерфейс Сфокусированный линейный флоу
Ручной ввод суммы Пресеты + подсветка выгодного варианта
Непрозрачный расчёт Понятная итоговая сумма
Разрозненные ошибки Стандартизированные состояния
Десктопная логика Mobile-first подход
Фрагментированный UX Цельная транзакционная система

Gacha-механика и рост среднего чека

Работа с бизнес-инициативой по увеличению среднего чека через геймификацию. Цель: увеличить AOV без прямого давления на пользователя и встроить механику органично в существующий UX.

Проблемы

  • Необходимо мотивировать пользователя увеличить сумму покупки
  • Механика не должна выглядеть «чужеродной»
  • Важно избежать ощущения казино
  • Нужно встроить прогрессию без усложнения основного флоу
  • Требовалась управляемая экономика с прогнозируемой нагрузкой

Что было сделано

Спроектирована логика экономики

  • Определён порог начисления купонов
  • Настроена прогрессия к гарантированному призу (1 > 2 > 3)
  • Заложен pity-механизм
  • Рассчитан баланс наград и себестоимости

Продуман сценарий мотивации

  • Пользователь видел прогресс до гарантированного сундука
  • Прозрачная логика начисления
  • Визуальное ожидание награды
  • Порог входа понятен и достижим

Интеграция в продукт

  • Механика вынесена в модальное окно
  • Создан отдельный раздел с сундуками
  • Добавлены триггеры в страницах продуктов
  • Обеспечена совместимость с текущим UI

UX и визуальная часть

  • Сетка наград с редкостью
  • Чёткая градация призов
  • Фокус на ощущении прогресса, а не случайности

Контроль рисков

  • Ограничена частота получения
  • Убраны агрессивные триггеры
  • Минимизировано ощущение азартной игры
  • Встроена прозрачность механики

Результаты

  • Пользователи чаще увеличивали сумму покупки
  • Появилась мотивация дойти до третьего сундука
  • Gacha стала инструментом роста среднего чека
  • Повысилась вовлечённость и повторные транзакции
  • Механика внесла вклад в выручку
Было Стало
Статичный чек Поведенческая мотивация увеличить сумму
Отсутствие прогрессии Гарантированный приз на 3 шаге
Нет дополнительного цикла Повторяющийся геймифицированный цикл
Разовая транзакция Повторные покупки ради прогресса
Рост только через скидки Рост через игровую механику

Прочие работы

CRM

Система для селлеров. Управление клиентами, сделками и воронка продаж в одном месте.

Умный календарь

Календарь для школ с интегрированным AI-ассистентом для помощи в планировании занятий согласно аналитике и запросам школы.

Окно авторизации

Обновил форму входа для vc, dtf, tjournal и coub. Подогнал все платформы под один стиль. Web, iOS, Android.

Шаблон-основа для подсайтов

На этом шаблоне строятся страницы вроде профиля, настроек, поиска, вакансий, сообществ и т.д.

Страница поиска

Ранее поиск работал только по ключевым словам. Back-end обновил систему, а я подогнал дизайн под наши технические восможности и паттерны пользователя.

Страница настроек

Почти то же самое, но для настроек vc, dtf, tjournal и coub, и с адаптацией дизайна под нативный стиль мобильных платформ для ускорения разработки.

Десктопный редактор для Coub

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

Мобильный редактор для Coub

Мобильный редактор видеоклипов с уникальной механикой ассинхронного воспроизведения звука и видео.

Концепт приложения для Coub

Редизайн приложения Coub. Новая навигация, проще искать видео, проще создавать. Тёмная тема, современный дизайн.

Аватарки для сообществ Coub

Тематические аватарки для сообществ, стилизованные под локальный стиль.

Дизайнер с обширным продуктовым опытом.

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

Навыки

  • Figmafullstack
  • AE / Photoshop
  • AI-integrations
  • Design Systems
  • Prototyping
  • Web, iOS, Android
  • Motion
  • Collaboration tools
  • Research & Interviews
  • Usability testing
  • A/B testing
  • CJM
  • JTBD
  • RND
  • User personas
  • Metrics & analytics
  • Accessibility
  • AI-powered features
  • Large-scale platforms
  • Cross-platform design
  • Workflow automation
  • Mentoring & Reviews
  • Articles & workshops
  • EnglishB2
  • RussianNative

Senior Product Designer

Сен 2024 – Ноя 2025

RnD e-commerce продукт на этапе быстрого роста и экспериментов с новыми фичами.

Ответственности

  • Фактически выполнял роль «зама» дизайн-лида и руководил работой над главным сервисом продукта.
  • Разработка CJM, пользовательских флоу, прототипов и анимаций (CSS/Lottie/After Effects) для mobile-first винтрин.
  • Построение и поддержка дизайн-системы с нуля (100+ компонентов, токены, переменные).
  • Управление синхронизацией токенов с разработкой, версионированием и организацией в фигме.
  • Интеграция AI-инструментов для ускорения дизайна, генерации графики и стратегического планирования.
  • Валидация новых фич через быстрое прототипирование и A/B тесты.
  • Менторинг: 1 подчиненный + еженедельные миты с консультированием команды по работе в Figma.
  • Сотрудничество с frontend, backend, product и sales-командами.

Достижения

  • Ускорил разработку новых фич на ~60% (с 5–7 дней до 2–3) за счёт дизайн-системы.
  • Сократил дублирование компонентов на ~75%.
  • Снизил ошибки QA по UI на 80% через автоматизацию токенов.
  • Сначала уменьшил время на дизайн витрин на с 2–3 дней до 2–4 часов, а после и вовсе убрал участие дизайна в сборке шаблонных страниц. Это позволило перераспределить ~50% ресурсов команды с UI-задач на решение продуктовых и бизнес проблем.
  • Внедрил AI-workflow, сэкономивший ~30% времени команды на рутинных задачах.
Lofty RND, E-com

Head of Design

Май 2022 – Авг 2024

Ведущий дизайнер платформы-конструктора для школ с текстовым редактором и интегрированным AI «под капотом».

Ответственности

  • Управление дизайн-направлением продукта.
  • Разработка, реализация и оптимизация интерфейсов в условиях ограниченных ресурсов.
  • Проектирование и поддержка дизайн-системы.
  • Участие в продуктовых стратегических решениях и обсуждении приоритетов.
  • Сотрудничество с frontend и backend разработкой.

Достижения

  • Обеспечил масштабирование без роста команды за счёт системных решений и AI-интеграций.
  • Спроектировал гибкую платформу-конструктор для автоматизации работы с расписанием, коммуникацией, созданием и групповым взаимодействием с материалами.
  • Ускорил разработку новых фич за счет оптимизации дизайн-системы под работу с AI-агентами, figma dev и figma make.
  • Интегрировал AI в текстовый редактор и систему оценки уроков, что сократило время подготовки материалов, повысило качество и количество образовательного контента и вовлеченность учеников.
amazy.uk EdTech, AI, B2B2C, SaaS, Startup

Middle Product Designer

Янв 2020 – Фев 2022

Комитет — владелец крупнейших в рунете площадок, суммарный охват которых составляет более 23 000 000 уникальных пользователей в месяц.

Ответственности

  • Адаптация функциональности Coub под возможности и ограничения платформы Osnova
  • Организация и оптимизация UI-kit для улучшения workflow команды и ускорения создания интерфейсов
  • Проектирование ключевых страниц: поиск, настройки, сообщества, аутентификация, вакансии, события
  • Сотрудничество с опытными дизайнерами для повышения качества решений.
  • Разработка концепций для будущих обновлений платформ
  • Многоплатформенный дизайн: Web, Web-mobile, iOS, Android одновременно
vc.ru, dtf.ru, coub.com UGC, Media

Product Designer

Сен 2018 – Дек 2019

Дизайнер на платформе, специализирующийся на UGC и Media. Менеджер сообщества и редактор контента.

Ответственности

  • Многоплатформенный дизайн: Web, Web-mobile, iOS, Android одновременно
  • Проектирование ключевых страниц: Сообщества, BEST (2019, 2020, 2021), промо-интеграции
  • Выполнение обязанностей менеджера сообщества (опираясь на опыт как активный пользователь платформы)
  • Управление редакторскими каналами и модерация контента
  • Настройка алгоритмов фида для оптимизации UX и контент-доставки
coub.com UGC