Betzgram is a web application designed to enhance the sports betting experience through AI-assisted predictions, community driven booking code sharing, and data-powered insights. It combines the social element of following successful bettors with intelligent tools for making informed betting decisions. Users can generate booking codes, convert codes between betting platforms, track win rates, and engage in prediction pools with real rewards.

This mini case study showcases few cards and UI components I designed and animated for Betzgram. It’s separate from my full case study on the main project here. I’m focusing only on the visual behind the cards.

Purpose: The entry point for users to predict a match score.

• Club names & logos

• Match date & time

• Top 3 most predicted scores (for social proof/trends)

• Clear primary CTA

Purpose: Shows a prediction that the user has already entered.

Match details (teams, date, time)

• User’s predicted score (highlighted)

• Credits/rewards tied to the prediction

Purpose: Let users input their prediction in a focused environment.

• Match details at the top

• Input field(s) to type the correct score prediction

• Entry fee displayed clearly

• Potential reward displayed prominently

• Primary CTA

Purpose: Deliver different types of notifications without cluttering the screen.

Stackable cards for wins, reminders, system alerts

• Iconography for quick recognition of notification type

• Timestamp and action link if needed

Purpose: Showcase top credit bundles available for purchase.

Whether you’re building a new product or refining an existing product, Let's lcollaborate and ship your idea to life

📧Email: davecsko@gmail.com