Mementoir home

Build journal · Part 1

Three weeks of a travel journal app, in screenshots

From color-block wireframes to handwritten Polaroids. Every detour, every "oh that's actually it" moment, in roughly the order they happened.

A quick preface before the screenshots. This whole project started in an airport. I was waiting on a connection home from Roatán earlier this spring when a friend pulled out her iPad and showed me the travel journal she'd made of our week there — Polaroids at angles, handwritten captions, little doodled arrows pointing at the things that mattered. A week of memories on a few pages. I asked how she'd made it. "By hand," she said. "Three nights." I sat with that through the layover and the cab home, and by the time I unlocked my front door I had a feature list.

Three weeks of building later, I've ended up with hundreds of screenshots — most of them forgettable iterations on a single layout that I tweaked, screenshotted, hated, tweaked again. But strung together, they tell a real story: the version of the app I started with looks almost nothing like the one running on my desk right now.

I wanted a record of how it actually went — not the polished "here's the launch" version, but the messy middle. So here's the build, in roughly twelve images.


Day 1 · April 11The wireframe phase

This is where it started. A sidebar with four tabs (Journal Home, Map View, Gallery, Calibration — that last one is a relic I've since killed), a hero image at the top, and a grid of memory cards underneath in flat, swatch-y colors.

Early travel journal app prototype showing a Mediterranean Circuit hero image and a Chronological Timeline grid of color-blocked memory cards labeled Blue Hour, Peak Reflections, Rolling Hills
Apr 11, 8:14 PM. The first thing that ran on the simulator. "Mediterranean Circuit · 1,240 miles across the terracotta heartland." I had no photos yet, so the cards were just colored rectangles with placeholder titles like Blue Hour and Coconut Tree Divers. It looked like a real estate app.

The thing is, I knew it was wrong the moment I saw it. A travel journal that looks this neat is missing the point — the whole reason to journal a trip is that the trip wasn't neat. Tape, paperclips, half-stuck postcards. That's the texture I wanted.

But I left it alone for the first day, because the architecture was right even if the surface was off. Cards. Detail views. Sidebar nav. Get the bones standing first.

Market Day detail view with paper-textured colored cards taped together with washi tape and a paperclip on a cream background
Apr 11, 8:40 PM. First detail view, opening "Market Day." Already trying to nudge things toward a paper aesthetic — washi tape, a paperclip, a sticky-note label. Still just colored rectangles where the photos should be, but you can already see what the app wanted to be.

Day 3 · April 13Real photos make everything different

Two days in, I dropped a real photo into the home screen and the entire feel of the app changed in five seconds. Suddenly the empty journey card below felt like a placeholder for a memory, not a placeholder for a feature.

Travel journal home screen titled My Chronicles showing a featured trip card with a hero photo of bright pink ice plant flowers and an empty New Journey card below
Apr 13, 4:11 PM. "My Chronicles · 2 journeys curated." The hero photo is from a San Francisco walk — completely unrelated to any actual trip, but it told me the layout was working. I sat with this for about an hour before touching anything else.

Two things I didn't expect to learn from this screen:

The app needs to look mostly empty. Travel journaling is a slow practice, and the UI shouldn't make a single trip feel lonely. It should make it feel like the start of a shelf.

Days 4–5 · April 14–15The pivot: scrapbook, not gallery

This is the part where the app stopped being a generic photo grid and started being itself. I spent a long evening on April 14 and a longer one on April 15 redoing the entry detail screen as a freeform scrapbook page — Polaroids at angles, washi tape, sticky notes, hand-drawn arrows, the works.

The first attempt was rough. Photos were placeholder gradients, the captions said "Memory 1, Memory 2, Memory 3," and I literally titled the page "Uh oh" because the layout engine kept eating my arrangements:

Scrapbook prototype titled Uh oh with Polaroid-style photos arranged at angles, a paperclip, washi tape and labels reading Memory 2 Memory 3 Memory 4 Memory 6
Apr 15, 7:56 AM. First working scrapbook. Two real photos (the pink ice plant, a long-exposure waterfall), three placeholders. The paperclip and tape were SVG. I think this is the screenshot I stared at the longest of any in this folder.

By the next afternoon I had it building real pages. I dropped in a handful of photos from a walk I'd taken — flowers, a waterfall, a water lily — and let the layout engine arrange them. Sticky-note "memory" labels, a hand-drawn arrow, a location tag at the bottom, the whole vocabulary working together for the first time. It was the first time the app produced a screen that felt like something I'd actually keep.

Travel journal scrapbook page titled Test 4 with five real photos including bright pink ice plant flowers, a waterfall, a hand reaching for water, a water lily, and a single yellow leaf. Photos are arranged at angles with washi tape and handwritten labels reading Memory 1, Memory 2, Memory 3, Memory 4, Pretty!, Nature, and a pink sticker reading San Francisco, United States
Apr 14, 1:45 PM. "Test 4." Real photos for the first time, sticky-note labels in actual handwriting style ("Pretty!", "Nature"), the location sticker at the bottom, a hand-drawn arrow connecting two of the cards. The title is still "Test 4" because I hadn't dared name the page anything yet — but this is the one I knew the app could exist around.

"This was the moment I stopped questioning whether the app should exist."

Day 12 · April 22Real trip data lands

Up until this point everything was synthetic. I'd been building with placeholder photos, fake captions, generated city names. Then I dropped in a real folder — my Kyoto trip from last fall — and the app finally got tested by something it hadn't been tuned to.

Kyoto Japan Day 1 entry showing photos of Ryoan-ji rock garden, a bamboo grove, Kyoto Station, and a karaage rice bowl with a soft egg, with handwritten-style annotations reading rock garden at Ryoan-ji, bamboo grove (mid-afternoon light), karaage bowl with soft egg, and a small ceramic teapot illustration
Apr 22, 12:14 PM. Day 1 of Kyoto. Real photos, real annotations: "fifteen rocks, never all visible," "bamboo grove (mid-afternoon light)," "karaage bowl with soft egg." The little teapot illustration in the corner was a happy accident — I'd added illustration support that morning and forgot to remove the test asset before screenshotting.

What I learned dropping real data in:

Photos almost never want to be the same size. The grid I'd built two weeks earlier assumed they would. Half the layout work over the next few days was just letting the page breathe — letting one photo dominate, letting another shrink to a stamp.

Captions are the journal. Not the photos. The photos are the prompt; the caption is the thing you'll come back to in five years and recognize yourself in. I started giving the caption block much more room.

Day 17 · April 27The middle slog

I don't have a single hero shot for this stretch — just a wall of nearly-identical iterations on the same Kyoto page, each one nudging a card a few points, swapping a font, adding shadow, removing shadow. Most of them aren't worth showing. But this one is, because it captures what most of the build actually looks like:

Mac desktop screenshot showing the Xcode simulator running the iPad travel journal app with a scrapbook layout of waterfall and flower photos visible, with development tools and a code editor in the background
Apr 27, 10:45 AM. The actual working environment, on a Monday morning. iPad simulator floating over the IDE, four uncommitted changes in the side panel (one of them was, I'm not making this up, "shrink photo slots to visible card aspect"). This is what 80% of the build looked like.

The only useful thing I'll say about this stretch is that I started keeping a notes doc with one rule: every change had to make the app feel different, not just look different. Anything that only looked different got reverted. That cut the iterations roughly in half.

Day 19 · April 29It starts looking like itself

Around the 29th something clicked. Probably just compounding small fixes — better default angles for taped photos, tighter sticky-note typography, the caption block finally having the right margin — but the pages started looking like things I would have made on paper.

Polished Kyoto Day 1 scrapbook page showing photos of Fushimi Inari torii gates, a Tokyo street at night, a bag of Japanese chocolate cones, a large old tree, a forest path, a bamboo grove, and a karaage rice bowl with handwritten labels Eh Whatever, this spot, loved this, this one, here, morning walk, don't forget this
Apr 29, 5:09 PM. Same Day 1 page, fourteen days later. The torii gate hand shot leads. Tokyo street at night, the chocolate-cone bag, the giant cedar, the morning-walk photo, the same karaage bowl from a week earlier — but laid out with confidence now. Labels in the user's own voice ("Eh Whatever," "don't forget this") instead of generic ones.

I sent this screenshot to two friends. The first one asked what trip it was. The second one asked what app it was. That was, in a small way, the proof I'd been waiting for.

Day 21 · May 1Where it lives now

Last night I built an entry I actually wanted to make — a real anecdote, not just a layout test. Title: Landed in the Wrong City. Subtitle: "missed connection, kept waiting." The kind of trip story you'd tell someone over dinner.

Travel journal entry titled Landed in the Wrong City subtitled missed connection kept waiting featuring photos of a Japanese street, lanterns near Pontocho, an ancient cedar tree, the Ryoan-ji rock garden, finger-touched torii gates, and a tsukune rice bowl with handwritten labels Fuji Daimaru at dusk crowd waiting for something, alley near Pontocho smelled like grilled eel, cedar older than anyone's grandparents, bamboo doing that light-filter thing, ryoan-ji rock garden 15 rocks can only see 14, finger torii required tourist move, tsukune don with onsen egg, and a paragraph of prose on the right side
May 1, 5:22 PM. Where it stands today. Right-hand caption block now carries real prose ("The tsukune arrives on rice with a raw egg yolk dead-center..."). Sticky-note annotations doing the heavy emotional lifting in three or four words each. The little build-version chip in the corner is a development habit I haven't been able to break.

Things I didn't have on April 11 that I have now:

A real layout engine that respects photo aspect ratios. Sticky-note typography that looks handwritten without looking fake. A caption block that scales gracefully from one line to three paragraphs. A vocabulary of "decorations" — tape, paperclips, illustrated stickers — that I can place programmatically. And, finally, the conviction that the app is doing one specific thing well, instead of trying to be a generic journal with travel features bolted on.


What's next

The map view is still the placeholder I drew on day one. The collaboration tab needs an actual reason to exist or it needs to die. The export-to-PDF flow is held together with hope. The iPhone layout doesn't exist.

But if I had to ship the app on Monday, I think I could. Three weeks ago that wasn't even close to true.

If you're starting an app and you're tempted to skip the screenshot habit because it feels self-indulgent — don't. I've learned more from putting these twelve images in chronological order than I learned from any single one of them on the day I took it. The shape of the build only shows up in the rearview.