Skip to content
Fazl Studio

04 / Illustrated travel site / 2026

Pocket Atlas

Small-group trips sold like a picture book. Poke the map, pack the bag, drag the postcards, book a ticket.

Open live experience ↗
Pocket Atlas: a short capture of the live site

Notes

Concept

A travel company for people who like maps, mud and a proper lunch. Everything is drawn: the lake, the island map, the trip cards, even the cursor, which is a compass.

Motion

Each section is something to do, not only something to read. Pins on the map open trips, twelve items tap into a backpack that counts them, postcards drag off a stack, and a booking ends with a stamped ticket.

Build

React with GSAP and Lenis. The illustrations are SVG written as components, so there is no photography and no image weight. It is a demo site and the places are invented.

Pocket Atlas hero: Pack light. Wander far. over an illustrated lake with pines, mountains and a canoeist
An illustrated island map with six pins beside a card for the Lantern Lake Paddle trip
Trips people brag about: three tilted trip cards with stamps reading New, Few spots and Guide pick
Pocket Atlas on a phone, screen 1
Pocket Atlas on a phone, screen 2
Pocket Atlas on a phone, screen 3
Close view of the trip cards for Lantern Lake Paddle, Three Peaks Ramble and Heron Marsh Safari
What do I bring: twelve packable items beside a backpack with a counter
Postcards from travelers: a stack of postcards with a Next postcard button

Built with

  • React
  • GSAP
  • Lenis
  • React Router
  • Tailwind CSS
  • Vite

Next project / 05

FIELD / THEORY →