Time Runway
Overview
Time Runway is an interactive website tracing the evolution of fashion silhouettes across four centuries. Fashion history has no shortage of books and articles, but the silhouette story is rarely told spatially. I designed and built it to change that, pairing Mapbox API with a century-based narrative to let visitors explore fashion history as a geographic story rather than a linear timeline.
Time Runway
Design
I chose the palette muted so the illustrations lead. The markers reference sewing pins, each grounding a silhouette to its city of origin. Century selectors fade after a moment to stay out of the way; clicking a pin opens the sidebar, which syncs with the map as you scroll.
Split layout with map and narrative sidebar
Century selection
City marker, sidebar reveal, and map sync
Reset to opening screen