Dare Devil hub

Web-based streaming application with bookmaker bets

Project brief

DareDevilHub is a web application I created as part of a UX/UI course. It is an avant-garde project inspired by a group of youtubers in the style of Jackass. The purpose of the app is to share challenges in the form of duels between members of the group, broadcast live. Users can bet on who will win a given challenge. The live broadcasts are hidden behind a paywall, available only to those who have placed bets. After 48 hours, the broadcasts are available for free. In this project, I will focus more on CRO (Coversion Rate Optimization) than on User Experience. I want to use everything I know to optimize the sales of this site.
1. Research​

Competitor analysis

I started with a competitive analysis to learn about the solutions of live streaming and betting companies. I also looked at online gambling apps because they use many interesting techniques to increase user engagement.

Literature

In order to optimize conversions and create a highly engaging experience, it will be necessary to use literature. The most appropriate book for this project is Hooked: How to Build Habit-Forming Products. Thanks to it, I learned about the hook model that is explained in this book.
The Hooked model consists of:
1. Triggers: Triggers are stimuli that initiate user behavior. They can be external (e.g. notifications, emails) or internal (e.g. emotions, thoughts).
2. Action: An action is a user’s behavior in response to a trigger. The key is to make this action as simple and effortless to execute as possible.
3. Reward: A reward is the result of an action that satisfies a user need. There can be different types of rewards, such as social rewards (e.g., likes, comments), material rewards (e.g., discounts, promotions), and rewards related to a sense of accomplishment (e.g., achievements, progress). It is important that the reward is variable, which increases its attractiveness.
4. Investment: Investment is the stage when a user puts some effort or resources (e.g., time, data, money) into a product, which increases the likelihood of future use.
I will try to use this knowledge in the design process of Dare Devil Hub.
2. Ideate​

Brainstorm

After identifying key user issues, I started Brainstorm. I jotted down all ideas and questions. I conducted the Brainstorm in FigJam.
3. Prototyping​

Sketching

I started with sketches, which helped me identify design problems. I materialized my ideas, which allowed me to quickly revise them.

Paper Prototype

I made the prototype in a whimisical application that allows you to construct a simple interface very quickly. Thanks to this stage, I could very quickly test the user flow in practice.
5. Final product​

Hi-Fidelity prototype

I created the name Dare Devil Hub and designed the logo. I chose a dark theme so that users can comfortably watch broadcasts for a long time without tiring their eyes. I introduced different colors for chat nicks so that users can easily identify who is writing what messages. I added realistic shadows and highlighted the text boxes with an inner shadow, which distinguishes them from the buttons. The entire design was done with attention to detail to give users the best possible experience.
Przewijanie do góry