View prototype

Pikspot – Design Interactive

Chasing adventures through spontaneous photography

During the spring of 2025, I joined a cohort program run by UC Davis’ human-centered design organization, Design Interactive. After applying and interviewing, I was accepted and excited to find out who I’d be collaborating with.

Teams were matched through a survey of our preferences across five design prompts. I was placed on the “Photo Spots” team, and our prompt was…

Role

UI/UX Designer
Mid-Fi & Prototype Lead

Team

1 Project Mentor
4 Designers

Timeline

April 2025 – June 2025

Skills

User Research
Interaction Design
Visual Design
Design Systems

Tools

Figma
FigJam
Google Forms

Read Time

15 Minutes


01. Problem Statement

What exactly was our prompt?

For photographers, finding the perfect location can be just as important as gathering the equipment. Yet, discovering unique, hidden, or niche photography spots can be time-consuming and difficult.

For that reason, we asked…

How might we design an app that can make discovering unique photo spots and sharing hidden gems effortless for photographers?


02. Research

Competitive Analysis

Where are photographers already looking?

Our research began by first conducting a competitive analysis. Each member was tasked to look at one of four photo-sharing platforms which include VSCO, Flicker, Pinterest, and Instagram to better understand their pros and cons.

Pinterest

Image-driven app curated for each user

Low-user generated originality

Flicker

High Quality photo sharing

Limited playfulness

VSCO

Aesthetically pleasing content that's curated

Weak social interaction

Instagram

Most popular method of sharing photos

High pressure to perform

My competitive analysis on Pinterest (FigJam)

Goal: Discover ideas and inspirations (fashion, food, home decor). Save and organize content into boards. Keep up with trends. Promote products for your business. Event planning. Navigation: Nav is simple and intuitive. Greeted with a screen full of pictures of your own interest. Click on the picture to learn more. Side nav bar has 4 buttons, home, post, noti, and messaging. Visual: Uneven grid style format that showcases pictures of various interests. Rounded edges throughout creates a very welcoming vibe. Minimalistic.
Target Base: Gen Z, younger millennials, greater female user base. Business owners promote on the app. Attention: Main focus of the app is to present images that align with people's interests. CTA: When hovering over a picture, theres a save and share button. Save button is bigger and red to make it more noticeable. Also a "..." button for additional options.
Opportunity: Short form videos that align with users interests and hobbies. Appeals towards younger GEN Z people who are used to Tiktok, Reels, etc. Expand E-Commerce. Very limited as of now. Threats: A lot of apps are incorporating short form videos which Pinterest doesn't have. Might deter users from using the app. Pinterest's main feature is essentially Google images.
Weaknesses: Algorithm is too sensitive. Click on one picture and a lot of your feed changes. Images are scattered all over the place, not really organized. Strengths: Image driven app. Clean layout focused on high quality images. The user intent is high. Users come with a purpose (research and planning). Pins stay discoverable for months or years, unlike time-sensitive posts on IG or tiktok.

Competitive Analysis Results

So… what does each platform have to offer?

Every successful product has one standout feature. Pinterest curates, Flickr protects quality, VSCO sets a mood, and Instagram brings the audience, yet none of them helps you find the place where a great photo happens. With so many photo apps, ours needed one too, but what would set us apart? That question carried us from research into ideation.

User Surveys / Results

Spontaneity beats planning

To understand how people discover photo spots, we surveyed 50+ individuals aged 18–25 about their inspiration sources, equipment, and sharing habits. You can check out our survey by clicking here!


67% discover photo spots spontaneously, and only 20% plan ahead.

73% explore in person rather than through social media. Key insight: spontaneous, real-world discovery feels more exciting than searching online.

  • Spontaneous67%
  • Planned20%
  • Other13%

User Interviews / Results

Three themes were consistent

To better understand common preferences and specific pain points in modern photo apps, we interviewed 10 UC Davis students (1 professional). Using an affinity map, we synthesized the findings and discovered three key problem areas that would guide us later in ideation.

