Brag House: UX/UI for an esports
Developing a new UX/UI for an esports platform
Brag House, an American startup, is the first vertically integrated social network for the casual college gamer and their communities. Through its gamified features and capabilities, and the spirit of college rivalries, current college students and their alumni get to experience gaming in a new and exciting way! Users can spectate and support their friends while playing rival opponents, place in-game stat-based predictions to win Bragging Rights and Prizes.
The Brag House team approached us for assistance with design, and our collaboration evolved into a more comprehensive redesign of the UX/UI and the development of user scenarios with the purpose of launching a new MVP.
How does Brag House work?
The main goal of Brag House is to connect audiences and streamers in an organic and inclusive way. Streaming platforms like Twitch have already implemented a range of mechanics to engage viewers, such as chat comments, gifts, and subscriptions. Various monetization methods are employed to retain streamers, motivating them to create interesting content and transform streaming from a passive income source into a highly lucrative profession.
The killer feature
The killer feature of the service is the ability to integrate streams from multiple platforms (Twitch, YouTube, GoodGame, Trovo, etc.) into one and allow users to place predictions on what will a final outcome be for an in-game stat. For example, in a Rocket League stream, a Brag may be “how many goals will John_Smith score during his first match against Dan_001?”
During stream creation, several of these predictions (referred to as "Brags" within the service) and possible outcome options can be added. Viewers choose the outcome they think will be the correct one by using the internal currency (Brag Bucks). After the stream ends, the users find out the final correct outcomes of all the stream’s Brags. Winners (those who correctly predicted the outcome) receive a portion of the overall prediction pool.
By default, the service is free
The service allow every user to make predictions, watch streams, and start their own without any additional investment. Through a paid subscription, streamers can have access to additional features and tools that could amplify their earning through the Brag House platform.
Brag Bucks chest
Viewers receive a daily supply of free Brag Bucks and can purchase more if they want to participate in a greater number of Brags (i.e., predictions). Users can choose to purchase different Brag Bucks chest packages that have a higher multiplier the higher the cost of the package is. These multipliers increase the base range a user may receive through these packages.
In addition to participating in predictions, Brag Bucks can lead users to win loyalty tokens that can be redeemed for digital and physical prizes from Brag House’s virtual store. The store offers clothing and accessories featuring the branding of Brag House and its partners, including game publishers.
Providing Relevant Content Directly After Registration
Right from the first screen after registration, Brag House will offer users content that aligns with their interests, including connections to other platforms, streams, competitions for their favorite games, and preferred genres. To implement this, the user profile can be personalized during the account creation phase.
A significant portion of the service's audience consists of young members of the streaming community, such as school and college students. If we know which college a user attends, we can immediately offer contacts, content, and communities from their immediate surroundings. This is why we added school affiliation to the standard authorization process. Otherwise, the authorization process follows the steps found in other popular game streaming services: asking for primary identifiers (streaming platform usernames) and inquiring about user preferences in detail.