Railroad.ai

A SaaS landing page that practices what the product preaches

Concept SaaS Landing Page
Product UI/UX

/ Overview

Railroad.ai is a concept study — a self-initiated brief for an AI-assisted focus app whose promise is calm, removing distractions instead of adding them. We designed the landing page as if a real product team would ship it: hero, walkthrough, pricing, FAQ — and a working front-end posture for it.

/ What each case study includes

Brief: An AI-assisted focus app that promises calm by removing distractions

Process: From message hierarchy to a full landing narrative — hero to FAQ

Decisions: One idea per screen, restraint as the proof, a single CTA per section

Build: A front-end posture for a fast, conversion-focused SaaS page

Status: Concept / spec work — not a shipped product

/ Challenge

Most SaaS landings drown in feature lists, social-proof logos, and competing CTAs. Railroad.ai is an app about removing distractions — so the landing page had to demonstrate that discipline before the visitor even reads the headline.

/ Provided Services

Brand positioning

Headline, voice, and the visual restraint that lets the message land — the brand earns its calm.

Landing page design

Hero, feature walkthrough, pricing, and FAQ designed as a single reading sequence rather than a stack of marketing blocks.

UI/UX for product surfaces

Selected in-product screens used on the landing so the visual continuity between marketing and product is real, not painted-on.

/ Solution

One screen, one idea at a time. The headline does the heavy lifting; secondary copy stays minimal. A single primary CTA per section. The page reads more like a product walkthrough than a marketing site — which is the proof point the product itself promises.

/ Tech stack

Next.js (App Router)

SSG for the marketing page; partial hydration so interactive bits don't weigh down the main thread.

Tailwind + Framer Motion

Tight design system with motion reserved for transitions that earn their place — never decoration.

Vercel Analytics + Edge

Light analytics and edge rendering so the page stays fast in every market — performance is part of the brand promise.

Product Design
CMF by Nothing smartwatches
Fashion
Prettiest Creative Department fashion
Packaging
Cubic 3 packaging design
Brand Identity
Haus media kit brand identity
Web Design
Naoto Fukasawa web design
Branding
Teen Talk branding
UI/UX
Art director UI/UX portfolio
Print Design
Insteroid print poster
Art Direction
Brutalist art direction poster
Pitch Design
Soma Energy pitch deck
Product Design
CMF by Nothing smartwatches
Fashion
Prettiest Creative Department fashion
Packaging
Cubic 3 packaging design
Brand Identity
Haus media kit brand identity
Web Design
Naoto Fukasawa web design