Gamba

Bringing an iGaming platform to life

Overview

In the world of iGaming, where user experience can make or break a platform, Gamba presented an exciting canvas for creativity. As a product designer and UI developer, I saw this project as a chance to push the boundaries of what's possible with CSS and JavaScript.

From animating achievement medals to crafting immersive iGaming experiences, each task was an opportunity to blend artistry with technical innovation. It was like being given a digital playground where every line of code could create a moment of delight for users.

  • My contribution

    • UI Development
    • Prototyping
    • Graphic Design
    • Animation

  • Team

    • 1 x UI Developer ✦
    • 1 × Product Manager
    • 1 x Artist
    • 1 x UI Designer
    • 4 x Engineers

  • Tools

    • Figma
    • React
    • Photoshop

  • Year

    • 2023

Bringing Gamba to life: a journey of creative challenges

My journey with Gamba was filled with exciting projects that allowed me to flex my creative muscles and expand my technical knowledge about Front-End engineering.

This included animating static elements across the platform. From the 404 page to login screens and VIP banners, we added subtle, looping animations that transformed ordinary interactions into delightful experiences. It was like sprinkling a bit of magic dust across the entire user journey.

From animated characters to rotating coins, Gamba's homepage is packed with animations.
Subtle CSS animations to make a delightful 404 page.
Various animated backgrounds.

Another challenge was to create a show-stopping animation for 21 achievement levels. By breaking down the medal into segments and animating each part, we created a modular system that could adapt to different achievements. The addition of Lottie animations and looping videos turned each achievement claim into a moment of celebration for our users.

The rank achievement animations.

For our accessibility screen, we wanted to convey important information in a way that was both engaging and easy to understand. The result? A mesmerizing 3D spinning globe showcasing where Gamba operates, surrounded by soothing rotating elements. It's not just an info screen – it's a visual journey around the Gamba world.

Our global accessibility screen: where information meets inspiration.

Creating iGaming experiences was where art truly met engineering. Using a mix of JavaScript, HTML, and CSS, we developed a variety of games including keno, heads or tails, a spinning wheel, and a mine game. The crown jewel was our Dragon Tower game, which combined multiple techniques to create an immersive experience that kept players coming back for more.

Dragon Tower: climb to the top to get the most rewards.
A snappy claim animation.
Mines game.
Improving the discovery of new games with a random selector.
A shiny VIP cards to celebrate progress.
A carousel of wins uses social proof as a slight pressure to start.
Heads or Tails reimagined.

Reflecting on a journey of innovation

Working on Gamba was like being on a thrilling roller coaster of creativity and technical challenges. Each project pushed me to explore new frontiers in CSS and JavaScript, while Photoshop's new generative fill feature opened up exciting possibilities for visual design.

This experience was a masterclass in balancing aesthetic appeal with functionality, and creating animations that enhance rather than distract from usability. It reinforced my belief that in the digital world, even the smallest interactions can be turned into moments of joy and engagement for users.

View live prototypes