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

edited_floodAR v1.png

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

edited_floodAR water1.png
edited_floodAR water2.png
edited_floodAR water3.png

chosen color

app on desk.jpg

prototype version II

adjusting water level

edited_floodAR cat2.png
edited_floodAR cat5.png
edited_floodAR cat4.png

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.

edited_floodAR location1.png

user clicks the map icon

edited_floodAR location2.png

user enters their correct location and clicks the "correct location" button

edited_floodAR location3.png

confirmation that location changed. no feedback can leave the user unsure it did anything.

bottom of page