Liberty Mutual

I was on the founding mobile development teamthat shipped Liberty Mutual's first consumer mobile app—the one that introduced millions of policyholders to self-service on iOS and Android. The product has since been redesigned and rebuilt many times over, but that original release is where I cut my teeth shipping production UI alongside designers and PMs.

Day to day I translated Photoshop comps into interfaces with HTML, CSS, and JavaScript, pairing with design and product to keep interactions clear and fast on early hardware.

First notice of loss & claims submission

One of the projects I'm most proud of is the claims submission workflow—also known as first notice of loss (FNOL)—inside the mobile app. Policyholders were often stressed; the flow had to orient them quickly, capture the right photos and details, and show unmistakable progress. The composite below shows Safeco Express Estimate (a Liberty Mutual company) flows that reflect the same FNOL patterns we were pushing on at the time.

Wayfinder (stepper) in CSS and JavaScript

I built the horizontal stepper—we also called it the wayfinder—that anchored the Report a Claim experience: linked segments for Intro, Scene, Vehicles, and beyond, with a clear active state as customers moved through FNOL. It was implemented with CSS and JavaScript (no component libraries on those builds). Below is a Tailwind recreation—a flat segmented control you can tap to explore states; the reference screenshot above shows the original chevron styling in the shipped app.