Logo of UI Challenges
Sign in

Gallery

See what others have created

Gacha Banner & Pull
SF

silverhaired_flurry

@silverhaired_flurry

HardStore

Gacha Banner & Pull

Design the banner screen where players choose a featured gacha pool and decide whether to pull once or ten times. The banner art, featured units, and pull cost need to read fast without hiding the odds.

Show the probability info in a way players can inspect without leaving the banner. Include rarity breakdowns, featured rates, and any limited-time notices tied to the pool.

The pull flow should move from idle banner to spin, reveal, and results without losing the player’s place or the context of what they spent. The animation is part of the purchase moment, not a separate cutscene.

Make the results screen feel like a reward moment while still supporting quick review of duplicates, new items, and what the player can do next. The interface should handle one-off pulls and multi-pull summaries cleanly.

What to deliver

  • Design the main banner view with featured art, pull costs, and pull count controls.
  • Design the odds and rates panel with rarity tiers, featured item rates, and banner timing.
  • Design the pull animation state from tap to reveal.
  • Design the results view for single and ten-pull outcomes.
  • Design the duplicate/new-item presentation and any claim or continue actions.

Treat the odds panel like a reference card: keep the headline rates visible on the banner, then expand into per-rarity and featured details only when the player asks for them.