Мар 2025 – н.в.

Altenar — white-label mobile app

  • Выстроили прозрачный и рабочий дизайн-⁠процесс
  • 40+ ч/⁠мес экономии на автоматизации

Altenar предоставляет white-label систему — web, mobile, datafeed для провайдеров sportsbook в разных странах по модели B2B2C.

Моя роль

Product Designer, owner дизайн-системы мобильного направления

Задача

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

Результат

Все core-фичи, переведены в нативный формат.
Skin-дизайн приложения автоматизирован на 96%.

Главный экран мобильного приложения Altenar: логотип и баланс в шапке, ряд вкладок по видам спорта, карточки матчей с коэффициентами, промо-баннеры и нижняя панель навигации.

Проблема

На старте работы дизайн-система мобильного направления требовала полного рефакторинга, создание нового skin занимало несколько дней, процесс дизайн-ревью ещё не был выстроен.

Тот же экран крупным планом: выбранная вкладка «Soccer», строка лиги и три LIVE-карточки матчей с составами и коэффициентами.

Что сделал

Дизайн-система

  • Провёл полный рефакторинг мобильной white-label дизайн-системы.

  • Создал white-label шаблон анимации splash screens в After Effects.

  • Задокументировал обновлённую дизайн-систему, провёл онбординг ключевых стейкхолдеров и других дизайнеров.

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

  • Мобильное приложение почти полностью состояло из web-view частей.

  • Отличие архитектурных решений на уровне кода.

  • Отсутствие глобальных интеграций с админкой.

Как сделали

NDA

Не могу показать в портфолио

Процессы

  • Внедрил процесс дизайн-ревью — повысил качество финального продукта.

  • Инициировал изменение бизнес-процессов между Product, QA и Development — ускорил delivery новых инициатив, снизил нагрузку на QA-отдел.

  • Запустил регулярный дайджест обновлений по мобильному направлению — распространил знания и повысил engagement в продукт среди сотрудников дизайн-отдела.

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

  • Реализовал 10+ инициатив из R&D-концептов.

  • Пример: добавил referral-механики в promo pages и смежные разделы.

  • В команде с Director of UX (в роли product-owner'a) и при участии дизайнеров отдела разработал 15+ новых нативных компонентов мобильного приложения.

Автоматизация

Используя Codex, написал скрипт браузерной автоматизации для выгрузки 800+ веток из Figma.

Результат

Удалось выстроить зрелые продуктовые и дизайн-процессы внутри стартапа мобильного приложения. Дизайн теперь полноценный участник продуктовой разработки.

+4%

CR в регистрацию

-12%

Time to goal

40+ ч/⁠мес

Экономия времени за счёт автоматизации

15+

Новых нативных компонентов

10+

Реализовано R&D-инициатив