Project Introduction
‘Watson Bowl’ is a fun sports prediction app where friends can get together and predict weekly scores in the American football season.
This fun app offers functions of creating your own league between friends, a tailored profile page with personal statistics and team pages where users can check out teams statistics throughout the season.
THE CHALLENGE
The existing app had a very basic navigation and interface, it lacked appropriate user feedback, the interface was not emotive. We were asked to improve the visual design and usability.
The old UI lacked a brand strategy and had design challenges.
USer Flow
Re-routing the navigation by adding features and feedback to provide better engagement for the user.
Team and user profiles are added to the application. These are so users can access teams recent form and also access their own performance statistics. Feedback on outcome selections is also integrated to give the user a more completed feel .
The old UI lacked a brand strategy and had design challenges.
WHAT WE DID
Usability review
WHAT WE DID
Usability review
Project Introduction
‘Watson Bowl’ is a fun sports prediction app where friends can get together and predict weekly scores in the American football season.
This fun app offers functions of creating your own league between friends, a tailored profile page with personal statistics and team pages where users can check out teams statistics throughout the season.
THE CHALLENGE
The existing app had a very basic navigation and interface, it lacked appropriate user feedback, the interface was not emotive. We were asked to improve the visual design and usability.
The old UI lacked a brand strategy and had design challenges.
USer Flow
Re-routing the navigation by adding features and feedback to provide better engagement for the user.
Team and user profiles are added to the application. These are so users can access teams recent form and also access their own performance statistics. Feedback on outcome selections is also integrated to give the user a more completed feel .
The old UI lacked a brand strategy and had design challenges.
Design
We created a more fun and engaging brand to provide a consistent message to the user.
The colour palette aligns with the content of the app with a similar NFL colour, to replace the old dark scheme shown previously. Visual components, infography and icons present an engaging interface for the user and present information in a digestible format.
Watson Bowl
Watson Bowl
Web app re-design
Web app re-design
Project length
4 months
Role
UX/UI designer
Tools used
Figma, Framer
Platform
Web
Project Introduction
‘Watson Bowl’ is a fun sports prediction app where friends can get together and predict weekly scores in the American football season.
This fun app offers functions of creating your own league between friends, a tailored profile page with personal statistics and team pages where users can check out teams statistics throughout the season.
THE CHALLENGE
The existing app had a very basic navigation and interface, it lacked appropriate user feedback, the interface was not emotive. We were asked to improve the visual design and usability.
The old UI lacked a brand strategy and had design challenges.
Design
We created a more fun and engaging brand to provide a consistent message to the user.
The colour palette aligns with the content of the app with a similar NFL colour, to replace the old dark scheme shown previously. Visual components, infography and icons present an engaging interface for the user and present information in a digestible format.
WHAT WE DID
Usability review
USer Flow
Re-routing the navigation by adding features and feedback to provide better engagement for the user.
Team and user profiles are added to the application. These are so users can access teams recent form and also access their own performance statistics. Feedback on outcome selections is also integrated to give the user a more completed feel .
The old UI lacked a brand strategy and had design challenges.
Mid-fidelity wireframes
Mid-fidelity wireframes
Mid-fidelity wireframes
Design
We created a more fun and engaging brand to provide a consistent message to the user.
The colour palette aligns with the content of the app with a similar NFL colour, to replace the old dark scheme shown previously. Visual components, infography and icons present an engaging interface for the user and present information in a digestible format.
Solution
Solution
Revised selection process
Revised selection process
Revised selection process
Feedback and confirmation of selection to give the user a feeling of completeness
Feedback and confirmation of selection to give the user a feeling of completeness
Feedback and confirmation of selection to give the user a feeling of completeness
Weekly report
A summary of the users outcomes and how many selections they have remaining
Save button
When the user has finished their selection they can save and edit their selection.
Selection buttons
Selection buttons are used instead of a drop down menu
Solution
User profile and league added to the mix
User profile and league added to the mix
User profile and league added to the mix
Creating a more personalised experience for the user
Creating a more personalised experience for the user
Creating a more personalised experience for the user
Access to selections
See all recent selections and have the ability to edit them
Tailored content
All content is personalised based on the users performance.
Dashboard view
Information shown in bite size information in clear sections.
Solution
Solution
Team profile added to the mix
Team profile added to the mix
Team profile added to the mix
Extra information for users to make better selections
Extra information for users to make better selections
Extra information for users to make better selections
Infographics
Visual components with team statistics
Recent statistics
Important up-to date information on game performance.
Consistent brand
Colours and infographics showing branding throughout
