Globo · Globoplay · 2020

Globoplay Highlight

The home's prime component, rebuilt from a monolith into a system — then the experiment that lifted engagement and the variant that drove sales.

RoleProduct Designer, Home squad · Design-system lead
CompanyGlobo · Globoplay
PlatformsiOS · Android · Web · TV
Year2020

The stage · 2020

Brazil's largest streaming product, becoming all-in-one.

Lockdown drove a streaming surge and cord-cutting hit its peak. In that year Globoplay was folding everything into one product: the video-on-demand catalog, simulcast of 17 live TV channels, live news and sports — and it carried the group's largest investment of the year.

Streaming surge and cord-cutting, 2020. BBC · TechCrunch.

The prime slot

The most contested space in the product.

An alternative highlight: Big Brother Brasil, live.
An alternative highlight: a live Premiere match.
The Premium Highlight filling the top of the Globoplay home with the series A5 Five.

At the top of the home sat the Premium Highlight. First in impressions, first in click-through rate, the origin of more than half the clicks on the page. Every channel director wanted their content there.

#1

Impressions on the home

#1

Click-through rate

+50%

Of all clicks on the home

The problem

One block of code, asked to become many things.

The Highlight was a monolith with business rules nested inside it. The new plan asked it to behave as many products at once. It had to become parameters.

5Content types

  • Title
  • Video
  • Live
  • Simulcast
  • Sports

2User profile

  • Subscriber
  • Free

2Layout

  • Premium
  • Rail
Globoplay highlight — Title variant: the series A5 Five with Veja mais and Minha lista buttons. Globoplay highlight — Video variant: the novela Um lugar ao sol with Assista and Veja mais. Globoplay highlight — Live variant: Big Brother Brasil with an AO VIVO badge and Assista. Globoplay highlight — Simulcast variant: the Multishow channel showing Agora Lady Night with Assista and Programação. Globoplay highlight — Sports variant: a Premiere match scoreboard reading 1 to 0 with Assista and Programação. Globoplay highlight — Free-user variant: the series A5 Five with a red Experimente call to action. Globoplay highlight — Rail Highlight: the highlight positioned between content rails, the Originais Globoplay rail above and Assista agora below.

Real variant screens, iOS.

The scale

5 × 2 × 2 =

20variants

It had to become modular.

Rebuilt to be modular and easy to scale — ready for the next scenario without touching the whole.

Twenty Premium Highlight variants shown across phones in perspective.
Real variant screens, iOS.

The rebuild

Rebuilt from the atoms up.

I broke the monolith into an atomic system: the smallest pieces compose into groups, groups compose into the finished component. Change a part, not the whole.

01 · Atoms
A headline atom. A team-crest atom. A channel-logo atom. A button atom.
02 · Molecules
A scoreboard molecule: two team crests and a 1×0 score. An actions molecule: a primary and a secondary button.
03 · Organism The organism — the complete Premium Highlight: a live Campeonato Brasileiro match at 1×0, with Assista and Programação.

Component vs product

Separate the interface from the business rules.

One component, two readings. The interface declares what each slot expects — an image, a string, a crest, a button. The product layer wires each slot to a data source. Same shell, any content pipe behind it.

  • Image / video URL
  • Image URL
  • Image URL + number
  • Strings
  • Button element
The Premium Highlight as a bare component: placeholder slots for media, a scoreboard, a title and two buttons — declaring what each expects, with no data yet. The same Premium Highlight wired to real feeds: a live Campeonato Brasileiro match, its scoreboard and schedule filled from the broadcast and sports-data APIs.
  • Broadcast API
  • Channels API
  • Sports Data System API
  • Electronic Program Guide API
  • Broadcast API
The same component — left, the slots the interface declares; right, the product wiring each to a data source.

The bet

Lead discovery from the one place people look.

Users barely scrolled the home. Their clicks concentrated on that first component. The hypothesis: bring more content into the prime area and let it lead discovery, lifting engagement without asking anyone to scroll.

The Globoplay home: the Premium Highlight at the top, content rails below.
Clicks concentrated on the prime component — relevance fell with every scroll.

Research

No one else put a carousel on the home.

With no time for a usability test before launch, I did two things: benchmarked how other streaming products surfaced content on their home — none used a carousel there, which made it a bold bet — and leaned on published carousel research to set guidelines.

  • Netflix
  • Prime Video
  • Disney+
  • HBO Max
  • YouTube
  • Star+
  • Paramount+
  • Apple TV+

Home-screen benchmark, 2020. Carousel guidelines drawn from Nielsen Norman Group research.

The experiment

Data is king.

A clean A/B test, 50/50 to all users. The standard Highlight stayed as a fallback so nothing could break the page. With millions of monthly users, one month reached significance.

Control: the conventional single Premium Highlight, no carousel.

Control · standard highlight

Variant: the Carousel Highlight, its story-progress bars below the buttons.

Variant · carousel

A/B test · 50/50 · fallback-safe · Aug 2 – Sep 2, 2020.

Results

Impressions held where research said they'd fall.

Carousel research warns that content past the first slide gets buried. Ours didn't — most users reached the third slide, on every platform.

Three clickable items now stood where one used to. The hypothesis held.

+75%

Click-through rate — expected: three clickable items against one

+2.7%

Average playtime

+5%

Titles per user — the engagement index

From engagement to revenue

A sales variant, shipped fast because it was modular.

Componentization plus the carousel win let us ship a sales variant without rebuilding anything, launched with the Disney+ bundle.

The Sales Highlight on the Globoplay web home: the Combo Globoplay e Disney+ offer, a red Conheça os planos button, and story-style progress bars.
The Sales Highlight, launched with the Combo Globoplay e Disney+ bundle (Nov 2020).

15.8k

sales in the first month

11%

of total sales originated on the home

21%

that home relevance, up vs. the previous month

Nov 1 – 30, 2020.

The year, in context

Globoplay's strongest year.

2020 made Globoplay the most-watched streaming service in Brazil. The numbers below reflect the work of every team, well beyond this project. I include them as context, not as my result.

+145%

Subscribers

+336%

TV-series playtime

+403%

Movies playtime

Globoplay full-year results, 2020 — company-wide, all teams.