
Interactive App Design
Paynes Prairie Experience
Project Overview
I visited Paynes Prairie Preserve State Park and was given a sheet of paper as my map. It was then I had the idea to create an app experience to seamlessly guide visitors through the park and connect them with one another. The main goals for this app are to provide an easy and accessible wayfinding experience through Paynes Prairie and connect park visitors with a live, community reporting of wildlife sightings.
Skills
UI / UX Design
Prototype - Figma
Brand Identity
​
![]() |
---|
Research & Process
I researched other apps that could be similar in this function, but I could not find any. I did use some park map examples as a reference starting point.
PROBLEM
During my research, I found apps for National Parks explaining trails or showing some maps. Although these apps are useful, I found that they do not have any sort of live integration features.



SOLUTION
I decided I wanted to create a pocket guide with live trail maps and wildlife reporting. I planned out my features and functions through wireframes, starting on paper in low fidelity (lo-fi) and ending with solid layouts in my high fidelity (hi-i) wireframes.
Lo-Fi Wireframes



Experimenting with ideas
Narrowing down features
Deciding final rough details
Hi-Fi Wireframes




First iterations of layout and design concepts in Figma
Considering user-flow and experience
Prototype
I created a click-through video to show how users will interact with the app for reporting wildlife, seeing their location on the map/trail, and exploring trail details.
Research & Process
I researched other apps that could be similar in this function, but I could not find any. I did use some park map examples as a reference starting point.
Final Mockups
![]() |
---|
![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|
![]() |