Well Lived is a time and energy tracker. You describe your day in a sentence or two, typed or spoken, and it turns that into a log: what you did, for how long, and how each part felt. Over a few weeks it shows where the hours go and which of them give you energy. Our founder built the app, and we built its site.
Where we started
There was no site, and the public launch was a few weeks out. The site had two jobs before then. It had to explain a tracker most people haven't used in the few seconds a visitor gives a new page. And it had to show which messages bring in the people who want it, so the launch budget goes to the ads that work.
What we built
The app, running in the hero. In place of a screenshot, the hero plays the main feature. A sentence types itself out as if spoken, then four entries appear with their times, areas of life, and energy scores. Visitors see what the app does in the first few seconds. With reduced motion on, the finished entries are there from the start.
A day, then a life. Further down, the page holds still while you scroll through one real log: a single day, then its week, the year around it, and finally a whole life drawn as one square per week. The next section hands the grid to the visitor. Slide to your birth year and it shows how many weeks you've lived and how many are likely ahead. The math runs in the browser, and nothing is sent or saved.
Everything on one timeline. Meals, workouts, sleep, heart rate, and the people you saw appear on the hour they happened, so a visitor can see how the pieces of one day line up. Each feature page goes deeper on one of them, with a working preview of that part of the app.
A page for each kind of reader. Founders, people tracking their energy, people with a chronic condition, and people with a ring or watch each get a landing page with their own headline and an example day in words they'd use. These are the pages the ads point to.
Sign-ups that say where they came from. The waitlist keeps the tags from the link a visitor arrived on, and every sign-up notification names the ad or post that brought them. Ad headlines are compared on sign-ups, which is the number that matters before launch.
Prices in one place. Plans and prices appear on the pricing page and on every comparison page. They all read from one data file, so a price change is one edit.
Timeline
The site went from first commit to open for search engines in four days. The waitlist and ad tracking followed in the same week.
