Selected work

Best Buy · AI · Product Design · Cross-functional Leadership

The Future of Agentic Commerce

Leading the design of Best Buy’s first AI-native purchasing experience across OpenAI, Stripe, and Best Buy.

Approved to ship Pre-launch · shipping in the coming weeks
Best Buy product detail modal open inside a ChatGPT conversation
Role
Experience Designer
Partners
OpenAI, Stripe, Best Buy PM & Engineering
Timeline
Four weeks
Focus
Net-new product design, Cross-functional leadership
Outcome
Best Buy MCP commerce app within ChatGPT

The customer opportunity

Reducing the friction between AI driven discovery and purchase

Traditional ecommerce asks customers to leave the conversation, navigate to a retailer, and begin the buying journey from scratch. Agentic Commerce shortens that path by allowing customers to purchase at the moment they’ve decided what they want.

Customers expect a seamless path from product discovery to purchase. However, transitioning from ChatGPT recommendations to Best Buy’s website creates a fragmented experience, forcing customers to restart their journey in a new environment and introducing friction at a critical decision point.

The business opportunity

Meeting customers in new discovery environments

AI is changing where and how customers begin their shopping journeys. As product discovery moves beyond traditional retail channels, Best Buy has an opportunity to extend its commerce capabilities into new customer touchpoints.

As the Experience Designer representing Best Buy, I was responsible for defining the end-to-end purchasing experience within ChatGPT in the form of an MCP application. Working closely with product managers, engineers, Stripe, and OpenAI, I helped establish the interaction patterns, product scope, and UX strategy for a platform with few existing conventions and shared ownership across multiple organizations.

Ask in ChatGPTRecommendationBuying options side sheetOutbound linkleaves ChatGPTMCP app entrystays in ChatGPTbestbuy.comProduct detail pageAdd to cartInterrupterCartSign-in promptCheckoutOrder confirmationBest Buy MCP appProduct detail pageCheckoutOrder confirmation
Fig 1The current purchase path and the shorter path through the MCP app.

Shared ownership

Designing across organizational boundaries

Although customers experience a single purchase flow, ownership shifts across three independent platforms.

Inside the ChatGPT conversationLeaves ChatGPTSurfaceBuilt byChat &buying optionsOpenAIProduct detailStripeCheckoutStripePaymentOpenAIConfirmationtileStripeOrder detailsBest BuyOpenAI surfaceBest Buy surfaceBest Buy surfaces are built by Stripe to Best Buy's design system
Fig 2Which surfaces OpenAI, Best Buy, and Stripe each own across the flow.

The strategy

Defining MVP scope & design direction

One of the earliest decisions was whether to recreate Best Buy’s full shopping experience or focus on the moment of purchase. To reduce complexity and validate the core concept, the MVP prioritized a streamlined checkout flow over a comprehensive shopping experience.

Option A

Full shopping experience

Option B · Recommended

Instant checkout

Customer intent

Reintroduces browsing and comparison the conversation has usually already done.

Matches why the customer is here: a specific product they have already chosen.

Scope & risk

More surface area, more to build, and more that can go wrong before launch.

A focused scope with a clear, shippable boundary.

Time to launch

A longer path to a live experience.

The fastest path to launch and start learning.

Decision

Ship instant checkout: the most direct route from a chosen product to a placed order, and a clean foundation to grow from.

Fig 3A full shopping experience weighed against instant checkout.

Scoping for instant checkout

The team then worked through a series of scoping sessions to translate the vision into a defined MVP, identifying which capabilities were essential for launch and which would be deferred to future iterations.

Accounts

Guest checkout only

No account required to buy. Baymard attributes 19% of checkout abandonment to forced account creation, so guest checkout removes a known drag on conversion.

Cart

One product per order

A single product, in single or multiple quantities.

Fulfillment

Ship to home

With a choice of shipping speeds, including paid expedited options.

Timing

Estimates after address

Delivery timing and shipping options appear once the customer enters an address and we can make them accurate.

Three decisions that gave it shape

With the MVP defined, the remaining work centered on resolving a handful of foundational design questions. These decisions established the interaction model for the experience and influenced how customers would move from product discovery to purchase within ChatGPT.

Decision 01 · Implementing feedback

Should users see a product details page before checkout?

The initial flow moved customers straight into checkout. OpenAI’s reviewers challenged that flow. ChatGPT provides recommendations, but not the depth of information found on a retailer’s product page. Customers still need confidence before making a purchase.

“ChatGPT can’t guarantee the price or details it shows match what’s on Best Buy’s own experience. Customers need a place to verify before they check out.”
— OpenAI review feedback

