Iowa State University

Building a GIS React Application to Drive Conservation in Iowa

View the site
Iowa - a barn and silo in a corn field

Iowa State University approached us about creating a conservation tool for landowners in Iowa. When land is not suitable for growing corn, landowners are incentivized by government programs to plant prairies or trees. Doing so increases biodiversity, improves air and water quality, and preserves topsoil. In partnership with Wild Spring, we designed and built a GIS React application that helps Iowa landowners make sustainable decisions that also make economic sense.

An interactive map with multiple overlays

The tool incorporates several layers of GIS data, including flyover imagery, maps, CSR (corn suitability rating), LiDAR Hillshade, and 2-ft contours. Using Mapbox, the application can overlay these data based on selections in the user interface. Then, a user can navigate to their land and draw their proposed planting areas directly on the map using a polygon tool. The tool makes planting suggestions based on soil characteristics, available space, and land management practices. The user ends up with an economic report providing a rundown of the total annualized cost for the planting and any offsetting grant money that might be available from various government conservation programs.

An example map interface from the Prairie Planner application

A clean UX that puts the users first

Because the economic factors are complex, the application offers many options and features. We took extra care to ensure a streamlined user experience by identifying patterns familiar to targeted users and creating a simple onboarding process to understand how to use the application quickly. We also worked toward reducing the steps a user has to take to derive their report.

Options for the user to select on the Prairie Planner app

An iterative, agile process

Working on a tight budget, we gathered and prioritized requirements based on detailed user persona and iterated on the application’s detailed user flow. Quick wireframes were used to gather insight and clarity before finalizing the design mockups. All of this informed our simple design system, made of reusable patterns that could be quickly applied on new screens or used to enhance existing features. To ensure user privacy and lower costs, we took advantage of browser storage, enabling users to download their data without logging in.

A report from the Prairie Planner application

Being new to app development, I started my project with considerably more questions than answers. Lullabot immediately alleviated my concerns by providing just the kind of guidance I needed. They provided expert and transparent project structure, responded quickly to my interests, and connected the project to very talented app developers. Thanks to Lullabot’s partnership, my app is cooler and more advanced than I initially conceived.

John Tyndall, Associate Professor of Natural Resource Economics, Iowa State University

Project credits

The following people contributed to the success of this project.

  • Hunter MacDermut

    Senior JavaScript Developer

  • Jen Witkowski

    Associate Design Director

Anchor to move to the services section

Services

We provided the following kinds of services to help this project succeed.

  • Front-end Development

  • JavaScript

  • Technical Project Management

  • UI Design

  • User & Market Research

  • UX & Design

Get in touch with us

Tell us about your project or drop us a line. We'd love to hear from you!