Selected work

GOOGLE CHROMEBOOK PLUS · PURCHASE PATH

The comparison that opened the Chromebook Plus purchase path

From a new product tier with no clear way to decide which model suits your needs, to a comparison that worked in every market, on every screen size, and with a screen reader.

Problem

Chromebook Plus was a new tier built by several manufacturers to a shared spec. Google didn't sell it directly, and the site's conversion was an outbound click to a retailer or manufacturer, so visitors needed a way to compare their options before clicking out to buy. The comparison also had to hold up across 15 markets, where the number of device categories varied by region and some models didn't have every feature.

Strategy

The team had decided the page needed a comparison table to help visitors choose among the two or three device categories in their market, then narrow to models and finally to product detail pages. How it would work was mine to decide: build it to handle whatever each market's data looked like, make it navigable by screen reader (something I raised early, so it was part of the build from the start rather than a retrofit), make it work on mobile, and collapse the detail behind a "See more" button, so visitors who already knew what they wanted weren't buried in specs they didn't need. The measures were engagement and retailer and manufacturer partner clicks.

Execution

I designed the table's structure to accommodate changing numbers of device categories across regions. A simple dash was used for cases where a model didn’t include a certain feature, so the comparison wasn’t disrupted. I built in screen reader navigation and narrowed the table on mobile to display two categories side by side, each chosen from a dropdown, so the comparison stayed readable at phone width. I added the "See more" expansion button, and instrumented GA4 tracking on all comparison events. I then tested my work through the team's automated QA, working with design, product marketing, localization, and analytics across all 15 markets.

Results

Engagement and partner clicks rose sharply in the first month, the launch had zero post-launch defects, and it earned a Webby Official Honoree for Best Visual Design – Function, a Webby Best Practices nomination, and Creativepool Bronze in Web.

The Chromebook Plus page: a yellow hero announcing the all new Chromebook Plus, an introduction to Chromebooks, the comparison table, and sections on apps and switching to Chromebook.
Desktop page as launched, 2023
Comparison table on desktop showing Chromebook, Chromebook Plus, and Gaming Chromebook side by side, each with a product image, tagline, and link, followed by three feature rows for performance, camera, and security, and a See more button.
Desktop table as launched, 2023
The same table expanded to every feature row, from processors and RAM to gaming, apps, and battery life, with a dash wherever a category doesn't have a feature, and a See less button at the bottom.
Desktop table as launched, expanded, 2023
The comparison table on a phone, showing two categories side by side, each chosen from a dropdown, with the same three feature rows and a See more button.The mobile table expanded to every feature row for the two chosen categories, with a dash where a category doesn't have a feature.
As launched, 2023 · Mobile, collapsed and expanded.