Gatekeeping

Many keep favorite spots secret, fearing they'll lose their uniqueness.

Spontaneity

Best photos happen in the moment, without overthinking.

Casual Sharing

Sharing should feel casual, without pressure to be perfect.


03. Synthesis & Ideation

Mobile vs. Desktop

Why mobile won

The first big call was mobile or desktop. Research showed people prefer spontaneous, in-person discovery, which is exactly where mobile shines. Desktop is better for big screens and editing, but mobile lets photographers explore, shoot, and share in the moment.

Mobile

  • Push notifications
  • Works offline
  • Built for spontaneity
  • Best for casual users

Desktop

  • Can’t shoot on the go
  • Suits polished, pro uploads
  • More ways to monetize

Looking back at our research

Laying out the journey

To turn our research into actionable designs, I went back through the main pain points from users. From there I began brainstorming solutions, mapping the overall workflow and experience through information architectures and user flows.

Information Architecture

Click any screen to take a closer look.

Information architecture for the Home and Map screens Information architecture for the CE screens Information architecture for the Profile screen

User Flow

Click any screen to take a closer look.

Legend
Process block Decision block Result block
User flow: starting the app User flow: uploading a photo User flow: home page, continuing into the photo map
User flow: community events User flow: profile

Lo-fi Sketches

Concepts start to take shape

Lo-fi sketches let me explore ideas quickly before committing to wireframes, turning research insights into tangible layouts and workflows. Each designer took two pages; mine were the home page, which I iterated twice, and the events page.


  • LeftMy iterations
  • RightThe team’s work

Click any sketch to take a closer look.

My lo-fi sketches: two versions of the home page and the events page
Teammates' lo-fi sketches
More of the team's lo-fi sketches

04. Mid-Fi Prototyping & Usability Testing

My Pages, Iterated

The app coming to life

After everyone explored wireframes across every key page and we settled on one consistent design, I took ownership of the home and community events pages, working through many layouts to sharpen intuitive visual interactions and a clear information and visual hierarchy.

Home Page

Click any screen to take a closer look.

Initial iterations

Home page, iteration 1: gallery with tip of the day, weekly event and a Near You grid
.01
Home page, iteration 2: recommended feed of large single photos
.02
Home page, iteration 3: scroll gallery with tip of the day, weekly challenge and filter chips
.03

Feature design preferences

A visible countdown

.01’s photo challenge banner won out because it shows the time left, which users found crucial.

Photos that fill the screen

Users favored .02’s image layout for its large, high-quality photos.

Nearby Friends Global
Near You Recommended Popular

Filters at a glance

Users preferred .03’s filter chips; .01’s dropdown felt tedious and .02’s horizontal scroll unnatural.

Final iteration

Final mid-fi home page: tip of the day, weekly photo challenge with time left, gallery with filter chips Final mid-fi post detail page: photo, description, location and camera specs Refreshes daily. Provides users with ongoing photography learning opportunities. Added “Time Left” on photo challenge and used the filter on .03 that users preferred. Extended the images towards the end to highlight their visual quality. Picture of the post with a description from the user. Location of picture, camera specs, and more.

Community Events

Click any screen to take a closer look.

Initial iterations

Community events, iteration 1: weekly challenge banner, Near You event cards and other submissions
.01
Community events, iteration 2: For You and Saved Events rows of horizontally scrolling event cards
.02
Community events, iteration 3: global weekly photo challenge, filter chips and a vertical list of challenge cards
.03

Feature design preferences

Challenges front and center

Photo challenge banners from .01 and .03 were desired by users for easy accessibility.

A natural vertical scroll

Photo and information card layouts from .03 were preferred for their natural vertical scroll.

Telling the pages apart

Users expressed concern with differentiating between the home and community events pages.

Final iteration

