keyboard, mechanical keyboard, white keyboard, micronics keyboard, gaming keyboard, keyboard, mechanical keyboard, mechanical keyboard, mechanical keyboard, mechanical keyboard, mechanical keyboard
// Case study · 05

Slipstream

Performance analytics for the 3am ranked grind.

2026·Esports / SaaS·Next.js · Payload · Stripe·14 days
// The brief

A former Valorant coach built a desktop app that records what actually loses ranked games — reaction time, decision latency, how chaotic your mouse path gets when you panic. He had the app, 600 beta users, and a landing page that explained far too much.

// The approach

Sell to people who already feel the problem. One dashboard on screen, doing its thing. Three numbers that matter. A price. The site says less than the competition on purpose — a 3am grinder trusts a tool that isn't trying to talk them into it.

// The HUD
Reaction time
182ms

the gap before you even move.

Decision latency
340ms

move, then realize it was wrong.

Mouse-path entropy
0.61

how much your aim panics under pressure.

three numbers · no leaderboard · no clan · no noise

// Process · what we threw away
wordpress, blogging, blogger, editor, blog post, cms, blog, write, publish, publication, social media, wordpress, wordpress, blogging, blogging, blog, blog, blog, blog, blog, social media
cut · v1
features + comparison table + faq · all of it, gone

The first draft had a features section, a comparison table, and an FAQ. We cut all three. The buyer is allergic to being sold to. We replaced the whole middle of the page with a looping HUD and one line: 'your aim isn't the problem. your first 200ms is.' Trial sign-ups tripled in the test.

// we designed ten. they picked one.

Ten directions. One shipped.

Every project starts as ten homepages, fully built. The client picks the one that ships. The other nine aren’t waste — they’re the proof we looked before we leapt.

10 directions · drag or use the arrows
Ranked Session Replay — homepage direction for this projectpicked
Ranked Session Replayslipstream-10

Structured like a post-game scoreboard: round-by-round table of 'why you lost' vs 'what Slipstream found.' The format targets players already staring at end-game screens.

Fighter-Jet HUD — homepage direction for this projectrejected
Fighter-Jet HUDslipstream-01

Full CSS/SVG HUD dashboard centred on screen — corner brackets, scan-line arcs, tabular neon-green metrics, sparkline strip. No photography. The dashboard IS the product demo.

Brutal Single Metric — homepage direction for this projectrejected
Brutal Single Metricslipstream-02

One stat at viewport scale — '183ms' towers over everything. The number IS the argument. Nothing else competes with it. Minimal type-only layout.

Terminal Session — homepage direction for this projectrejected
Terminal Sessionslipstream-03

The product pitched as a simulated shell session: slipstream analyze --player=you. Findings print as terminal output. Speaks to the player who lives in a technical mindset.

Split Player + Data — homepage direction for this projectrejected
Split Player + Dataslipstream-04

Left half: player portrait with crosshair overlay. Right half: live data panel with a metrics comparison table. Split composition — 'this is about you and your numbers.'

Crosshair Centered — homepage direction for this projectrejected
Crosshair Centeredslipstream-05

Giant SVG precision crosshair fills the viewport. Three metrics orbit it at compass points. The crosshair encodes precision, targeting, and control as one visual.

Sparkline Data Grid — homepage direction for this projectrejected
Sparkline Data Gridslipstream-06

Six-card grid of sparkline charts — one per tracked metric with trend lines and before/after values. The product is the data. Gaming setup photo as dim background ambience.

200ms Type-Led — homepage direction for this projectrejected
200ms Type-Ledslipstream-07

Giant Orbitron '200' dominates the viewport. The copy is the design — stacked text at massive scale with the 'ms' in neon-green. Editorial confidence: no imagery needed.

Pricing Forward One-Screen — homepage direction for this projectrejected
Pricing Forward One-Screenslipstream-08

Price card front and center above the fold. $9/mo, five tracked metrics, one CTA — everything you need to decide without scrolling. Sparse layout is the confidence.

Ambient Setup + Testimonial — homepage direction for this projectrejected
Ambient Setup + Testimonialslipstream-09

Full-bleed gaming setup photo, strong dark gradient overlay. The founder's testimonial quote sits as the hero statement over the photo, then three stats and a CTA.

// The work

Next.js marketing site. Payload for the changelog he posts himself. Stripe for one plan, monthly or yearly. The HUD is a recorded loop, not live data — it reads as live and shipped in days instead of weeks.

game console, sony, video games, lights, neon, freezelight, gamepad, joystick, console, ps4, xbox, dark, joysticks, playstation, controller, play, game, technology, fun, gamer, games, leisure, video games, video games, video games, video games, video games, game, game, game, game, gamer, games, games, games
open sign, neon lights, illuminated, signage, dark, light, neon, neon sign, open, sign, open sign, neon, neon, neon, neon, open, open, open, open, open
open, illuminated, light, neon light, sign, entry, neon sign, signage, open sign, open, open, open, open, open
// Outcomes
// 01
14 days

brief to paid sign-ups live

// 02

trial-to-paid vs. the old explain-everything page

// 03
$9 / mo

one plan. no tiers, no 'contact sales'

// From the founder
I told them to make it smaller. They made it smaller twice. Conversion went up both times.
Kasper Lindqvist
Kasper Lindqvist
Founder, Slipstream
Built with Next.js · Payload · Stripe · 14 days
Want the next one to be yours? →