top of page
FloodAR mobile app
Prototyping
UI/UX Design
User Testing
Purpose: Make the users' interaction with our app intuitive and visually pleasing. To make the interaction with a tech-heavy app easy to use.
The FloodAR was created to help people visualize flooding risks in coastal communities. Our team partnered with Chatham County, where Savannah, GA resides in order to create a tool people could "see" what flooding looks like after different storms.
People interacting with out app could browse past storms like Hurricane Michael, and also visualize what a Category 1-5 storm would look like through Augmented Reality (AR).
My role on the team was to create prototypes and test the user experience of interacting with the app alongside development, and troubleshoot major problems before we were too deep into the code. The purpose of UI/UX Design is to solve design problems through mockups before the coding team has irreversibly invested in a design.
The responsibility of the UX Designer is also to make sure the app is visually pleasing and not purely technical or un-engaging.
prototype version I
basic template
how you change your location
switches the view to a 3D map of flooding
turns on the Augmented Reality (AR) visualization tool
button for help and to give more information on flooding risks from climate change
card swipes up to show flooding level slider and display information about storms
prototype version I
choosing color of water
chosen color
prototype version II
adjusting water level
prototype version III
selecting map button
This mockup was made to simulate the action of clicking on the map icon to change your location.
In this version we also got rid of the 3D button because it was too difficult to implement in code.
user clicks the map icon
user enters their correct location and clicks the "correct location" button
confirmation that location changed. no feedback can leave the user unsure it did anything.
bottom of page