Copa América - The Official App
Rob Gill
Freelance UX/UI Designer & Director (Provius Ltd.)
Made with

Copa América -
The Official App

The Official Copa América 2015 app brings together
the news, videos and galleries on all the
tournament teams for every game.

About the project

February 2015 - July 2015

The sports app categories are full of native rich experience apps, but our challenge was to build a hybrid app to complement the existing website to help the tournament organizers to reach a larger audience.

The app has been created in English, Spanish, and Portuguese, tailored to the worldwide audience expected to watch the event.

Copa América -  The Official App

My Role

I designed both Copa apps. Working closely with Dave, the UX architect, to achieve our goals.

Designing the official Copa América Android and iOS apps was a challenge due to the tight time constraints and business objectives. The apps we're predetermined to be served via web views. Our goal was to focus on the menu. We improved the overall UX/design by introducing user testing and measuring analytics for all our design proposals.

Navigation: Hub and spoke

Improving the burger menu and introducing a better way to navigate content

Taking inspiration from Primer, the idea was to design the app around a native menu which would form the hub of our app and would allow the user to ground themselves in the app when they navigate through the web content.

Copa América -  The Official App

Copa Cards

We needed to create a way for users to find the content from all the sub-sections in the responsive website menu in a more exploratory way than another menu list. The design team created a cards set for sections Venue, Teams and Matches which users can scroll through, select and use as quick-links to, for example, their favourite team.

Copa América -  The Official App

Each card page follows a consistent design:

  • Lead image: a contextual high resolution image relating to the content.
  • Text information: a relevant stat or headline related to the content.
  • Button: a dedicated call to action to improve usability.
  • Circular icon: related to the card above it is a clickable image to move more quickly through the menu items


The layout and information was inspired by Google Material Design and the navigation pattern wasinspired by the native iOS multitasking menu.

Copa América -  The Official App

Iconography

Copa América -  The Official App
Copa América -  The Official App

Bespoke Icons

To represent the various sections within the app we created a bespoke icon pack. The aim was to combine visual football language with standard menu options. The result has increased the personalised experience, which helped to engage our audience.

Designed to be used both as either stokes only or fully filled.

Native match component

Providing glances of the latest and most relevant information

The home page is the hub of our app, and to improve the user experience we included a match component so a user can get straight to the match related content. Depending on the time the app will offer only the most important match information at first glance; most recent last result, current live game, or nearest next game.

Copa América -  The Official App

Website

I've also designed some of the elements of the Copa América 2015 website, including the match page.

Copa América -  The Official App

Copa's Success and Analytics

"I've worked with Rob on several very challenging projects and can honestly say he is the most talented designer I've had the pleasure of working with;
an amazing breadth of digital knowledge,
a fantastic appetite for learning and a '
nothing is impossible' attitude.
A true professional."

David Evans

Post tournament analytics

Even though the tournament was just over 3 weeks long in total, we managed to accumulate some impressive numbers:

1M 26K
unique users of both
Android and iOS apps
54K
page views
695K
total downloads
Copa América -  The Official App

We provided the app in 3 languages: English, Spanish and Portuguese

Of the 1,025,461 unique users:

  • 72% Spanish language users
  • 21% English language users
  • 7% Portuguese language users

Keeping users engaged with the product and introducing South America to Goal.com was a key objective

Of those users who do return:

79%
of users used the app
more than once
97%
returned within a week
52%
visited more than
once in a day
Copa América -  The Official App

Continued success... all the way to the top!

As of 19th June 2015, both the number 1 free app & number 1 sports app on the App Store:

  • No.1 free app in 8 countries (including Argentina, Chile and Colombia)
  • No.1 sports app in 23 countries (including Brazil and Spain)

Copa América -  The Official App
Copa América -  The Official App

Dear Rob Gill,

Best,