A travel safety app that actually keeps students safe.

The problem

Terra Dotta’s Alert Traveler was a mobile travel safety app that had been live for four years. It served over 700 higher-ed institutions and thousands of student travelers, but it had aged poorly. Built on Angular, the UX couldn’t keep up with the growing feature set and three distinct audience types: Terra Dotta (the company), the institutional admins managing travel programs, and the students on the ground.

The app worked. It just didn’t work well. A full rebuild — UX, UI, and technical stack — was overdue.

The process

I was the Director of UX & Design at Smashing Boxes at the time, and Alert Traveler was a client engagement. We approached it in four phases.

Discover

I started by deconstructing the existing app. Every screen, every flow, every piece of IA. The honest assessment: most of it needed to go. The architecture had accreted features without a unifying structure, and the visual system was four years out of date.

Client research ran in parallel. Terra Dotta needed to serve institutional admins — the people managing travel programs, setting alerts, and configuring the tool. But the end user was the student on a semester abroad. I interviewed both.

Define

The output of discovery was a comprehensive user journey map, a new information architecture, and a set of user flows for each audience type. I also defined net new features — things the old app couldn’t do that the research surfaced as critical. The IA alone took a week of whiteboarding. Three distinct audience types, one app. That meant three distinct information hierarchies, three distinct navigation patterns, and a visual system flexible enough to accommodate all three without feeling like three different apps.

Design

I ran a heuristic evaluation of the Angular app to identify the most egregious UX issues — things we couldn’t wait for the full redesign to fix. Then I moved into wireframes in Miro and high-fidelity UI in Figma.

The visual system needed to do two things simultaneously: feel trustworthy and institutional for the admins, and feel approachable and helpful for the students. I landed on a clean, card-based UI with strong typography and a restrained color palette. The admins got dashboards and configuration panels. The students got a streamlined safety feed, check-in flows, and location-based alerts.

Deliver

The technical migration was Angular to React Native. I provided design oversight for both the domestic and offshore engineering teams — weekly design reviews, ad hoc guidance, and final sign-off on shipped features. It was a fast-paced agency timeline, which meant making calls quickly and trusting the team to execute.

The outcome

Alert Traveler shipped on the App Store and Google Play, rebuilt from the ground up. It’s now in the pockets of thousands of students worldwide, serving over 700 institutional clients across higher education. The UX that had aged poorly for four years was replaced with a system flexible enough to serve three distinct audiences without feeling fragmented.

Not bad for an Angular app that was four years past its prime.