I designed a lightweight Product Detail Page that gave customers the information needed to confidently purchase a product without recreating Best Buy’s entire browsing experience.

Desktop
The product detail page on desktop — a Best Buy modal with the product, verified price and savings, a Checkout button, and product details.
Mobile
The same product detail page on mobile — a bottom sheet with the product, price, Checkout button, and details.
Fig 4The product detail page shown before checkout.

Decision 02 · Horizontal journey

Delivery estimates only when they are accurate

Delivery cost and timing are among the strongest drivers of checkout abandonment. Baymard ranks high extra costs first at 39% and slow delivery close behind at 21%, so customers expect this information early.

Without a reliable way to determine customer location, any delivery estimate shown before checkout would have been speculative. I designed the experience to surface delivery timing only after the shipping address was entered, ensuring every estimate reflected real availability.

Option 1

Ask ChatGPT for location

Relied on information that OpenAI couldn’t reliably provide.

Option 2

Assume a default ZIP

Introduced inaccurate delivery expectations.

Option 3

Chosen approach

Display delivery timing only after a shipping address is entered, ensuring every estimate is accurate.

No address yet
Checkout before a shipping address is entered — the shipping address row reads Enter your shipping address and no delivery date is shown.
Address entered
Checkout after the address is entered — a Get it by Thursday, March 18th with free shipping now appears, and the shipping address is filled in.
Fig 5Delivery timing shown after the address is entered.

Decision 03 · Responsive design

The right container for MVP

OpenAI’s platform supported two ways to render the experience on desktop: within a modal alongside the conversation or as a full-page takeover. Each option shaped how customers transitioned from conversation to purchase.

While a full-page experience offered greater flexibility for future shopping capabilities, it introduced unnecessary complexity for an MVP centered on completing a single purchase. I designed the experience within OpenAI’s modal container, keeping the purchase closely connected to the conversation while leaving room to scale into a full-page experience as the product evolved.

Option A

Full-page experience

Option B · Chosen

Modal container

Customer context

Pulls customers away from the conversation

Keeps purchasing connected to the conversation

Scope

Better suited for a complete storefront

Optimized for a focused purchase flow

Scalability

Supports broader commerce capabilities

Can evolve into a full-page experience later

Decision

Ship the modal, and design it to move to a full-page layout once a broader experience justifies the room.

Fig 6A full-page takeover weighed against the modal container.

Partnering through build and validation

Because this experience introduced a new commerce model across three organizations, successful delivery required close collaboration beyond the traditional product team. I partnered directly with Stripe and OpenAI throughout implementation to validate assumptions, uncover edge cases, and refine the experience as the technical foundation evolved.

I ran it as a live loop. We worked through design reviews and moved quickly over Slack on the smaller calls. Once Stripe had a test build running on a ChatGPT account, I went through it in context, found where it drifted from the Best Buy system, and gave specific direction on what to change and how.

Design directionBest Buy system as the specStripe buildswrites the front endReview the live buildin a ChatGPT test accountSpecific feedbackwhat drifted, and how to fix
Fig 7The review loop between design direction and Stripe’s build.

The final experience

A single purchase that moves across three companies without requiring the customer to think about the handoffs between them.

Bringing this experience to life required designing not only the interface, but also how commerce should behave inside a conversational environment.

Because this was one of the first implementations of its kind, many interaction patterns were still being defined. I partnered closely with Stripe and OpenAI throughout development, using a dedicated ChatGPT test account to validate real purchase flows and identify gaps between the intended experience and the platform behavior.

Mobile ChatGPT showing the buying options — Best Buy, B&H, and ABC Warehouse listed with prices, Best Buy selected.

Buying options · OpenAI

Mobile Best Buy product detail sheet inside ChatGPT.

Product detail · Best Buy

Mobile Best Buy checkout sheet inside ChatGPT.

Checkout · Best Buy

Mobile payment sheet inside ChatGPT — Visa card and Pay Best Buy button.

Payment · OpenAI

Mobile order confirmation tile inside the ChatGPT conversation — Thanks for your order.

Confirmation · Best Buy

What I learned

This project reshaped how I approach design, largely because I did not own the full system and could not design as if I did.

Designing commerce inside ChatGPT challenged traditional e-commerce patterns and required the team to rethink how customers discover, evaluate, and complete purchases in a conversational environment.

The biggest lesson was learning how to design responsibly within emerging technology. By partnering with Stripe and OpenAI, I learned the importance of understanding constraints early, making thoughtful tradeoffs, and protecting customer trust when the ideal experience is not always technically possible.

This project reinforced that great experiences are created through partnership, bringing together customer needs, business goals, and technical realities to create something intuitive and reliable.

More case studies