Case Study

Wayfind

A severe-weather safety app that helps Dallas residents know what to do, where to go, and who to contact in the first 60 seconds of a crisis.

Role

UI / UX Designer

Platform

iOS Mobile

Timeline

8 Weeks

Type

Product Design

The Hook

Emergency apps give you alerts. They rarely tell you what to do.

When a tornado warning drops on Dallas, you have less than 60 seconds to act. Existing apps tell you what's happening — FEMA apps crash under load, shelter locations live in PDFs, and alerts offer no next step. Wayfind was designed to fill that gap: an app that meets you in the moment and moves you through it.

The Problem

Three gaps kept showing up

72%

No shelter in mind

Of residents surveyed had no idea where their nearest shelter was before an emergency hit.

61%

Turned to Twitter first

Defaulted to social media during emergencies because official channels were too slow or impossible to use under stress.

84%

Wanted one-tap contacts

Said alerting family should take a single action — not hunting through a phone under stress.

Wireframes

Core Screen Wireframes

Mid-fidelity, grayscale wireframes for the five core screens of Wayfind, a severe-weather safety app. Layout, hierarchy, and key interactions are resolved before anycolor or visual styling is applied. Numbered markers flag each design decision; thelegend beneath every frame explains the reasoning.

Home Alert

Alert Detail

Wayfind Alert Detail screen

Shelter Finder

Wayfind Shelter Finder screen

My Plan

Wayfind My Plan screen

Emergency Contacts

Wayfind Emergency Contacts screen

The Approach

Research first. Then structure for stress.

1

Discovery

Built two primary personas — Marco (29, solo renter) and Diane (41, parent of two) — then ran competitive analysis across FEMA, Weather Channel, and Citizen to map what existing tools were missing.

2

Research

Surveyed 40+ Dallas residents and ran an affinity mapping session. Three insights surfaced: people need speed, they need simplicity, and the app has to work offline.

3

Architecture

Mapped a 7-step critical path from push alert to shelter navigation, then structured every screen to serve exactly one decision in that sequence.

The Solution

Five screens. One goal: act before the storm arrives.

Each screen handles one decision — read the alert, find a shelter, navigate there, check your plan, or notify your contacts. Nothing else competes for attention.

Home Alert

Wayfind Home Alert screen

Alert Detail

Wayfind Alert Detail screen

Shelter Finder

Wayfind Shelter Finder screen

My Plan

Wayfind My Plan screen

Emergency Contacts

Wayfind Emergency Contacts screen

The Outcome

Designed for the moment that counts.

8/8

Users completed the full alert-to-shelter critical path without assistance in usability testing.

72%

Of surveyed Dallas residents couldn’t locate their nearest shelter — the core gap this app was built to close.

84%

Said one-tap family notification was the single most important feature they wanted in an emergency app.

Reflection

What I took away

Designing for emergencies means designing for stress, low attention, and shaking hands. The hardest calls were about removal — every piece of information not directly relevant to the next decision is a liability. If I continued, I’d test offline mode and accessibility across age groups, since the people most at risk in severe weather are often the hardest to reach with standard app design.