Back to projects

Motorola had one logo and four different websites.

A global homepage system that gave every region the same spine and let each one decide what the page was for. Shipped to the UK and India, now the base for every market.

56% → 85%

Users scrolling past the fold — UK

31% → 40%

Traffic to product pages— India

5 markets

Live
and tested

4

Unified templates shipped globally

Back to projects

Motorola had one logo and four different websites.

A global homepage system that gave every region the same spine and let each one decide what the page was for. Shipped to the UK and India, now the base for every market.

56% → 85%

Users scrolling past the fold — UK

31% → 40%

Traffic to product pages— India

5 markets

Live
and tested

4

Unified templates shipped globally

Back to projects

Motorola had one logo and four different websites.

A global homepage system that gave every region the same spine and let each one decide what the page was for. Shipped to the UK and India, now the base for every market.

56% → 85%

Users scrolling past the fold — UK

31% → 40%

Traffic to product pages— India

5 markets

Live
and tested

4

Unified templates shipped globally

TL;DR

The Problem

Four regions built four homepages with no shared rules, and the metric leadership watched said everything was fine.

The Turn

The first system we designed made the problem worse, and understanding why produced the one that worked.

The Solution

A fixed page spine with four content modes. Regions choose the moment and the content, not the layout.

My Role

Co-led the project.
Owned research programme across five markets, section-level analytics read that reframed the problem, the failure analysis on the first system, and the template and IA rules that shipped.

Timeline

Jan '25 - Oct '25

The Problem

The number everyone trusted was measuring the wrong thing.

Engagement rate sat between 72% and 90% across every region, which looked like a page doing its job. It is the inverse of bounce rate, so it only confirms that people did not leave immediately.


When I pulled the section-level analytics, the picture inverted. People were not browsing the homepage, they were using it as a corridor to the search bar.

Engagement rate sat between 72% and 90% across every region, which looked like a page doing its job. It is the inverse of bounce rate, so it only confirms that people did not leave immediately.


When I pulled the section-level analytics, the picture inverted. People were not browsing the homepage, they were using it as a corridor to the search bar.

6%

EU hero banner interactions

7%

NA hero banner interaction

65%

EU users interacting with search

What these conflicting numbers told me

The dashboards were healthy and the page was failing, and both of those things were true at once. That gap is what the whole project came out of.

Hover to see more

India Homepage

Visually the busiest page in the network and the one users found hardest to read.

US Homepage

The theme drifted from both the current brand identity and every other region. Outdated experience.

UK Homepage

Closest to the new brand identity and still visually incoherent.

Brazil Homepage

Different sections competing for the same click, and a coral CTA most users associate with cancelling.

India Homepage

Visually the busiest page in the network and the one users found hardest to read.

US Homepage

The theme drifted from both the current brand identity and every other region. Outdated experience.

UK Homepage

Closest to the new brand identity and still visually incoherent.

Brazil Homepage

Different sections competing for the same click, and a coral CTA most users associate with cancelling.

India Homepage

Visually the busiest page in the network and the one users found hardest to read.

US Homepage

The theme drifted from both the current brand identity and every other region. Outdated experience.

UK Homepage

Closest to the new brand identity and still visually incoherent.

Brazil Homepage

Different sections competing for the same click, and a coral CTA most users associate with cancelling.

The fragmentation was not subtle. Every market had drifted somewhere different, and each one had drifted for its own reason.

Research & Analysis

Research & Analysis

The page had three problems, and the dashboard could not see any of them.

The homepage wasn't broken. It was invisible.

Engagement rate had been the only lens anyone was looking through. Underneath it, three separate failures were running at once, and each one needed a different fix.

Finding #1

Top of the page absorbed attention, sent it nowhere.

Users stalled above the fold and left before reaching anything worth clicking.

Finding #1

Top of the page absorbed attention, sent it nowhere.

Users stalled above the fold and left before reaching anything worth clicking.

Finding #2

High scroll depth was not discovery, it was hunting.

Every section was an island with nothing pulling users to the next, so momentum died between them.

Finding #2

High scroll depth was not discovery, it was hunting.

Every section was an island with nothing pulling users to the next, so momentum died between them.

Finding #3

Most refined pages converted the worst.

Europe ran the cleanest page and 4% product shelf interaction. Brazil ran the busiest and 51%.

Finding #3

Most refined pages converted the worst.

Europe ran the cleanest page and 4% product shelf interaction. Brazil ran the busiest and 51%.

My Read

What struck me was not that the regions looked different. It was that every team had a defensible reason for every decision they had made.

  • Brazil's page was aggressively transactional because Brazil converts on the homepage.

  • The UK's was restrained because the UK does not.

