Built with LottieFiles

SoftConstruct - VBET

Yuri Tavares

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.

VIP Landing Page

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.
VIP Landing Page
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.
VIP Landing Page

Category Change Animations

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.

Gamification Panel

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.
Gamification Panel

Home Mobile

For the platform's Home, I explored UX Motion strategies with the goal of making navigation more intuitive. The idea was to use animation not just as an aesthetic layer, but as a functional communication tool, guiding the user's eye, creating a sense of time, and highlighting opportunities. Sections like the interactive stories, boosted odds, and multiple bets were designed with this purpose in mind: to bring clarity and impact without compromising interface performance.
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.

Thanks for watching!

Like this project

Posted May 8, 2025

Created interface animations for the Last Battle gamification system at Softconstruct, targeting VIP users of global iGaming brand VBET.

Likes

0

Views

21

Timeline

Jan 8, 2025 - Apr 15, 2025

Clients

SoftConstruct

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc