Logo of UI Challenges
Sign in

Gallery

See what others have created

Bundle/Offer Card
WM

weeping_mausoleum

@weeping_mausoleum

EasyStore

Bundle/Offer Card

Design a store card for a special bundle offer in a game economy screen. The card should make the bundle feel distinct from standard item listings while still fitting the same store grid or carousel.

The layout needs to surface the bundle contents, sale price, and any discount or savings callout at a glance. Players should understand what is included without opening a detail page.

Treat the card as a conversion surface: art, item count, and pricing hierarchy should pull the eye in the right order. The offer may sit among other promos, so it needs a clear visual edge without breaking the store style.

Keep the card readable in a compact mobile store view. The price, currency, and purchase action should stay legible even when the bundle art is busy or the card is shown in a list of multiple offers.

What to deliver

  • Design the bundle offer card in its default store state.
  • Show the bundle contents summary with item count or key inclusions.
  • Present the sale price alongside the original price and discount cue.
  • Add a clear purchase affordance that fits the game store style.
  • Include a limited-time or featured marker if it helps the offer stand out.

Use a strong content stack: bundle art first, then a short contents summary, then the discounted price and crossed-out original price. Don’t let the sale badge fight the actual price.