Fragmentation was not negligence, it was what happens when capable people work without a shared system, and that ruled out a visual refresh as the answer.

The research gave us problems.
Design principles gave us direction.

Three tensions kept surfacing across every market, every interview, every test. Instead of resolving them as trade-offs, we turned them into design principles.

Global Unity

Regions had drifted into separate brand identities. One spine and one design language across every market, so a user landing in Brazil or UK recognise the same business.

Regions had drifted into separate brand identities. One spine and one design language across every market, so a user landing in Brazil or UK recognise the same business.

Premium Presence

Every market described the site as budget-feeling. The principle commits the page to lifestyle-led imagery and restrained type, with the product as the subject.

Every market described the site as budget-feeling. The principle commits the page to lifestyle-led imagery and restrained type, with the product as the subject.

Regional Adaptability

Different markets are able to set their own emphasis, ecommerce-led or brand-led, by switching modes and content rather than rebuilding the page.

Different markets are able to set their own emphasis, ecommerce-led or brand-led, by switching modes and content rather than rebuilding the page.

The Wrong Solution

We shipped flexibility first, and it made the fragmentation worse.

The first system was the Builder Kit. The homepage was divided into floors, each floor locked to a category, and within each floor a regional owner picked from three visual options tuned to awareness, consideration or conversion. Flexibility inside guardrails, coherence without centralisation.

The Wrong Solution

We shipped flexibility first, and it made the fragmentation worse.

The first system was the Builder Kit. The homepage was divided into floors, each floor locked to a category, and within each floor a regional owner picked from three visual options tuned to awareness, consideration or conversion. Flexibility inside guardrails, coherence without centralisation.

My Read

The insight wasn't that regional teams needed fewer choices. Choice without capability isn't flexibility. It's just a more complicated way to go wrong.

The Solution

Regions now choose the moment,
not the layout.

Every homepage in every market is built from the same fixed spine. Two hero banners, a phones product shelf and a catchall block are locked in position and cannot be removed or rearranged.

Everything below is an add-on that a region switches on when it has a reason to.

Every homepage in every market is built from the same fixed spine. Two hero banners, a phones product shelf and a catchall block are locked in position and cannot be removed or rearranged.

Everything below is an add-on that a region switches on when it has a reason to.

Fixed components

Every homepage starts from the same fixed core. These fixed elements keep the layout grounded and anchor hierarchy, accessibility, and the overall Motorola feel, no matter the market.

Fixed components

Every homepage starts from the same fixed core. These fixed elements keep the layout grounded and anchor hierarchy, accessibility, and the overall Motorola feel, no matter the market.

Add‑on components

Around that base, a small set of add‑on blocks snaps in and out, so each region can dial up what matters most without redesigning the page.

Add‑on components

Around that base, a small set of add‑on blocks snaps in and out, so each region can dial up what matters most without redesigning the page.

One system,
Four homepage modes.

Once the spine was defined, the question became: what “versions” of this page do teams actually need? That’s where homepage modes came in.

Once the spine was defined, the question became: what “versions” of this page do teams actually need? That’s where homepage modes came in.

With the base in place, we defined four homepage modes that reuse the fixed structure and swap add‑ons to match different moments.

With the base in place, we defined four homepage modes that reuse the fixed structure and swap add‑ons to match different moments.

The modes are what let India and the UK run genuinely different pages while remaining recognisably the same site. India runs Promo through its sale periods, the UK holds Standard, and neither region needs a designer to make that switch.

The modes are what let India and the UK run genuinely different pages while remaining recognisably the same site. India runs Promo through its sale periods, the UK holds Standard, and neither region needs a designer to make that switch.

Hover to learn more

Standard Template

The default for most of the year, balancing brand and product.

Promo Template

Offer and price led, for sale periods in ecommerce-led markets.

Launch Template

One hero story, with everything else stepping back for a newly released device.

Brand Template

Lifestyle storytelling with the ecommerce blocks off entirely.

Standard Template

The default for most of the year, balancing brand and product.

Promo Template

Offer and price led, for sale periods in ecommerce-led markets.

Launch Template

One hero story, with everything else stepping back for a newly released device.

Brand Template

Lifestyle storytelling with the ecommerce blocks off entirely.

US

UK

India

US

UK

India

US

UK

India

The rules I wrote

In the final phase, the focus shifted from concepts to concrete rules. The decisions below are ones I directly shaped to make the homepage safer to use at scale, not just nicer to look at.

System-first,
not Lego-first

