Product Engineering × Architecture × Accessibility

Membership Platform Engineering

Led frontend development across Sam's Club membership workflows — Join, Upgrade, Renew, Convert, and Sponsor memberships. Built a reusable workflow engine, shipped One-Click Renewal for retention, and drove accessibility across all flows with full WCAG 2.1 AA compliance.

Role
Senior Frontend Engineer
Timeline
May 2018 – Sep 2025
Stack
React · Redux · GraphQL
Status
Shipped

The Problem

Membership acquisition and retention are core to Sam's Club. But the product was fragmented: Join, Upgrade, Renew, and Sponsor flows were built independently, each with inconsistent patterns, no shared components, and varying levels of polish.

Renewal had the highest friction — most members dropped during checkout. Marketing needed flexibility to run seasonal promos, but every offer required code changes. Accessibility was an afterthought.

The codebase was held together with legacy patterns. New features meant navigating inconsistent APIs, styles, and validation logic.

The Opportunity

Build a unified membership platform on top of a reusable workflow engine. Steps would be composable; validation and state management centralized. One-Click Renewal would capture low-hanging retention fruit. A rules-based promo system would let marketing move fast.

Migrate all flows to the Glass Framework for consistent styling and accessibility. WCAG 2.1 AA compliance across the board.

Product Decisions

Reusable workflow engine over form templates

Join, Upgrade, Renew, and Sponsor share common steps: identity verification, payment, confirmation. Instead of four separate codebases, a composable workflow primitive that accepts steps, validation, and completion handlers.

One-Click Renewal as a retention feature

Renewal friction is the biggest drop-off point. One-Click Renewal pre-fills payment info and membership details, cutting the flow from 5 steps to 1. Shipped as a configurable feature in the Renewal workflow.

Configurable promotions engine

Marketing needs flexibility: seasonal discounts, loyalty bonuses, bundle offers. Built a rules-based promo system that evaluates membership type + customer segment + date ranges, surfacing the best applicable offer without code changes.

Glass Framework migration for consistency

Legacy applications were built with inconsistent patterns. Migrating to an internal framework (Glass) ensured consistent styling, accessibility patterns, and component APIs across Join, Upgrade, Renew, and Sponsor.

Accessibility from the start

WCAG 2.1 AA compliance for all membership flows. Screen reader testing, keyboard navigation, focus management, and form validation messaging that doesn't rely on color alone.

How It Works

Composable workflow primitive

Steps define the flow (identity → payment → confirmation). Each step validates, dispatches Redux actions, and returns success/error. Reused across Join, Upgrade, Renew, Sponsor.

Redux state orchestration

Membership data, payment state, applied promos, and error handling all live in a structured Redux store. Components dispatch actions; selectors keep UI in sync.

One-Click Renewal vault

Encrypted payment method stored server-side. Renewal flow checks for stored method and skips payment step. Fallback to standard payment if vault miss.

Promo evaluation & ranking

Rules engine evaluates membership type, customer segment, tenure, and time-based promotions. Surfaces best offer without re-rendering; customer can accept or browse alternatives.

What I Built

Current State

Status
Shipped across 4 workflows
Workflows
Join · Upgrade · Renew · Sponsor
Accessibility
WCAG 2.1 AA
Framework
Glass + React + Redux

Roadmap

Join workflow

New member acquisition with identity verification, payment, and welcome email confirmation.

✓ Shipped

One-Click Renewal

Existing members renew with one click using stored payment method. Retention lift tracked.

✓ Shipped

Configurable promotions

Rules-based promo engine evaluating membership type, customer segment, tenure, and seasonal offers.

✓ Shipped

Glass Framework migration

Unified component library and design patterns across all membership flows.

✓ Shipped

Accessibility across Renew, Upgrade, Convert

Full WCAG 2.1 AA compliance for core membership workflows.

✓ Shipped

Sponsor membership flow

B2B2C partner enrollment and renewal workflows with org-level controls.

Next

Membership analytics dashboard

Cohort analysis, retention trends, and promo performance visibility for stakeholders.

Future

Tech Stack

ReactReduxTypeScriptGraphQLGlass FrameworkTailwind CSSAccessibility (WCAG/ARIA)