Molorun.com: the website and journal for a running app

Molorun.com is the website and journal for Molorun, a running app for people starting from zero. Its job is to explain a gentle idea quickly, collect sign-ups before launch, and give new runners something worth reading.

Running sites tend to shout: faster, further, harder. The people this app is for have often tried and stopped before. The site had to feel calm and honest from the first screen, and still be clear about what to do next.

Site structure, copy direction, design, front-end and back-end development, content system, SEO and launch.

The first screen makes one promise and asks for one thing, an email address. Below it, the page explains the thinking behind the app in a few short sections, then leads into the journal.

The app page shows real screens and says exactly what a first session is: one minute of running, one minute of walking, five times. It never asks visitors to be fitter than they are.

Two plans on one screen. The first level is free, and the page says what happens after it. Visitors can read the whole training plan before they pay anything.

Articles on mindset, beginnings, training and comebacks, with filters by topic. The content is managed in Sanity, so new articles go live without touching the code.

Every article has a listen button. The audio is generated automatically when an article is published, and each word is highlighted as it is spoken. Readers can also like and comment.

Every page is designed for a phone as carefully as for a desktop, and was checked at five screen widths. The site has a skip link, clear focus outlines and no sideways scrolling.

The site uses the same colours, type and mascot as the app, so moving from one to the other feels like staying in the same place.

Next.js and TypeScript, Sanity for content, Supabase for sign-ups, comments and likes, hosted on Vercel. Live at molorun.com. The app itself is in closed testing on Google Play, so the site currently takes waitlist sign-ups.