iGaming, казино и crash-играiGaming, casino and crash game
ORBITORBIT
Онлайн-казино с crash-игрой: бренд, дизайн-система на переменных и четыре сценария для десктопа и мобильного — лобби, игра, кошелёк и регистрация.An online casino with a crash game: brand, a variable-based design system and four flows for desktop and mobile — lobby, game, wallet and sign-up.
- РольRole
- Продуктовый дизайнер, один на проектеProduct designer, solo
- ТипType
- Концепт iGaming-продуктаiGaming product concept
- ПлатформаPlatform
- Десктоп 1920, мобильный веб 390Desktop 1920, mobile web 390
- ОбъёмScope
- 4 экрана десктопа, 4 мобильных, 46 цветовых переменных, 19 компонентов, 50 иконок, 26 иллюстраций4 desktop and 4 mobile screens, 46 colour variables, 19 components, 50 icons, 26 illustrations
- ИнструментыTools
- Figma, Higgsfield AIFigma, Higgsfield AI
В Figma открыты отдельные фрагменты проекта. Полную версию покажу по запросу.The Figma file shows selected parts of the project. The full version is available on request.

ЗадачаThe problem
Онлайн-казино — одни из самых агрессивных интерфейсов в вебе: десятки баннеров, мигающие счётчики, конкурирующие кнопки и мелкий юридический текст. Я хотел показать, что iGaming-продукт может ощущаться дорогим, спокойным и честным и при этом сохранить азарт.
Online casinos are among the most aggressive interfaces on the web: dozens of banners, flashing counters, competing buttons and tiny legal text. I wanted to show an iGaming product can feel premium, calm and honest and still keep the thrill.
Как сохранить азарт казино, но сделать интерфейс понятным: чтобы игрок всегда знал, что делать дальше, и доверял тому, куда уходят его деньги?
How do we keep a casino's excitement but make the interface clear, so a player always knows what to do next and trusts where the money goes?

Четыре правилаFour rules
- Одно главное действиеOne primary action
- Свечение получает только главная кнопка экрана: «Пополнить», «Ставка», «Создать аккаунт».Only the main button of a view glows: Deposit, Bet, Create account.
- Свечение — это наградаRewards glow
- Золото и неон только для выигрышей, джекпотов и вывода денег.Gold and neon are reserved for wins, jackpots and cash-out.
- Доверие на видуTrust is visible
- Provably fair, комиссии, время вывода и RTP показаны рядом с действием, а не в футере.Provably fair, fees, payout time and RTP sit next to the action, not in the footer.
- Игра ответственноPlay responsibly
- 18+, лимиты, напоминания и «Сделать перерыв» всегда в одном клике.18+, limits, reminders and ‘Take a break’ are always one click away.
Основной путь игрока: регистрация, лобби, игра Orbit Crash, выигрыш, вывод. Из него выросли четыре ключевых экрана.
The main player path: sign up, lobby, Orbit Crash, win, withdraw. The four key screens grew out of it.
Ключевые экраныKey screens

- Категории без дублей и поиск по 4200+ играм.Category tabs without duplicates and search across 4,200+ games.
- Лента выигрышей и таблица последних ставок как социальное доказательство.A live wins ticker and a latest-bets table as social proof.

- Множитель 96 px читается за долю секунды.A 96 px multiplier you read in a split second.
- Две независимые панели ставок с автовыводом. Кнопка вывода становится золотой только во время раунда — единственная золотая кнопка.Two independent bet panels with auto cash-out. Cash-out turns gold only while the round is live — the only gold button.
- История раундов, окрашенная по риску, и проверка честности в один клик.Risk-coloured round history and provably-fair seeds one click away.


Дизайн-системаDesign system
Сначала переменные, потом компоненты: примитивы, семантические токены и компоненты, привязанные к ним. Перекрасить весь продукт можно в одном месте. Шрифты: Unbounded для заголовков, множителей и балансов, Manrope для интерфейса и таблиц.
Variables first, then components: primitives, semantic tokens and components bound to them, so the whole product can be re-themed in one place. Type: Unbounded for headings, multipliers and balances, Manrope for UI and tables.

Мобильная версияMobile

- Нижняя панель с приподнятой кнопкой «Пополнить» держит главное денежное действие в зоне большого пальца.A bottom bar with a raised Deposit button keeps the key money action in the thumb zone.
- Ряды игр листаются вбок, собственные игры остаются сеткой 2×2 — больше игр на первом экране.Game rows scroll sideways, Originals stay a 2×2 grid — more games above the fold.
- Мобильные варианты компонентов, а не уменьшенные копии десктопа.Mobile variants of components, not scaled-down desktop copies.
Арт-дирекшнArt direction
Персонаж — лис-астронавт, игры — планеты. Все 26 иллюстраций сгенерированы в Higgsfield по одной системе промптов: стилизованное 3D, фиолетовый и электрик-синий контровой свет, глубокий индиго. Для игровых спрайтов убирал фон.
The mascot is a fox astronaut and games are planets. All 26 illustrations were generated in Higgsfield with one prompt system: stylised 3D, violet and electric-blue rim light, deep indigo. Backgrounds were removed for in-game sprites.
