top of page

Pinnacle

Design-Driven User Engagement

Pinnacle App Design
| Homepage Design

Experience Design from Zero to One - Creating engaging startpoints and accessible center

Role

UX Designer

10/2022-09/2023

Timeline

Responsibility

• User Research

• Wireframe

• User flow

• Design System

app cover-min.png

About Pinnacle

Pinnacle, formerly known as Pinnacle Sports, was founded in 1998 and has since provided bettors with a unique offering which focusing on delivering the best odds and highest betting limits for each market. Pinnacle specializes in the best sports markets and has also achieved significant success in the esports market in recent years. The company currently serves customers in over 100 countries, with a primary customer base in North America, Europe, and Asia.

Core Business

Online sports & Esports betting

Online Casino

Target Users

Sports enthusiasts with varying levels of interest

Core Market

Online markets such as sports and esports

Group 1000006931.png

Pinnacle development status: Monthly data

Product user base

26 K

Monthly activities

3.5 M

Bounce rate

49.66%

Why we are creating the app experience

01

Misalignment with User Scenarios
- Low Retention and Weak Engagement

As more users prefer mobile devices, the web experience's drawbacks are becoming evident. The lack of mechanisms and incentives to encourage ongoing use results in high user churn and low engagement

02

Low Business Conversion Rates
- Incomplete Commercial Value Conversion

The desktop user experience lacks a complete conversion loop, with unresolved pain points and inadequate feedback mechanisms, leading to low business conversion rates

Frame 2220.png

3%

Conversion rate

19%

Conversion rate 

55%

Conversion rate

Business Goal and Product Value Breakdown

Success Metric

Create an experience loop to boost product appeal,
increase user retention and repurchase, and drive profitability

User Reach

Boost product attractiveness

Enhance the visual & content appeal of the homepage

User Activation

Increase user engagement

Strengthen Seamless Navigation Experience

User Perception

Item Strengthen the
perception of value

Enhance user control & increase repeat purchase capability

User Retention

Increase repeat purchases rate

Create an experience loop leading user repurchase

How to Optimise?
- Starting with the User 

Competitve Research

Analyse top Canadian apps to identify Pinnacle’s strengths, weaknesses, and find design opportunities, guiding future decisions

Conduct interviews to identify challenges and needs. User testing and surveys to gather user flow issues and opportunities

Interview & User testing

Led a co-creation workshop with users to refine the homepage design and prioritize app features based on their feedback and needs

Co-design Workshop

Analyzed data to identify user pain points and needs, then developed data-driven design solutions to enhance user experience

Research Wash-up

Group 1000006932.png

Focus on Platform Research:
Key User Personas

Through user interviews and collected feedback, summarise and categorise archetypes using quantitative and qualitative analysis

Frame 1000006677.png
Frame 1000007244.png
Frame 1000007245.png
222.png

Journey Map
 

- Analyse mental models to identify opportunities

Frame 1000007248.png
Frame 1000007248.png
Frame 1000007250.png
Frame 1000007251.png

Qualitative - Problem Summary

22.png
223.png
224.png

Structure Homepage Strategy and Framework

Redesign the homepage to cater to three main target user groups, tailoring the layout based on different user scenarios and needs. Currently, the homepage serves as a strong guide to stimulate user demand, with enhanced navigation to improve accessibility to other pages.

Group 1000006941.png
Group 1000006938.png

Competitive Research - Conclusion

Group 1000006937.png

Competitive Research - SWOT Analysis

Group 1000006936.png

Competitive Research - Product Analysis

Group 1000006938.png

Competitive Research - Conclusion

Group 1000006937.png

Competitive Research - SWOT Analysis

Group 1000006936.png

Competitive Research - Product Analysis

User Research

User testing
Search/wager/view bet

Co-design workshop
features & homepage

Empathy Map

User journey map

Homepage Wireframe

How to Stimulate User Motivation

Group 1000006947.png

By analysing these dimensions, effectively assess user preferences based on their previous searches or bets. Optimise the placement and hierarchy of activity banners and recommendation information on the homepage and search pages. This will provide users with a more flexible and comprehensive list of events, reduce search and browsing costs, and stimulate user engagement.

Frame 1000007243.png

Positioning & Search Functionality

Popular Matchup List

Favourites/League Promoted Area

Website-Desktop-SilverStakes-Leaderboard-1280x580.png
Frame 1925.png
Frame 1921.png
Mask group.png
Frame 1920.png
Frame 1917.png

User Reach - Enhance Visual Appeal

Frame 1000007067.png

Optimise event recommendation logic
- Increase relevance for users & improve user journey

123.png

Scrollable menu to view more

This allows users to easily switch between different sports categories on the homepage to explore a wider range of events. 

11.png

Display users' favourite events

To enhance user engagement, the homepage now includes a section that showcases events related to the user's favourite sports or teams. 

12.png

League recommendations

This section is on adjusting the layout to match different user scenarios, ensuring that the homepage effectively drives user interest.

Homepage Prototype

Optimize the placement and hierarchy of activity banners and recommendation information on the homepage and search pages. This will provide users with a more flexible and comprehensive list of events, reduce search and browsing costs, and stimulate user engagement.

Frame 1000007242.png
iOS 15 Push Notifications.png

Pinnacle  Homepage

Frame 1000006907.png

Improve Navigation

Increase Recommendation

Optimise layout

Frame 1000007218.png

Check more details?

View More Projects?

公众号:样机便利店 免费分享1.png

Payment Integration Redesign

Role-based Access Management

公众号:样机便利店 免费分享16.png

Pinnacle App

Loop strategy applied to whole App experience

bottom of page