SELF-DIRECTED UX SPRINT  ·  AI-ASSISTED PRODUCT DESIGN

GramCity — finding the right photo-op spot

A photo-op discovery feature, designed end-to-end in a five-day sprint, so people can find the best spots for photos near them.

UX prompt
5-day sprint
Solo
Claude Design · Figma · Illustrator
GramCity app on three phone screens — enable location, photo-op list, and location detail

THE PROMPT

A brief, and five days.

This one's a self-directed exercise — a UX prompt I ran to flex a single muscle: turning a brief into a credible, tested solution, fast.

THE ASK

GramCity is a photo-editing app. The brief: add a way for users to discover where to take great photos.

GIVEN TO ME
Pre-run user interview insights
THE CONSTRAINT
One five-day sprint, solo
THE DELIVERABLE
A tested, clickable prototype

STRAIGHT UP

The user research here was provided as part of the brief — I didn't run the interviews. My work started at synthesis and ran through ideation, design, prototyping, and validation. The point of the exercise wasn't novel research; it was how quickly I can shape given inputs into a solution worth testing.

THE ROUTE

Five days, five pins.

A sprint trades breadth for speed — one focused pass from brief to validated prototype. Here's the route:

day 01

Synthesize

Cluster research, define user behavior, frame challenges.

day 02

Diverge

Prioritize features, study rivals, ideate fast — by hand and with AI.

day 03

Design

Storyboard the flow, build the HiFi screens.

day 04

Prototype

Wire the screens into a clickable flow with Claude Design.

day 05

Validate

Test with five users, find friction, recommend fixes.

Day 01

Synthesize the signal.

Deliverable: affinity map · insights · HMWs

Starting from the provided interviews, I clustered the raw notes into themes using an affinity map — turning scattered quotes into patterns I could design against:

Two patterns ran through the clusters and shaped everything that followed:

What users want to capture

Scenic viewpoints and skylines
Murals and street art
Landmarks worth the trip
Aesthetic locations and interiors

How they decide it's worth it

Recent photos from real visitors
Short, honest reviews
Distance and how to get there
A sense of how crowded it gets

Framed as challenges

I reframed those patterns as How Might We questions — the design problems I built the solution against:

01
HMW help users discover great photo-ops close to where they already are?
02
HMW help users find the type of spot they're after, like murals, architecture, or landmarks?
03
HMW give users enough proof, like photos and reviews, to trust a spot is worth the trip?

Day 02

Go wide, then choose.

Deliverable: feature set · lightning demos · sketches

Generate a lot, then narrow to the few features that actually carry the experience — and borrow patterns users already know.

The feature set

Prioritized from the insights and the user flow. The core is the nearest-photo-ops task; search, saving, and filters are supporting scaffolding any real app needs — but not what a five-day sprint had to prove.

Explore photo-ops by location
Map + list views
Reviews & photos
Search any city
Save for later
Save for later

Lightning demos

Apps that nail map + list discovery — patterns I could lean on.

Grubhub's map of restaurant pins with a list toggle
Grubhub

Map + list toggle

Browse without losing your place.

Airbnb's category row with icons for pools, rooms, and beachfront
Airbnb

Category browsing

Jump straight to the type you want.

Yelp's reviews tab with star ratings and visitor photos
Yelp

Reviews & photos

Proof that a spot's worth the trip.

Rapid ideation, then a commitment

Eight directions in the time it'd take to hand-sketch two, using Claude Design to move through structural bets fast. From there, I sketched the chosen direction into a three-panel storyboard by hand, translating the fastest idea into the flow I'd actually build.

Day 03

Sketches into screens.

Deliverable: user flow · HiFi screens

I mapped the end-to-end flow first — so every screen had a clear next step — then built the sketches out in Figma. What's shown here is the three-screen spine from the storyboard — the rest of the flow (permissions, list view, reviews, photos) was built out in full there too, but this is the throughline that carries the story.

GramCity's enable location screen with an illustrated city and an "Okay, I understand" button
Screen 01

Enable location

Leads with the payoff, so granting access feels worth it instead of intrusive.

GramCity's map view with photo-op pins across downtown San Diego and a Waterfront Park card
Screen 02

Map view

Nearby photo-ops drop as pins — filter by type, or flip to a list, without losing the map.

GramCity's Waterfront Park detail page with rating, directions, and reviews
Screen 03

Detail page

The proof to commit: ratings with review counts, directions, and visitor photos.

Day 04

Make it clickable.

Deliverable: interactive prototype

The full user-screen flow became a clickable prototype in Claude Design — I fed it the finished HiFi screens and had it wire the taps, toggles, and transitions between them, so the interaction logic came from directing the tool, not hand-building each hotspot. Search and saving sit in the UI as the extras any real app needs — but the walkthrough stays on the one task that matters: find a spot, decide, go.

Open the Claude Prototype

Day 05

Put it in front of real users.

Deliverable: usability test · refinement

I tested the core task — finding a photo-op nearby and deciding whether it's worth the trip — with five participants, watching first impressions and how they moved through it.

THE RESULT

Users moved through the task smoothly and responded well — the direction validated. It surfaced one refinement worth making.

Refinement

Photos were too small to read the vibe

Users wanted to enlarge other visitors' photos before making the trip — seeing the kind of shots people actually got at a spot is what makes you want to go shoot there yourself.

Fix: make the photo grid tappable — a full-screen, swipeable viewer so the vibe comes through.

GramCity's Waterfront Park detail page with the Photos tab open, showing a grid of visitor photos with expand icons
Tap a photo
The same photo opened full screen in a dark swipeable viewer, captioned "Photos by site visitors · swipe to browse"
Full screen

THE RESULTS

Get in, find it, decide.

Five days in: a location-discovery feature that lets GramCity users explore photo-ops near them or in any city — with the proof to decide before they go.

01

Enable location

Permission up front, with the payoff stated plainly.

02

Switch map & list

One toggle flips between pins on a map and a scannable list — same spots, your way.

03

Reviews & photos

The proof to commit: ratings with review counts, directions, and visitor photos you can tap to enlarge.

REFLECTION

What this
project taught me.

What this exercise really tested wasn't research — it was how fast I can turn a brief into something worth putting in front of users, and how much of that speed now comes from knowing when to hand a step to AI and when to do it myself.

01

Constraints sharpen decisions

Five days left no room to gold-plate. Every choice had to earn its place — and the work was clearer for it.

02

Borrowed patterns earn trust

Leaning on Airbnb and Yelp conventions gave users familiarity they didn't have to spend effort learning.

03

Test small, test early

Five users were enough to validate the direction and surface one real refinement. Validation doesn't need to be big to be useful.

04

AI multiplies breadth, not judgment

Claude Design let me test more directions in the same five days. Picking which one to build still came down to me.

IF I HAD MORE DAYS

I'd run my own discovery round to pressure-test the provided research, build out the plan-ahead and saved-spots flows in full, test type-switching as a focused task, push Claude Design further on more complex interaction states, and re-run the photo-enlarge refinement to confirm it lands.

Previous — Good Help
Next case study
IAGD
An accessibility-first redesign for a disability-inclusion nonprofit.
CONTENTS