AI Products 10-foot UI Voice AI Multi-device

Amazon Shopping on Fire TV

A living prototype of agentic commerce for the living room. D-pad browse, Alexa voice shopping, and a phone that becomes the remote, keyboard, and mic — all paired in one scan.

Context Personal R&D prototype
Role Design & Engineering
Year 2026
Stack HTML/CSS/JS · Firebase · Web Speech API
POC
Concept prototype — not affiliated with Amazon

This is an independent proof of concept that reimagines Amazon shopping on a TV interface. Product data, prices, and voice replies are simulated for demonstration. The Amazon logo and product images are used for illustrative context only.

Product Walkthrough

A 60-second overview of the Fire TV shopping concept, the Alexa voice flow, and the phone-as-remote pairing experience.

Video generated with Cloud Design and hosted on Cloudinary for adaptive streaming across devices.

Live Dual-Device Simulator

The TV runs the Fire TV shopping experience. The phone mockup on the right is a live remote — or scan the QR code on the TV with your own phone to control it for real. Use arrow keys, Enter, Esc, V for Alexa, and R to show the pairing QR.

Try it: click inside the TV area, then use arrow keys to navigate, Enter to select, Esc to go back, and V to speak to Alexa. On mobile, the phone mockup works as a touch remote; on desktop, the QR code lets a real phone take over.

Test it yourself — live site ↗ Open simulator full screen ↗

The Problem

Shopping on a TV should feel effortless from the couch. But text entry is painful, browsing with a tiny remote is slow, and voice alone can't always show enough context. The experience gets stuck between "lean-back" convenience and "lean-in" detail.

The Approach

I designed a 10-foot commerce interface where the TV stays the stage, and the phone becomes the best possible input device. D-pad navigation handles discovery. Alexa voice handles intent. And when you need a keyboard, precise pointer, or private mic, your phone is already paired and ready — no download, no login.

Tools & Methods

10-foot UI Spatial Focus Voice UX snap-pair Firebase RTDB Web Speech API OKLCH Vanilla JS
01
Unified lean-back and lean-forward modes in one coherent flow
02
Voice-first search and checkout with spoken confirmation
03
Phone remote with three navigation modes plus hold-to-talk mic
04
Self-contained demo, runnable from any static host

What the prototype does

TV shopping, redesigned for 10 feet
Home rails, product pages, filters, cart, and checkout — all laid out for distant viewing with oversized focus rings and high-contrast dark cinema UI.
Alexa for Shopping voice flows
Press V or the mic button and say things like “show me chocolate protein,” “add this to my cart,” or “checkout.” A local intent parser routes the command.
Phone becomes remote, keyboard, mic
Scan the QR code on the TV and the phone becomes a D-pad, joystick, trackpad, text search box, and push-to-talk Alexa mic — instantly.
snap-pair underneath
The pairing layer is my open-source snap-pair pattern: short code as a rendezvous handle, server-validated room membership, presence heartbeat, and automatic cleanup.
Adaptive cross-device state
Cart count, current screen, and search context are mirrored to the phone in real time, so the remote always knows what the TV is showing.
Zero build tooling
Pure HTML, CSS, and JavaScript. No bundler, no npm, no framework lock-in. It runs from a folder or any static host.
Deliverables
TV app, phone remote, voice parser, snap-pair integration
Role
Design & Engineering
Year
2026
Live demo
← AI Products Next: AI Tools →