Case Study

Wanderlog

A personal travel-journal site with a custom photo grid and page-turn navigation, built entirely in hand-written HTML, CSS, and JavaScript.

Client
J. Marlowe
Type
Personal blog
Package
Pro Website
Delivery
2 days
Stack
HTML · CSS · JS
Wanderlog homepage preview
Drop in: images/wanderlog-cover.png (1600×800 recommended)
Overview

Built for one person's archive of places

Wanderlog started as a request for "somewhere to put my travel photos that doesn't feel like Instagram." The brief called for a personal, slightly nostalgic feel — closer to a paper journal than a social feed.

The site is built around a custom photo grid that reflows by trip, and a page-turn navigation pattern between journal entries, so reading through a trip feels sequential rather than scrolled-through. Every interaction — the grid, the page turns, the lightbox — is written in vanilla JavaScript with no external libraries.

The result is a fast, fully static site that uploads directly to Neocities with no build step, no dependencies, and no tracking scripts.

  • Custom CSS grid layout with masonry-style photo blocks
  • Page-turn transition between journal entries
  • Full-screen photo viewer with swipe and keyboard navigation
  • Hand-tuned typography for long-form reading
  • Zero JavaScript dependencies — fully vanilla
ClientJ. Marlowe
CategoryPersonal blog
PackagePro Website
Pages6 sections
Timeline2 days
HostingNeocities
StackHTML · CSS · JS
FAQ

Questions about this project

Can I get a site like this one?+

Yes — Wanderlog was built as a Pro Website package. Message me with your idea and I can scope something similar.

Is the photo grid hard to update with new content?+

No. The grid and entry pages were built with simple, repeatable markup so the client can add new photos and entries without touching the layout code.

Does it work well on mobile?+

Yes, the grid, page-turn navigation, and photo viewer are all fully responsive and tested down to small phone screens.

Were any plugins or libraries used?+

None. The grid, transitions, and lightbox are all hand-written vanilla JavaScript and CSS — no frameworks or dependencies.

More like this

Other projects

Like what you see

Want a site like Wanderlog?

Send a short brief and I'll reply within 24 hours with scope and pricing.