What I did
Designed a single systemic base (fixed spine + modes) instead of a big library of swappable components.

  • This stopped regional teams from composing pages like Lego and hard-wiring new inconsistencies.

  • The structure now enforces hierarchy and accessibility by default.

System-first,
not Lego-first

What I did
Defined clear rules for hero imagery and copy. Lifestyle‑forward visuals, fixed aspect ratio, & character limits on headlines and sub‑copy.

Image and copy
rules that travel

What I did
Defined clear rules for hero imagery and copy. Lifestyle‑forward visuals, fixed aspect ratio, & character limits on headlines and sub‑copy.

  • This kept every geo’s hero visually aligned (no more over‑designed agency banner)

  • Made sure the brand voice felt consistent even when content was created locally.

Image and copy
rules that travel

What I did
Defined clear rules for hero imagery and copy. Lifestyle‑forward visuals, fixed aspect ratio, & character limits on headlines and sub‑copy.

One hero,
no auto‑scroll

What I did
Replaced the rotating hero carousel with a single, static hero and removed auto‑scroll behaviour.

  • This stopped regional teams from composing pages like Lego and hard-wiring new inconsistencies.

  • The structure now enforces hierarchy and accessibility by default.

One hero,
no auto‑scroll

What I did
Replaced the rotating hero carousel with a single, static hero and removed auto‑scroll behaviour.

Impact

What changed once the system went live?

The real test wasn’t whether the new homepage looked unified. It was whether it moved more people from “arrive” to “explore product” and whether it did that consistently across very different markets.

56% → 85%

Scroll past the midpoint

+29%

Traffic to product pages

5% → 7%

Add to cart of devices on desktop

The Solution

One system,
Four homepage modes.

Once the spine was defined, the question became: what “versions” of this page do teams actually need? That’s where homepage modes came in.

With the base in place, we defined four homepage modes that reuse the fixed structure and swap add‑ons to match different moments.

The modes are what let India and the UK run genuinely different pages while remaining recognisably the same site. India runs Promo through its sale periods, the UK holds Standard, and neither region needs a designer to make that switch.

Standard Template

The default for most of the year, balancing brand and product.

Promo Template

Offer and price led, for sale periods in ecommerce-led markets.

Launch Homepage

One hero story, with everything else stepping back for a newly released device.

Brand Template

Lifestyle storytelling with the ecommerce blocks off entirely.

Impact

What changed once the system went live?

The real test wasn’t whether the new homepage looked unified. It was whether it moved more people from “arrive” to “explore product” and whether it did that consistently across very different markets.

56% → 85%

Scroll past the midpoint

+29%

Traffic to product pages

5% → 7%

Add to cart of devices on desktop

The Solution

One system,
Four homepage modes.

Once the spine was defined, the question became: what “versions” of this page do teams actually need? That’s where homepage modes came in.

With the base in place, we defined four homepage modes that reuse the fixed structure and swap add‑ons to match different moments.

The modes are what let India and the UK run genuinely different pages while remaining recognisably the same site. India runs Promo through its sale periods, the UK holds Standard, and neither region needs a designer to make that switch.

Standard Template

The default for most of the year, balancing brand and product.

Promo Template

Offer and price led, for sale periods in ecommerce-led markets.

Launch Homepage

One hero story, with everything else stepping back for a newly released device.

Brand Template

Lifestyle storytelling with the ecommerce blocks off entirely.

Impact

What changed once the system went live?

The real test wasn’t whether the new homepage looked unified. It was whether it moved more people from “arrive” to “explore product” and whether it did that consistently across very different markets.

56% → 85%

Scroll past the midpoint

+29%

Traffic to product pages

5% → 7%

Add to cart of devices on desktop

Learnings

What this project changed for me

I researched the wrong audience first.

The homepage has users and it has builders, and I spent four studies on the first before speaking properly to the second. The Builder Kit failed for reasons a week with regional owners would have caught.

The insight was in data we already had.

The section-level analytics had been sitting in the same dashboard as the engagement rate everyone was reading instead. I now ask what we are already ignoring before commissioning anything.

Still open

Whether four modes is the right number. Four is what regional teams could hold in their heads, not what came out of analysis, and I do not know where a fifth stops being useful and starts eroding the discipline that made the system work.

Where it stands today

The system is live and other teams build against it now.

The templates and the IA rules are in use across regional teams today, and BTIT is building the component variants against them. What started as a homepage redesign became the structural default that new market pages inherit, which is the part I am most pleased with and the part that took longest to argue for.

The Problem
Analysis
Research
The Wrong Solution
The Solution
Impact & Learnings