← back to work
case study · ux/ui design · 2022

Bookspot

An app for avid readers who want to visit real places from fantastic fiction — like stepping onto Platform 9¾, but for every book you love.

ux researchmobile appprototypingusability testing
roleend to end: research, UX, UI, testing toolsFigma · Mapbox · iOS Human Interface Guidelines contextUC Berkeley UX/UI bootcamp · solo project

That is not a screenshot — it is the working prototype. Tap through it: pick a city, take the tour, find a spot, walk there, collect the stamp. Scroll on for how it got there.

the 2026 prototype, running right here
8user interviews 5design phases 10versions of the user flow 40+screens designed 3/3usability tasks passed in round two
the problem

You can map every bar in London. You cannot map a single novel.

Travellers can find almost anything on Google Maps or Yelp — bars, museums, shopping. But readers who get to know places through books have no way to search for fictional landmarks. Where did Mrs. Dalloway start her walk? Where does Sherlock Holmes set up shop? The information exists, scattered across blogs and book tours, but there is no single place to find it. Travelling bookworms miss out on the joy of literature coming to life.

How could we create an end to end app for readers visiting a new city to explore its literary spots?

value proposition

Bookspot brings literature to life with a map to beloved book settings — for book worms with a travel bug.

01 · empathize

I started with readers, not screens

I sketched a proto persona, then interviewed eight dedicated readers who love to travel. My script moved from reading habits to travel habits to the overlap between the two, closing on one abstract question: imagine your favourite book coming to life around you. Five interviews stood out.

Laura
Laura, 32
engineer · Seattle
e-books · literary fiction
Natalie
Natalie, 38
business owner · LA
audiobooks · sci-fi & business
Michelle
Michelle, 28
teacher · Oakland
physical books · non-fiction
Nick
Nick, 41
game technician · Berkeley
audiobooks · bios & fiction
Brenda
Brenda, 57
scholar & author · Newark
all formats · comics & sci-fi
what I heard, again and again
Laura, 32 · engineer · literary fiction

"I like that I can inhabit other worlds and realities, and experience the world through other people's visions."

Michelle, 28 · teacher · non-fiction

"Reading is such a great way to calm the mind and learn something new, a great opportunity to transport your mind somewhere else."

Natalie, 38 · business owner · sci-fi

"The stories that we tell influence our lives and our social structure and the way we interact with each other in the world."

Brenda, 57 · scholar & author · everything

"I love reading as the opportunity to experience new things, reading stuff that I could never have imagined on my own."

Every conversation circled the same word without my prompting it. Affinity mapping and an empathy map confirmed the pattern: dedicated readers read to feel transported, and they choose travel destinations the same way.

02 · define

One sentence to design against

Julia, a dedicated reader, wants to visit her favourite book settings while travelling, to feel transported, curious, and joyful.

Everything that made it into the app had to serve that sentence. Everything that did not got cut.

03 · ideate

Brainstorm wide, then cut without mercy

Free form brainstorming, a prioritisation matrix, a storyboard and a journey map narrowed dozens of ideas to one core value: seeing fictional places in real life when you travel to a new city.

city book listsmap of book spotsgenre filtersbookstores & librarieslist modeauthor pilgrimage sitesstep by step directionsreviews & photo uploadsnext-spot suggestionsbook recommendationspush notifications near spotsscene illustrationsauthor readings & eventscollectible spot stamps
the brainstorm, flickering · solid made it in, dashed got cut
built
  • City by city lists of featured books
  • Map view of book spots plus a list mode
  • Filter by genre, author, and era
  • Step by step directions to each spot
  • Suggested next spots nearby
cut
  • Bookstores and libraries, already Yelp-able
  • Author pilgrimage sites and events
  • Reviews, photo uploads, social feeds
  • Illustrations of every book scene
competitive analysis · onboarding flows
Audible

Borrowed: a fast journey with skippable steps. Avoided: locking sign up behind one account.

Libby

Borrowed: a distinct, friendly voice and a clear map with pins. Avoided: sending users out of the app to finish a task.

Goodreads

Borrowed: the nostalgia of real book covers, light genre picking. Avoided: the long onboarding rigmarole.

04 · prototype

Sketches, wireframes, and ten versions of one flow

I will admit it: I fell into visual design early, exploring two polished directions before the wireframes were ready. Pulling back to paper sketches and lo-fi frames was the best decision of the project, the structure got solid before the paint went on. The user flow below went through ten numbered revisions as testing reshaped it.

Paper sketches of Bookspot screens on grid paper Paper sketches with red revision notes Paper sketches of onboarding and map screens
every screen started on grid paper · red pen marks the rethinks Lo-fi wireframes: splash, description, and sign up lo-fi wireframes · splash, description, sign up — boxes before beauty
Bookspot user flow v10 diagram
user flow v10 · onboarding → home → spot details → directions → well spotted
05 · test

Testing rewrote the front door

I ran moderated sessions over Zoom with three tasks: find step by step directions to Mrs. Dalloway's walk, save the spot where Harry Potter catches his train, and filter to 21st century literary fiction by women of colour. The feedback changed three big things.

1 · added a tutorial

Testers wanted context before exploring, so a three step tour now opens the app, skippable, per Audible's lesson.

2 · added a list view

Some testers wanted a longer scan of spots than the map allowed, so home gained a map and list toggle.

3 · deferred the asks

Location and account requests moved deeper into the flow, users explore first, commit later.

the design · 2026

Sage & parchment, four years wiser

The bootcamp prototype earned its stamp, and the design kept evolving. This is Bookspot as I would ship it today: the same sage and parchment soul with a full bleed map, book covers as pins, chip filters, and collectible stamps. It is fully clickable — tap through onboarding, find a spot, get directions, collect your stamp.

the final hi-fi screens
Splash screen with the Bookspot book-and-pin logosplash · the original logo, kept
Home map of London with book covers as pinshome · full-bleed map, covers as pins
Home list view: visit the spot wherehome · list view
Spot detail for Harry Potter with a photo of King's Crossspot details · Platform 9¾
Filter screen with genre chips and a live result countfilter · chips & live count
Step by step walking directions to King's Crossdirections · walking steps
Well spotted celebration screen with a passport stampwell spotted · stamp collected
My shelf with a stamp and a saved spotshelf · stamps + saved spots
what I took with me

Three lessons

structure before beauty

I love making things beautiful, and the polish lands better when it is informed by lo-fi mockups and testing first.

never design in a vacuum

Critique from classmates and instructors reshaped the flow more than any solo iteration. Feedback loops stay in my process.

tools compound

This project made Figma a home base, components, variants and clickable prototypes carried every phase after paper.

Bookspot is where my UX habit started: research first, polish second. No dashboards on this one, just listening. It is also the reason the analytics work later came out the way it did, because writing a tracking plan around business questions is the same discipline as writing a design around an interview.

ux researchuser interviewsaffinity mappingfigmaclickable prototypeusability testinginformation architecture

open to marketing operations, analytics and martech roles

Let's talk.

Remote, or Albuquerque and hybrid. If you want the architecture behind any of the work here, ask me and I will walk you through it.