Back to projects

Three Good Choices
A Campus Meal Plan
That Works With the Canteen

Helping students eat better on a budget by replacing overloaded menus with three transparent daily meals, without replacing the canteen they love.

+85%

Users scrolling past the fold — UK

+29%

Product page visits — India, week 1

90%

Engagement rate post-launch

4

Unified templates shipped globally

Back to projects

Three Good Choices
A Campus Meal Plan
That Works With the Canteen

Helping students eat better on a budget by replacing overloaded menus with three transparent daily meals, without replacing the canteen they love.

+85%

Users scrolling past the fold — UK

+29%

Product page visits — India, week 1

90%

Engagement rate post-launch

4

Unified templates shipped globally

Back to projects

Three Good Choices
A Campus Meal Plan
That Works With the Canteen

Helping students eat better on a budget by replacing overloaded menus with three transparent daily meals, without replacing the canteen they love.

+85%

Users scrolling past the fold — UK

+29%

Product page visits — India, week 1

90%

Engagement rate post-launch

4

Unified templates shipped globally

TL;DR

The Problem

Motorola's global homepage had no unified system. Every region operated independently. The brand was being undermined by its own front door.

The Research

21 stakeholder interviews across 6 markets. 200+ user tests across 5 countries. A/B testing across 4 regions. One consistent tension: lifestyle storytelling vs. direct e-commerce conversion and it differed by market.

The Solution

A modular homepage template system. Pre-designed blocks regional teams can configure without design expertise.

My Role

Co-led research, strategy & design end-to-end

Team

3 designers,
21 stakeholders
across the globe

3 designers,
21 global stakeholders across brand,
e-commerce, marketing, & CX

Timeline

Jan '25 - Oct '25

The Problem

Users weren't browsing Motorola's homepage. They were escaping it.

Nobody caught it because the headline number looked fine.
72–90% engagement rate across all regions.

But engagement rate is the inverse of bounce rate. It tells you people stayed. It doesn’t tell you what they did while they were there.

Section-level data told a different story. The page wasn't failing to engage people. It was failing to move them.

Nobody caught it because the headline number looked fine.
72–90% engagement rate across all regions.

But engagement rate is the inverse of bounce rate. It tells you people stayed. It doesn’t tell you what they did while they were there.

Section-level data told a different story. The page wasn't failing to engage people. It was failing to move them.

Nobody caught it because the headline number looked fine.
72–90% engagement rate across all regions.

But engagement rate is the inverse of bounce rate. It tells you people stayed. It doesn’t tell you what they did while they were there.

Section-level data told a different story. The page wasn't failing to engage people. It was failing to move them.

6%

EU hero banner interactions

7%

NA hero banner interaction

65% leave the page

users went straight to search

India Homepage

Convoluted, high moto branding, low contrast fighting against already busy content.

North America Nav

Packed with options, similar sounding labels, little visual guidance.

United Kingdom Nav

Heavy navigation, unclear labels like “motoverse” compete for attention.

Brazil Nav

Long list of moto‑branded terms blur together, hard to tell offers & products apart.

India Homepage

Convoluted, high moto branding, low contrast fighting a busy background

North America Nav

Packed with options, similar sounding labels, little visual guidance.

United Kingdom Nav

Heavy navigation, unclear labels like “motoverse” compete for attention.

Brazil Nav

Long list of moto‑branded terms blur together, hard to tell offers & products apart.

India Homepage

Convoluted, high moto branding, low contrast fighting a busy background.

North America Nav

Packed with options, similar sounding labels, little visual guidance.

United Kingdom Nav

Heavy navigation, unclear labels like “motoverse” compete for attention.

Brazil Nav

Long list of moto‑branded terms blur together, hard to tell offers & products apart.

Analysis

Analysis

The homepage wasn't broken.
It was invisible.

The homepage wasn't broken. It was invisible.

The homepage had three problems. None of them were visible from the top-level dashboard.

Finding #1

Users looked.
Then left.

Page was losing users before they reached anything worth clicking.

See More

Finding #2

High Engagement.
Broken Journey.

High scroll depth wasn't discovery. It was hunting

See More

Finding #3

One Brand.
Different Worlds.

A single solution was not going to work for every market.

See More

Finding #1

Users looked.
Then left.

Page was losing users before they reached anything worth clicking.

See More

Finding #3

One Brand.
Different Worlds.

A single solution was not going to work for every market.

See More

Finding #2

High Engagement.
Broken Journey.

High scroll depth wasn't discovery. It was hunting

See More
My Findings

What struck me wasn't that the regions looked different, it was that every team had a good reason for every decision they'd made.

The fragmentation wasn't negligence. It was what happens when capable people work without a shared system. The solution had to be structural.

Analysis

Analysis

Problem Statement

The homepage wasn't broken. It was invisible.

What the page needed wasn't a visual refresh but a defined user flow, one with enough structural rigidity to guide every market toward a decision, and enough modularity to let each region speak to how their users actually behave.

Research

