SnapPass

Leveraging Snapchat's fun ethos and brand identity, we designed a new feature within the app that enables low-income individuals to explore Culver City through a gamified scavenger hunt.
Hero image for project called SnapPass. Showing the homepage interface and logo.

The Challenge

Many Culver City residents crave unique experiences, but they are unable to afford it. They want to unearth the city's hidden gems and delve into its rich past while not breaking the bank.

Solution

Our digital solution empowers residents to uncover Culver City's hidden gems and partake in experiences that were previously unaffordable. Leveraging Snapchat's popularity with young professionals, we opted for an integrated solution to directly engage our target audience.
Role
Project Manager,
UX Designer
Industry
Social Media
Timeline
August 2023 - December 2023
Tools
Adobe After Effects
Adobe Illustrator
Figma
SnapPass
A complete prototype showing how SnapPass integrates with SnapChat.
Press R to Restart
Press ↗ to Expand
1a

Design Challenge

How might we create an interactive and affordable experience to highlight key features and landmarks to visitors of Downtown Culver City?  

1b

What I Led

♦ Project managed a team of three designers to ensure a timely delivery of our product
♦ Designed our usability plan for workshops and user testing
♦ Wrote the script for our promotional video which walked through SnapPass' unique features and benefits
♦ Designed the initial user flow for our mobile application

2a

Who We are Helping

22 year old Karina just graduated from Rutger's University with a degree in psychology. She just moved back home and is looking for a low cost way to enjoy Culver City. Dani sketched a story board to bring life to our proto-persona.

Storyboard sketch of Carina's using SnapPass in downtown Culver City

We created an empathy map for our target user to understand and empathize with their experiences, thoughts, and feelings.

Empathy map of Karina
3a

My Design Process

Our team identified Downtown Culver City as the ideal location for our solution with its rich history, vibrant arts scene, and hidden gems which presented a compelling opportunity to develop our solution.

Dog sitting by pet waste station in Culver City

Field Research

We conducted ethnography research on the ground. We broke down our observations into a couple of core categories to help guide our fieldwork.

Picture of the Culver City Steps

User Interviews

We conducted two user interviews with our target audience. Both people were from LA and frequently visit Culver City. Our findings revealed that many recent graduates struggle with finding their community again after college, and the unaffordability of Culver City makes it difficult to participate in the community.

Two women drawing on a whiteboard

POV Framework

We used the Point of View (POV) framework to help distill our understanding of user needs from multiple perspectives.

Journey map of Karina

Journey Mapping

We used this technique to outline the interactions that our target user has with our product. We wanted to identify pain points and opportunities for addressing these needs.

Step 5
Brainstorming for SnapPass

Pitch Proposals

Our goal was to create an interactive and affordable experience that highlights key features and landmarks to visitors of Downtown Culver City. We came up with three pitch proposals for this idea: a VR tour guide, a gamified scavenger hunt, and an informational kiosk and pitched the idea to our professors. Based off of feedback we decided to go with the gamified scavenger hunt idea.

4a

Designing a Prototype

Angel sketched the first version of our proposed idea. We drew inspiration from games like animal crossing.

A woman pointing at a whiteboard sketch
4b

Our Proposal

We created a digital scavenger hunt that fits perfectly into SnapChat's ecosystem. Through weekly challenges, users are able to learn about key landmarks and the rich history of Culver City. As a reward for their participation, users are offered a way to expereince the city in an affordable way.

4c

Designing a User Flow

I took our ideas and created a user flow detailing how a weekly mission can be completed.

A userflow for SnapPass
5a

Paper Prototyping

After figuring out our user flow, Dani and Celia create a paper prototype. In the beginning of our design process we wanted to be able to quickly communicate our idea to the stakeholders, focusing on the overall user experience and not the details yet.  

5b

Usability Testing

We tested on 4 people and received a lot of positive feedback from our testers. People seemed to enjoy the idea of being able to have fun while exploring Culver City at the same time. This feedback gave us the confidence to push forward with our idea. We noticed a few patterns emerging with all four testers. All participants saw themselves doing this with a friend as a social activity and not alone.
Low fidelity prototype of SnapPass missions tab

This is the “mission” tab. A mission consists of three challenges. Each challenge allows users to explore historical sites around Culver City.  

Low fidelity prototype of discover tab

The discover tab is the landing page for users. They are able to see all the stickers they have and the stories of other users.

We created another prototype based on the key takeaways from the first round of user testing. Using the same usability template from before, we facilitated a workshop and tested our mid-fidelity prototype on 10 people.

Mid fidelity prototype of missions tab
We began adding in more copy to make our idea come to life. We identified the Culver Hotel as a great landmark for a potential challenge.
High fidelity prototype of the missions tab on SnapPass
8/10 participants clicked on the rewards section first and were then taken to the rewards tab. They were then unsure how to proceed with the mission from there.

We created high fidelity prototypes based on our feedback after our second round of usability testing.

Mid fidelity prototype of missions tab
Many participants were confused as to why there was a rewards section on the Missions Page so we removed it.
A table of the point of view framework
We created a second access point by adding a button right below the rewards section.
5c

Creating a Design System

As we were designing, we wanted to create brand consistency for our application. Therefore, we created a style guide to clarify instances and make our application more cohesive. We also were very mindful of SnapChat's brand guidelines and used that as a basis for our application.

Style guide detailing font size, color, icons, and buttons for SnapPass
6a

Product Features

Based on our research we wanted our design to emphasis three key things.

♦ Increase participation by introducing free rewards for playing
♦ Offer fun and engaging ways to explore Culver City
♦ Help promote Culver City through positive social media experiences

Participation
Exploration
A table of the point of view framework
Exploration
Mid fidelity prototype of missions tab
Exploration
High fidelity prototype of the map page on SnapPass
Exploration
Exploration
High Fidelity prototype of completing a mission on SnapPass
Parpicipation
Promotion
High fidelity prototype of rewards tab on SnapPass
Promotion
High Fidelity prototype of discover page on SnapPass
7a

Next Steps

Given the fact that SnapChat is a global company, we wanted to make sure that SnapPass has the potential to scale. Although our application was designed with a local perspective in mind, I can see how our idea could be re-done for other cities.

7b

Retrospective

Testing and Feedback Loop
User testing, a crucial phase in the UX journey, provided valuable insights that sometimes challenged our initial assumptions. We initially assumed that users wouldn't want to post pictures to their story to complete a challenge, but through our research, we discovered that Snapchat is truly a platform for close friends and our gamified scavenger hunt works well with Snapchat's platform.

Embracing Constraints
We were constrained by SnapChat’s brand guidelines since we were building an application that would live inside of SnapChat’s ecosystem.

Personal Growth
Looking back at this project, I have grown immensely as a designer. I was able to gain valuable skills through conducting user testing workshops and prototyping in Figma. Finally, it was a joy working and learning from my friends.