Sportsbook App

Sportsbook App

Sportsbook App

Creation of a iOS & Android platform utilising the same data as the Stanleybet Web Version

Creation of a iOS & Android platform utilising the same data as the Stanleybet Web Version

Creation of a iOS & Android platform utilising the same data as the Stanleybet Web Version

The Brief

The Brief

The Brief

Following on from the success of the web product, we designed and built an app that utilised the same data and account details as the web version.


The app aimed to be a streamlined version of the web view, and created a dynamic navigation that would focus on speed of bet placement, whilst incorporating a strong visual and brand presence.


The app was strongly influenced by Web Accessibility Guidelines, and ensured the user was able to amend their preferences to create a comfortable and well presented product.

Following on from the success of the web product, we designed and built an app that utilised the same data and account details as the web version.


The app aimed to be a streamlined version of the web view, and created a dynamic navigation that would focus on speed of bet placement, whilst incorporating a strong visual and brand presence.


The app was strongly influenced by Web Accessibility Guidelines, and ensured the user was able to amend their preferences to create a comfortable and well presented product.

Approach

Approach

Approach

The app aimed to take a different stance to the previous web Sportsbook. We wanted to ensure that the experience holds the same values, and users across the two would be able to access all of the same content, however focusing on a more streamlined process.


Over the years the web product built a variety of features that enabled the user to showcase events and grouped data in a variety of ways. When creating the app we wanted to focus on one singular flow. Ease of navigation, and a 'English proven' method, minimising the amount of taps the user would need to complete in order to gain the content they value most in the product.

The app aimed to take a different stance to the previous web Sportsbook. We wanted to ensure that the experience holds the same values, and users across the two would be able to access all of the same content, however focusing on a more streamlined process.


Over the years the web product built a variety of features that enabled the user to showcase events and grouped data in a variety of ways. When creating the app we wanted to focus on one singular flow. Ease of navigation, and a 'English proven' method, minimising the amount of taps the user would need to complete in order to gain the content they value most in the product.

THE PROCESS

THE PROCESS

Native Adaption

Native Adaption

As the web version of the sportsbook grew, we wanted to create both iOS & Android apps that remove all of the additional features, and at the core of the platform allow users to place bets efficiently, and navigate to the sports/events they need in minimal taps.


The App takes a fully native approach, changing the navigation and incorporating new features.

As the web version of the sportsbook grew, we wanted to create both iOS & Android apps that remove all of the additional features, and at the core of the platform allow users to place bets efficiently, and navigate to the sports/events they need in minimal taps.


The App takes a fully native approach, changing the navigation and incorporating new features.

General Navigation

General Navigation

The bottom navigation would focus on separating out the types of events, prioritising live content on the landing page, with the pregame content including a deeper navigation structure through categories, tournaments and events.

The bottom navigation would focus on separating out the types of events, prioritising live content on the landing page, with the pregame content including a deeper navigation structure through categories, tournaments and events.

Offer Tree Navigation

Offer Tree Navigation

The offer tree navigation would focus on separating out the types of events, prioritising live content on the landing page, with the pregame content including a deeper navigation structure through categories, tournaments and events.

The offer tree navigation would focus on separating out the types of events, prioritising live content on the landing page, with the pregame content including a deeper navigation structure through categories, tournaments and events.

Fully Native Accounts & Registration

Fully Native Accounts & Registration

The registration flow included a complete redesign, streamlining the user input fields, ensuring that the content required is easy to digest and the CTA’s are clear for navigation. We maintained a fully native approach, following Apples Human Interface Guidelines.

The registration flow included a complete redesign, streamlining the user input fields, ensuring that the content required is easy to digest and the CTA’s are clear for navigation. We maintained a fully native approach, following Apples Human Interface Guidelines.

Cross Platform Integration

Cross Platform Integration

Currently on the web version, the sportsbook and the casino are completely set up, through layout, theme/brand and component set up.


Within the app, both of these now live in one location, streamlining the navigation, and the same component library.

Currently on the web version, the sportsbook and the casino are completely set up, through layout, theme/brand and component set up.


Within the app, both of these now live in one location, streamlining the navigation, and the same component library.

3rd Party Integration

3rd Party Integration

Through 3rd party integration of tools such as Nuvei for payments, and Jumio for KYC registration, the intuitive software allowed for a process which was simple to use and easy to onboard.

Through 3rd party integration of tools such as Nuvei for payments, and Jumio for KYC registration, the intuitive software allowed for a process which was simple to use and easy to onboard.

Theming Switcher

Theming Switcher

The app includes the ability to switch between both a light and dark mode display, accommodating to the users preferences.

The app includes the ability to switch between both a light and dark mode display, accommodating to the users preferences.

Development Iterations

Development Iterations

Once the initial build of the app was in the test environment, we continuously tested it, improved certain features and focused on having the usability of the app optimised to its highest potential.

Once the initial build of the app was in the test environment, we continuously tested it, improved certain features and focused on having the usability of the app optimised to its highest potential.

The Designs

The Designs