Mobile OSRP Masthead Redesign—Balancing Visual Appeal, Performance, and Accessibility

The project was focused on modernizing the mobile search experience through a UI refresh and the implementation of a dynamic color extraction system for OSRP (Organized Search Result Page) mastheads.

This system needed to enhance visual appeal while maintaining high performance and accessibility. This initiative evolved into a broader effort— creating a Search-wide color palette and framework that could be leveraged across Google Search.

Role
Visual Design

Tools
Sketch, Color Contrast Analyzer

Platform
Google Search Mobile

Client
Google

Year
2019

Team
3 Visual Designers, 1 UX Researcher, 3 Engineers

The Problem

Unifying 1P and 3P content: UI elements did not meet the necessary AA A11Y standards, which compromised the experience for users who rely on high-contrast visuals.

Outdated Aesthetics: Search was beginning to show its age, lacking the modern visual appeal that users expect from a leading tech product.

Unifying 1P and 3P content: UI elements did not meet the necessary AA A11Y standards, which compromised the experience for users who rely on high-contrast visuals.

Accessibility Deficiencies: UI elements did not meet the necessary AA A11Y standards, which compromised the experience for users who rely on high-contrast visuals.

Outdated Aesthetics: Search was beginning to show its age, lacking the modern visual appeal that users expect from a leading tech product.



Process Overview


The Problem