Explore 5,000 Years of History with Interactive TimeMapExplore 5,000 Years of History with Interactive TimeMap
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Chiara's avatar
Chiara Alduini
• 3h
Project Title: TimeMap — Historical World Explorer
Short description: TimeMap is an interactive historical world map explorer that lets you travel through time and space simultaneously. Select multiple cities and archaeological sites from different parts of the world and see what was happening at the exact same moment in history.
What I built: An interactive web app where you can:
Search historical cities and archaeological sites
Compare up to 4 locations simultaneously across 5,000 years of history
Navigate through 7 historical eras via an interactive timeline
Filter by world region
Listen to era-appropriate ambient music
Explore a vintage cartographic map with wave ocean texture
How I used Google Stitch: I started from a personal infographic I designed in Adobe Illustrator and Photoshop about the Korean Peninsula. I extracted the visual DNA — warm cream palette, coral accents, serif typography — and brought it into Google Stitch to prototype the interface. Through multiple iterations in Stitch I designed the map layout, the side panel, the leader portrait, the timeline and the editorial aesthetic. Stitch was the bridge between my design vision and the final development in Claude Code.
Workflow: Adobe Illustrator + Photoshop → Google Stitch → Claude Code
Project link: https://timemap-explorer.netlify.app/
Feedback on Stitch: Stitch is genuinely powerful for rapid UI prototyping. Iterating visually with prompts saved enormous time. The design consistency across iterations was impressive. Areas for improvement: handling complex SVG elements like world maps was challenging, and version history navigation could be more intuitive.
stitchchallengeStitchClaudeVibe CodingInfographic DesignDigital illustration
Chiara's avatar
Chiara Alduini
• 3h
Here's a look at my iteration process in Google Stitch — from the first generated interface to the final editorial style. Each screenshot shows a different design decision: map style, color palette, side panel layout, and typography. Stitch allowed me to rapidly prototype and...
Post image
Post image
Post image
Post image
Chiara's avatar
Chiara Alduini
• 2h
🔗 Try it live here: https://timemap-explorer.netlify.app/
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started