Website · Design system
Science to the Station
A research translation program for the fire service needed a website firefighters would actually use. I rebuilt it in custom code: 87 pages, one design system, and tools that put the research a click away.
The site as built
Twelve pages, desktop and mobile
Full-page captures of the site as I built it. Scroll inside the frame. Embedded video and widgets appear as dark placeholders.
The problem
The research was good. Finding it was hard. Studies, videos, toolkits and event pages had piled up over years, and a firefighter coming off a 24-hour shift had no clear path to the one thing they needed.
What I did
I mapped every page, cut and merged what overlapped, and rebuilt the site on one design system with consistent components, plain-language page structure and mobile layouts that work in a rig or at a kitchen table.
Then I built the tools that make the research usable: a searchable research library, guided starting points, and pages for the program's content series and national conference.
Scope
- 87 pagesAudited, consolidated and rebuilt in custom code.
- One design systemShared components, type and color across every page.
- Interactive toolsSee the tools
- MembershipConnected to the Member365 platform.