Skip to main content
Case Study

BenefitHub Browser Extension

A browser extension for Chrome, Safari, Edge and Firefox that helps BenefitHub members find and activate the best deals while shopping online, with cashback offers, promo codes and reminders to save at checkout.

Role
Sr. UI/UX Designer
Duration
8 weeks
Tools
Figma, FigJam
Platform
Chrome, Safari, Edge, Firefox
Deliverables
Browser Extension
Challenge

Savings forgotten at checkout

Shoppers miss savings because finding, activating and applying deals is fragmented and often forgotten at checkout. Honey and Rakuten had set a high bar, and BenefitHub needed an extension that met it in its own brand: surfacing relevant deals without interrupting the shopping flow, building trust through clear activation states and reminding gently at checkout, consistently across browsers.

Research

Gaps in activation and checkout trust

Analyzing Rakuten, Honey and Coupert surfaced clear gaps in activation UX and checkout trust, patterns that directly shaped the design decisions below.

Rakuten

Strength:

Clear cashback activation with strong confirmation

Persistent active state builds trust during shopping

Weaknesses:

Post-activation flow adds complexity (Activated → Purchase → Withdraw).

Heavy urgency (timers, alerts) creates pressure, not clarity.

Honey

Strength:

Seamless coupon discovery and auto-application at checkout

Minimal friction with a “set it and forget it” experience

Weaknesses:

Lack of visibility into what’s happening reduces user confidence

Limited feedback after coupons are applied or fail

Coupert

Strength:

Clear cashback activation with strong visual confirmation

Persistent active state (badge + overlay) builds trust during shopping

Weaknesses:

Dense UI with too many options at once

Decision fatigue due to lack of prioritization or guidance

Solution

Three states for the shopping journey

I designed the extension around three states that map to the shopping journey. In discovery, a popup offers each deal to “Activate” or “Hide,” with promo codes copied or auto-applied. Once active, a draggable overlay confirms the deal is live and collapses into a floating button. At checkout, subtle reminders and confirmations reassure users they have the best BenefitHub pricing, and a pulsing button or follow-up emails nudge back abandoned carts.

Principles

Clarity, trust and ease of use

Deals needed to feel transparent and reliable, activation had to be seamless with minimal clicks, and reminders had to help without disrupting. These principles guided every decision, so the extension felt like a natural companion to the shopping journey.

Journey mapping

Every state, mapped

User flows and wireframes mapped every state of the extension, from a site with no deals, through activating and confirming offers, to reminders at checkout. They aligned stakeholders and guided development toward one clear, consistent vision.

Outcome

A presence at the point of purchase

The extension put BenefitHub at the point of purchase, where competitors like Honey and Rakuten had the advantage. It surfaces deals without interrupting the shopping flow and guides users through activation rather than expecting them to figure it out.