top of page
Timeline
Team
Tools
Role
UX Designer
Oct 2022 - June 2023
Jennifer Kim, Camille Nikaido
Figma, Adobe Creative Cloud, Slack
Design and develop a scavenger hunt app to help Davis Triceratops grow sustainability
Allow moderators to hide triceratops and hunters to find them
Task
In a Blink
a club at UC Davis w/ 3,500 members that hides crocheted triceratops around town
Why? Who? What? How?
Our first step was to research a few questions about the project.
Why
Davis Triceratops struggles to organize and track dino drops while sorting through other discussions on Discord.
groups of triceratops that are hidden at the same time
How might we create a system that efficiently organizes dino drop updates?
Who
people looking for dinos
people hiding dinos
Our app needed to serve 2 user groups: Hunters and Moderators (mods)
Through 9 interviews and 480 survey responses, we created user personas.
hunter
moderator
What
While we had some idea of what we were creating, we aimed to learn from what was already successful.
a mobile scavenger hunt app
Goosechase
Geocache
We knew the app needed a few features:
4.
A map to view all live drops
A list of all live drops
A tutorial for new users
A user profile with notification settings and personal stats
1.
2.
3.
How
The most important question to answer... how will someone use this?
We stepped into the shoes of our users to create user flows.
mod user flow
hunter user flow
The Build
With our research in mind we began to ideate.
We focused on a few goals:
1. keep the chronology and style of both user flows similar.
2. minimize nesting.
3. keep the layout clean and scannable.
We started with pen and paper, then Figma to digitize.
hunter user flow
mod user flow
Before we moved away from grayscale, we needed a Design System.
too much like a coffee brand
too muted, not enough personality
too much contrast, not dino enough
We wanted something...
1. playful and light-hearted.
2. that felt dinosaur related.
3. simple, but with potential for variety.
We finally landed on the one below!
inspired by a cartoon my teammate used to watch as a kid!
Testing, testing
We began testing our prototype with 6 hunters and 3 mods.
Here's what we found:
mod user testing
hunter user testing
Integration & Development
While we were designing, our dev team was creating the backend structures.
I overheard some of their conversations and realized the way we had organized our drop form didn't match their backend logic.
So, we tried something new...
Interestingly, after another round of testing we found that our mod users preferred the new layout!
"This will definitely help us add info for each dino. It also just makes more sense."
- mod user
Takeaways
UI Design is difficult. Finding the right colors for your brand takes time.
Keep project scope, feasibility, and the development team in mind.
Learn from those around you!
1.
2.
3.
a huge thank you to my teammates, who I learned so much from!
bottom of page