← Back to projects
2026 prototype

Tradeoff

A card game for hard decisions. Swipe through decision lenses, get a verdict. For founders, product builders, and anyone at a crossroads.

  • React 18
  • TypeScript
  • Framer Motion
  • Vite
  • Tailwind CSS
Tradeoff preview

Problem

Hard decisions get made with gut feel alone, or paralyzed by over-analysis. Neither works well.

Solution

A Tinder-style card game where each card is a decision lens — reversibility, regret test, energy check, risk floor. Swipe yes/no. Get a reading synthesized from your pattern of responses.

Impact

Surfaces hidden tensions in your reasoning (head vs gut, upside vs risk floor) and gives you a structured verdict instead of a coin flip.

Tradeoff is a mobile-first card game for decision makers. Inspired by poker card aesthetics and Tinder-style swiping, it turns the messy process of hard decisions into something tactile and surprisingly revealing.

How it works

  1. Pick a decision template (build this? take this job? quit? launch now?) or enter your own
  2. Swipe through 10 decision lens cards — one at a time, drag left for no, right for yes
  3. Get a reading: a verdict, key tensions in your reasoning, and a breakdown by lens type

Lens categories

Cards are organized into four suits, each probing a different dimension:

  • ♥ Values — gut feel, energy, north star alignment, regret minimization
  • ♦ Opportunity — upside, reversibility, momentum creation
  • ♠ Risk — worst-case survivability, true cost of the decision
  • ♣ Logic — cost of inaction, what your smartest friend would say

Design notes

The poker card visual direction was intentional — decisions are high-stakes, and the card table aesthetic creates a sense of occasion. Framer Motion handles the drag/swipe with velocity thresholds so quick flicks feel natural on mobile. The verdict algorithm looks for tensions between suit categories (e.g. high values score + low risk score = “you’re optimistic, but make peace with the downside”).

Demo Mirror

Live Preview

Mini preview of the actual demo. Use the launch button for full-screen interaction.

Open Demo