Aftertrail

Aftertrail is a complete product website for a consumer mobile app on iPhone, Android and watches. The demo is Mileo, an invented run coach that saves every run as a ghost and races you against it, and the site carries the same idea: every number stands beside its ghost, the earlier value struck through in amber, with the gap between them as a chip. The first screen has a full-width night photograph, a headline whose last words trail a ghost outline, and a phone running a live race screen. A Race against switch under the phone changes the ghost in the screen and in the four figures below it.

It has fourteen page types: home, features, pricing with a full comparison table, stories with a goal filter and a story page, a journal with a topic filter and an article page, download with platforms, requirements and a QR code, a changelog, a help centre with search and a contact form, about, privacy, terms and a 404. A race replay on the home page lets visitors scrub through a 10 km run, watch the two runners trade places and read the coach's cue at every kilometre.

The app screens are drawn in code, so they stay sharp and easy to change, and the phone frame is neutral, so buyers start without simulated hardware. Store buttons are placeholders for the official badges. Light mode is its own palette, the toggle remembers the choice, and motion respects the reduced-motion setting. The photographs are for demonstration only, so replace them with your own before you publish.