Research

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.

Premium Presence

Clean layouts, refined typography, premium imagery. Ensure that it relays Motorola as an aspirational lifestyle brand, not budget hardware. A refresh that honours the legacy while pushing it forward.

Clean layouts, refined typography, premium imagery. Ensure that it relays Motorola as an aspirational lifestyle brand, not budget hardware. A refresh that honours the legacy while pushing it forward.

Global Unity
Global
Unity

One cohesive system across all markets, with flexible customisation slots for regional needs. The same design language, everywhere, to ensure brand had a unified voice.

One cohesive system across all markets, with flexible customisation slots for regional needs. The same design language, everywhere, to ensure brand had a unified voice.

Regional Adaptability
Regional
Adaptability

E-commerce powerhouses like India/Brazil get conversion-focused layouts. Brand markets like US and EMEA get lifestyle storytelling. Same system, right emphasis per region.

E-commerce powerhouses like India/Brazil get conversion-focused layouts. Brand markets like US and EMEA get lifestyle storytelling. Same system, right emphasis per region.

My Findings

These weren’t arbitrary principles. I pulled them from research insights.

  • Premium Presence came from what users said felt missing.

  • Global Unity came from what the data made impossible to ignore different regions with different brand identity, all for same company

  • Regional Adaptability came from the hardest research finding: a single template couldn’t serve diverse markets.

The Wrong Solution

We designed the wrong solution first.
Here's what I learned from it.

We called it the Builder Kit — a step-based system where regional teams could configure their homepage by choosing from pre-designed components at each slot.

Three visual alternatives per section. Flexibility within guardrails. Global coherence without centralisation.

The Wrong Solution

We designed the wrong solution first.
Here's what I learned from it.

We called it the Builder Kit — a step-based system where regional teams could configure their homepage by choosing from pre-designed components at each slot.

Three visual alternatives per section. Flexibility within guardrails. Global coherence without centralisation.

My Findings

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

What does the final solution look like?

Every homepage, in every mode, is built from the same fixed core and a small set of add‑ons regional teams can turn on when they actually need them.

Fixed components
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.

The Solution

What does the final solution look like?

Every homepage, in every mode, is built from the same fixed core and a small set of add‑ons regional teams can turn on when they actually need them.

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.

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.

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.

Hover to learn more

Standard Template

Everyday balance of brand + product. Default state for most of the year.

Launch Template

One hero story.

Everything else steps back for a brand new releases.

Promo Template

Offer and price led layout for high‑intent periods and markets.

Brand Homepage

Lifestyle‑first storytelling when the message matters more than the sale.

Standard Template

Everyday balance of brand + product. Default state for most of the year.

Launch Template

One hero story. Everything else steps back for a new release.

Launch Homepage

Offer and price led layout for high‑intent periods and markets.

Brand Template

Lifestyle‑first storytelling when the message matters more than the sale.

Standard Template

Everyday balance of brand + product. Default state for most of the year.

Launch Template

One hero story. Everything else steps back for a new release.

Launch Homepage

Offer and price led layout for high‑intent periods and markets.

Brand Template

Lifestyle‑first storytelling when the message matters more than the sale.

The Solution

What changed by design, not by accident?

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.

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.

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.

  • 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.

  • 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.

Hover to learn more

The Solution

What changed by design, not by accident?

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.

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.

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.

  • 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.

Hover to learn more

Impact & Learnings

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.

India Homepage

Convoluted, high moto branding, low contrast fighting against already busy content.

North America Nav

Packed with options, similar sounding labels, little visual guidance.

United Kingdom Nav

Heavy navigation, unclear labels like “motoverse” compete for attention.

Brazil Nav

Long list of moto‑branded terms blur together, hard to tell offers & products apart.

56% → 85%

Scroll past
the fold

+29%

Traffic to product pages

+8%

Add to cart of devices on desktop

Impact & Learnings

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.

India Homepage

Convoluted, high moto branding, low contrast fighting against already busy content.

North America Nav

Packed with options, similar sounding labels, little visual guidance.

United Kingdom Nav

Heavy navigation, unclear labels like “motoverse” compete for attention.

Brazil Nav

Long list of moto‑branded terms blur together, hard to tell offers & products apart.

56% → 85%

Scroll past
the fold

+29%

Traffic to product pages

+8%

Add to cart of devices on desktop

Impact & Learnings

What this project changed for me

Designing for builders, not just users
  • The homepage actually has two audiences - the people who use it and the teams who assemble it. The Builder Kit failed because it only worked for users, not for builders. Future systems work now start with both in mind.

Data before new research
  • The most important insight came from section‑level analytics that already existed but hadn’t been read. Before commissioning new studies, it’s worth asking, “What are we ignoring in the data we already have?”

Hypotheses that are allowed to fail
  • The first solution wasn’t “wrong” so much as an unproven hypothesis. Running it far enough to understand why it failed gave us a much sharper second solution than if we’d played it safe from the start.

My Work
My Explorations
About Me
Jump to top