SoftConstruct is a global technology provider in the iGaming sector, known for its innovative solutions in sports betting, casino games, and online gaming platforms. Among its brands is VBET, an international sports betting and gaming operator that offers a wide range of solutions for gaming enthusiasts around the world.

To highlight the exclusivity of VBET's VIP program, we developed a dedicated landing page targeting high-value clients. I collaborated with the design team to create responsive animations and microinteractions focused on UX Motion. The goal was to elevate the visual experience and convey sophistication through subtle movements, refined transitions, and clear interactions, crafting an atmosphere that aligns with the brand’s premium audience.

One of the platform’s highlights is Last Battle, SoftConstruct’s gamification system. In it, VIP users accumulate experience points (V-Points), level up and progress through categories, unlocking exclusive benefits such as personalized bonuses, live events and access to private communities. Gamification was used as a strategy for continuous engagement, encouraging user retention and deeper interaction within the VBET ecosystem.

Category changes were key milestones in the VIP user journey. Each transition between categories featured unique badge animations, visually marking the user’s advancement and reinforcing their sense of status. These animations were designed to be lightweight and responsive, ensuring smooth performance across the platform. By strategically integrating gamified elements, the animations helped turn simple actions into memorable experiences, deepening the emotional connection between user and product.

I developed the level and category progression system with animations and microinteractions for the gamification panel, accessible to logged-in users. The focus was to provide an intuitive and engaging navigation experience while maintaining visual clarity. Progress bars were animated to indicate XP accumulation, offering a simple and dynamic visual. When users filled the bar, a level-up animation was triggered for instant visual feedback. If the new level unlocked a category upgrade, an additional transition highlighted the evolution, reinforcing a strong sense of achievement.

This sequence presents the platform’s entry flow — from splash and loading states to onboarding and Home. Motion is used as a functional layer to guide attention, structure the experience, and create a clear, intuitive navigation from the first interaction.

For the interactive stories, I created a responsive mobile-first animation with a loader that reacts to the user's touch. The stories were divided into two types: the regular ones, used for banners and general announcements, and the special ones, made available to selected audiences such as VIP users and participants of the Last Battle campaign, reinforcing exclusivity and personalization in the experience.

In the Boosted Odds section, I implemented an animated "On Fire" flame icon to highlight bets with high user interest, helping to create a sense of time and perceived value. Complementing this solution, for the multiple bets, I designed an animated countdown bar inspired by health bars in games. It visually starts at 70% even when at full capacity, using colors like yellow and red to indicate limited availability. This bar automatically appears when there are 4 hours left before the game starts, signaling that the opportunity is approaching its end.

Empty states were designed to transform inactive moments into guided experiences.

Instead of leaving users without direction, motion and visual cues were used to communicate context, suggest next actions, and keep the interface feeling active and responsive.

These animations help reduce friction, maintain engagement, and reinforce the product’s personality even in the absence of content.