top of page
Spotter
Lead UX Designer
My role
Skills Used
UX Design
UX Research
Interaction Design
An AI-powered parking assistant designed to help students and faculty find real-time parking and promote sustainability.
Campus Parking Made Easy
24 hours
Timeline
Tools
Figma
FigJam
Canva
Google Sheets
Getting Started
Overview
During SpartahackX, my team and I challenged ourselves to create an interactive mobile app that could diminish the issues student and faculty/staff feel when parking on campus.
Existing solutions lack real-time enforcement alerts, predictive availability, and user-driven reporting, making it difficult to plan ahead.
Spotter solves this by providing AI-powered lot tracking, real-time enforcement notifications, and smart alternative suggestions, creating a faster, stress-free parking experience.
What's the issue?
The Problem
Campus parking is often frustrating and inefficient, with students, faculty, and staff wasting time searching for open spots, facing unexpected fines, and dealing with congestion.
A quick preview
Our Solutions
Real-Time Parking Availability
Through the collection of user-reported data and AI-powered recommendations, users are shown parking lots that are close by with available parking spots.
Notification of Parking Enforcement Presence
The "Report" feature allows students to alert others when and where they see parking enforcement or if they've received a ticket.
Spotter uses this data to give AI recommendations of where ticketing may be highest throughout the day.
Finding Pain Points
User Research
Quantitative Research
To more deeply understand exactly what our users are looking for, we did some quantitative research, pulling from sources such as the Truman Media Network and Inside Higher Education
Competitive Analysis
To gain an understanding of what solutions already exist, we conducted a competitive analysis of 4 parking applications, taking note of our immediate impressions, navigation experience, and their interactivity.
Of researched competitors...
75%
75%
25%
offer real-time availability
do not offer a navigation feature
collect and display user-reported data
Visualizing and empathizing with our users
User Personas
After conducting an in-depth assessment of our user base, we created three user archetypes. Each archetype represents a distinct user group, highlighting their key characteristics, goals, needs, and potential challenges.
Time to start sketching!
Low-Fidelity Wireframes
To kick off our design process, my team began by individually creating low-fidelity wireframes, each outlining our vision for the app’s functionality and key features.
Then, we came together to analyze each person's wireframes, identifying the strongest elements from each. This collaborative approach allowed us to merge our ideas into a single, cohesive wireframe that reflected our collective vision.
Medium-Fidelity Wireframes
Once we were satisfied with the low-fidelity wireframes, we used Figma to turn our sketches into medium-fidelity wireframes to get a better understanding of the user experience and the information architecture.
High-Fidelity Wireframes
Following the completion of the medium-fidelity wireframes, my team and I felt comfortable jumping into the high-fidelity wireframes.
Making it all come together
The Final Prototype
What did I learn?
Final Takeaways
What I learned
Creating this project during SpartahackX was both a challenge, and one of the most rewarding design experiences I've had so far. While the tight deadline was our biggest hurdle, it reinforced my ability to perform under pressure and lead effectively in high stress situations.
Additionally, it was an opportunity to apply what I've learned through my coursework and follow a structured, user-centered design process, ensuring our solution was both useful and impactful.
Moving Forward
If we had more time, we would have liked to conduct user testing to gather feedback and refine our design based on real user needs. Additionally, we wanted to take the project a step further by coding a functional prototype, allowing us to test interactions and ensure a seamless user experience.
bottom of page