Header-02.jpg

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 

Outdoor-Custom-SMALL

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

Asset 4.png
Asset 5.png
Asset 1.png

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

lofi wireframes_Page_1.jpg
lofi wireframes_Page_4.jpg
lofi wireframes_Page_3.jpg

Experimenting with ideas

Narrowing down features

Deciding final rough details

Hi-Fi Wireframes

Home.png
Home-2.png
Home-4.png
Home-1.png

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

iPhone-Nature-SMALL