How Can You Safely Report Highway Littering?
Brief
The Rocksauce UX design and development teams on the Don’t mess with Texas (DMWT) project needed to update the client’s website and app, both to update the campaign’s overall image and so that app users could utilize voice activation to report littering incidents more safely and easily. Because most app users will be reporting from the road, we needed to give them a way to use voice activation when they see someone littering.
The Rocksauce team also needed to link up several backend elements for Don’t mess with Texas, such as connecting the app with multiple car and license plate databases, so the reports could be as accurate as possible. This case study is a good example of how Rocksauce can help redesign an app and a website from the ground up to meet user and client needs and improve overall UX capabilities for our client.
About the Client
Don’t Mess With Texas has been raising awareness of littering and its impact along Texas highways and in public spaces for more than 35 years. Through partnering with high visibility, iconic Texans including Willie Nelson and Matthew McConaughey, advertisements, consumer outreach, and media relations, it has become a well-known campaign and catchphrase in the fight against public littering, not only in Texas but across the U.S. and even internationally.
However, the client needed an updated look and improved functionality, to improve ease and safety to report littering in the app and on the website. In addition, DMWT needed to find a more economical way to make the app more affordable and accessible across platforms, so it can serve more users without a corresponding increase in budget.
Challenge
Step 1
Our Rocksauce development and UX design teams looked at functionality as well as visual elements including icons, typography, and the interface button on the website. Focuses were on interactivity and safety, so users can safely report litterers from the app through voice activation.
Step 2
Prior to this update, app users had to manually enter all information, and as such it was more difficult to use in a timely manner. With these updates, the app is more effective and interactive, lending itself to the way users actually use their phones in everyday life. The reports then go to the Don’t Mess With Texas database to identify the reported cars’ owners.
Step 3
DMWT needed to offer app users a safer, more user-friendly way to engage with the app or website. They also needed a fresher look while retaining the more easily recognizable design elements that people are familiar with.
Solution
Rocksauce Studios took the basic client request and were able to redesign the campaign’s app and website to be better integrated across platforms, more modern, safer, and very user-friendly. By utilizing the server-less model offered by Google cloud, Dialogflow, and Flutter, Rocksauce developers were also able to hand over a lower-cost model that could do more with less. The cloud model also lays a solid groundwork for future usage and easy, lower-cost updates that also take less time.
By rebuilding the Don’t mess with Texas app and website with these Google cloud tools, the Rocksauce Studios development and UX design teams tapped into the power of Google development teams working behind the scenes. As Google updates the cloud and tools such as Flutter, DMWT gains a full team keeping their systems up to date as technology improves and evolves in the future, all with a low monthly fee vs. paying a separate team to continue to update everything in the backend. This saves the client, time, money, and hassle.
In addition, the Rocksauce Studios offered DMWT the massive benefit of having development and UX teams discuss their plans, needs, and expectations early on in the development cycle. By having development and UX teams collaborate and communicate so often at the beginning of the project, vs. at the end, also meant saving time, money, and hassle, because they were able to work together and streamline the process.
Results
The client is happy with the outcome. We improved UX overall, bringing better functionality, a voice activated interface, and updated visual appeal to the app and website. In addition, by building the backend architecture on Google cloud and using Google Dialogflow and on the front end with Google Flutter, Rocksauce created an easily updatable system. If the client wants to add interactive features to the voice activation tool in the future, for example, providing answers to FAQs, the system is set up to easily and relatively inexpensively add that.
The cloud model, being server-less with auto-scaling features, means DMWT can accommodate many users without an increase in server charges. This was Rocksauce’s first in-house experience using Flutter and Google cloud tools together in this way. These tools have proven to be easy to use and a super positive experience for our teams and client. By programming the app and website to save data to the Google databases provide with these tools, the client can spend more time on building business value and more money on added features going forward.