Final mid-fi community events page: header with create, saved and past events; weekly photo challenge with more detail; vertical feed of event cards Final mid-fi event page: Golden Hour challenge with time remaining, prompt, map of the location, and hidden submissions Create Event, Saved Events, Past Events in order Weekly Photo Challenge. This time displaying more information. Vertical scroll similar to the home feed Map showing location of event Submissions are anonymous

The rest of the app

My teammates led these pages. They’re here so you can see the full app.Click any screen to take a closer look.

Photo map
Photo map: map of nearby photo spots Photo map: a highlighted area with the photos taken there
Photo upload
Photo upload: picking a shot from the camera roll Photo upload: adding a title, location and tags before posting
Profile
Profile: bio, top achievements and posts Profile: unlocked and locked achievements

Usability Testing

What do the streets think?

After the mid-fi prototypes, we ran 2 rounds of usability testing with 8 UC Davis students. Each round surfaced friction points in our flows, and those findings drove every change from my initial iterations to the final home and community events pages.

Home

Features felt natural and easy to reach, but users couldn’t tell home and events apart.

Community Events

The banner, trophy icon and saved events all led somewhere users didn’t expect.

Upload

Submitting to an event made users pick the same event twice.

Photo Map

Too many unlabeled icons and pins. Users found features by trial and error, and +/− zoom felt unnecessary on a phone.

Profile

Achievements were unclear; asked to edit them, users wandered across pages.


05. Hi-Fi Prototyping

Design System

Final touches to the UI

To keep every page consistent, we built a design system that standardized typography, color and components. Albert Sans keeps text clean and easy to read. We kept the palette to a small set of colors on purpose, so the photos people post, and their visual quality, stay the focus.

Click any screen to take a closer look.

Typography

Typography: Albert Sans in four styles, Title/Header 1 bold 24px, Header 2 semibold 20px, Body regular 16px, Caption regular 12px

Color

Color: blue #35A3FC primary, off-black #353935 body text, off-white #F8F8F8 background, gray #C3D6E4 helper text

Reusable components kept the team in sync: a five-tab nav bar (home, map, upload, events, profile), page headers with back and save actions, filter chips for Near You, Friends and Global, Active / Past toggles, and one set of icons and buttons. I built my high-fidelity screens on this foundation for a polished experience.

Components

Final Prototypes

Welcome to Pikspot

Everything we learned came together here: the surveys and interviews that showed people discover spots spontaneously and guard their favorites, the mid-fi layouts users preferred, and the friction usability testing surfaced. Each screen below is the working prototype. Press Play demo to watch its flow, or tap a phone to try it yourself.

Onboarding

A wall of community photos sets the tone before any form: inspiration first.
Sign up asks for your city and interests, so Near You and the feed fit you from day one.

Home

Tip of the Day refreshes daily; tap for the next. Learning for every skill level.
The weekly photo challenge sits up top, one tap from home.
Near You, Friends and Explore chips: the filter users preferred in mid-fi.
Edge-to-edge photos keep visual quality the focus. Double-tap to like.

Photo Map

Search any place to jump to its photo spots.
Pins show each spot’s own photo and a count, replacing the unlabeled icons testers guessed at.
Tap a pin to see every photo taken there, then head out and shoot it.

Community Events

Create, Saved and Past events moved into the header, each with a clear icon.
Challenges show their prompt and time left, the countdown users found crucial.
The same chips as home, plus filters for time and distance.
Blue event titles and a vertical scroll set this page apart from home.

Photo Upload

Next, tag the location as an exact pin or a wider radius, so hidden gems stay protected.
Your pick previews full width; title, location, event and tags follow on one page.
Drafts keep unfinished posts, so sharing stays casual, with no pressure to be perfect.

Profile

Edit profile gathers bio, banner and featured achievements in one place.
Saved and Liked keep the spots you want to visit close at hand.
Achievements now have names and icons; See all explains how to unlock each.