Box to Box App
Box to Box offers soccer fans up to the minute news, results, and events shaping the beautiful game.
View the wireframe protoypes here: https://www.figma.com/proto/tLA84CYYurQ7icffkAvLFB/Box-to-Box-Wireframes?node-id=417%3A5657&scaling=scale-down&page-id=0%3A1&starting-point-node-id=417%3A5657&show-proto-sidebar=1
My role
UX/UI
As the solo designer I began with research and initial ideation. From there I created user personas and information architecture for the app. This gave me the information needed to proceed with wireframes and creating a design system. I am currently working on Hi-fidelity wireframes and mockups for the app to enable testing.
Visual Design & Illustration
Following the wireframes I created mood boards and began using the design system and wireframes to create the visual design. The focus was on key pages for the app. I also incorporated illustrations which helps create a unique style for the app.
Tools
Figma, Illustrator & Photoshop
Research
Objectives
Offer users in depth analysis, stats and news on professional clubs
and International teams
Custom filters to choose what teams, leagues, players and competitions users follow
Provide a platform that targets the football purist to the statistician
and everyone else in between
Suggest content that may be of interest based on user profiles and
top stories
Business Goals
Appeal to as broad a range of fans as possible
Offer content for as many competitions and leagues as possible without diluting quality of content
Start with a few select leagues and competitions to grow organically and fill a niche which is currently not being covered
Look to promote content from locally based, freelance writers and creators
Measure of Success
The following are key areas that would be used to measure the apps success
Downloads
Profiles created
Repeat visits
Clicks on notifications
Content saved and shared
Subscriptions
Things to Overcome
Providing live updates with stats for the any number of games being played across various competitions and across multiple time zones
Competing for users with established apps, traditional media and
TV outlets
Gain sponsorship to improve
Fill a gap that is not currently being met to start to build a loyal following and grow the apps presence
Competitive Landscape
The following lists some of the major providers of soccer content
and entertainment that have an established following.
APPS AND WEB
One Football
Tribuna
Bleacher Report
Premier League App (England)
La Liga App (Spain)
TRADITIONAL MEDIA
BBC Football & Football Daily (UK)
Talk Sport (UK)
Gazzetta Dello Sport (Italy)
Marca (Spain)
Bild (Germany)
Howler magazine and website
8x8 magazine
360 Soccer Magazine
User Personas
-
James (35), Sales
Travels a lot for work Follows Chelsea (English Premier League) and Heart of Midlothian (Scottish Premier League) Cant always watch live but likes to get updates and highlights of the teams he follows.
-
Paul (26), Electrician
A Liverpool FC season ticket holder Been going to games with family since he was 10 He can’t always make games because of work. Needs to stay up to date with whats happening with his team and knowing the other league results.
-
Sophia (21), Student
Sports Science and soccer scholarship
Stats and Tactics obsessed. Follows Toronto FC, Manchester City and Barcelona. Regards Leo Messi as the GOAT. Consumes as much soccer content as she can between class, training and games.
Site Map
Home Page
This page should offer users as broad a range of content whether just newly downloading the app or those with accounts. The page will offer top stories for each of the competitions covered and for specific teams the user has interest in. Additionally there will be a link to a potential Box to Box store from this page with top items appearing here. Other pages will have ads appear that also link to the store.
Matches
All matches taking place will appear here with users followed teams appearing at the top of the page. There will also be highlights available as well. More in depth stats can be accessed from this page such as league standings, player ratings and upcoming fixtures. The key features for users are the live updates, notifications and in game stats such as goals, shots, possession and fouls.
My Teams
Favourite teams, competitions and players can be chosen here and updated at any time. Suggestions will also be made based on users current favourites.
Discover
This section will provide additional content to the main page with the most viewed stories from world soccer, Classic games, and interviews. There may be a potential to include podcasts and fan media content. For those fans who want access to more media and content there is a potential to add exclusive content for subscribers.
Profile
The profile page will have settings and users custom notifications. Included on this page is the legal and privacy sections, contact and subscription sign up for paid content.
Expansion
After an inital launch of the app there is room to add additional features and areas of content. This would include Podcasts, a store and watch live games where available.
User Flows
Wireframes
Design System
UX/UI
Following research of other soccer and sports apps I created a design system and style guide to be used in the interface design and development phase.