Dispatch is a split-screen landing page template built for state emergency management departments. It pairs a live-status infographic header with a step-by-step decision flow covering preparedness, active response, and recovery. The Navy Authority color system and amber alert accents create an operations-center aesthetic that guides every visitor, from county coordinators to families searching for shelter, straight to the action they need.
by Rocket studio
Dispatch delivers a calm, authoritative landing page for state emergency management departments. The 50/50 split-screen layout moves visitors through three clear phases: Prepare, Act, and Recover. A full-viewport infographic header shows live threat zones and operational status at a glance, while amber call-to-action elements guide every type of visitor to the right resource without confusion.
This template is purpose-built for state and regional emergency management departments that need to serve multiple audiences at once. It handles the range from a county coordinator checking grant deadlines to a family searching for open shelters while a storm approaches.
When disaster strikes, a cluttered or unclear website fails the people who need it most. Visitors arrive under stress, often on mobile devices, sometimes on degraded networks. They need immediate, visible utility, not a generic page that buries critical information under navigation menus and marketing copy.
This template includes a full single-page layout built around five structured sections. Each section follows the split-screen format, pairing two complementary resources side by side so visitors can self-route without scrolling through irrelevant content.




Theme
Directory & Discovery
Creative direction
Step-by-Step Guide
Color system
Navy Authority
Style
Split Screen (50/50)
Direction
Click-Through
Page Sections
Split-screen Infographic Header with Live Status Dashboard
Three-phase Decision-tree Scroll Flow
Inline Two-field Alert Sign-up Form
Sticky Mobile Call-to-action Bar
Accordion Preparedness Checklist Components
Quick-access Resource Cards Strip
Who is this template designed for?
Can this template be adapted for different emergency types?
Does the template include an alert sign-up feature?
Is the template suitable for mobile users during an active event?
What design elements can be customized?
This template includes design and layout capabilities grounded in the source brief. Each feature serves a specific operational purpose.
The header fills the full viewport with a stylized state map divided down the center. The left panel displays current threat zones color-coded by hazard type: flood blue, tornado gray, wildfire orange, and winter storm white. The right panel shows a real-time status dashboard with active alert count, open shelter count, counties under declared emergency, and a last-updated timestamp in JetBrains Mono typeface. An amber pulse animation marks active threat zones, creating urgency without panic. The headline "Know Your Risk. Know Your Plan. Know Your Resources." anchors below the map.
The page scrolls as a descending decision tree structured around three emergency phases. The Before a Disaster section splits family preparedness checklists on the left against county coordinator toolkits on the right. The During a Disaster section pairs an alert sign-up form with a shelter and evacuation route finder. The After a Disaster section matches individual assistance applications with municipal damage reporting portals. Each split opens with a numbered step so visitors always know where they are in the process.
Embedded in the During a Disaster section, the inline alert sign-up form captures only two fields: zip code and preferred notification channel, which can be text, email, or app. This minimal form respects the visitor's urgency and keeps the process fast. It provides a direct path for residents to receive official emergency communication without navigating away from the page.
On mobile devices, a sticky bottom bar displays the primary call-to-action throughout the entire scroll. The "Find Your County Plan" button appears in urgent amber on navy, routing visitors to the county-specific preparedness portal. This ensures that even a family member searching for shelter on a phone during an active event always has one-tap access to localized plans and resources without hunting for a button.
The Before a Disaster section includes frequently-asked-question-style accordion elements for preparedness checklists. This keeps the page compact and skimmable, letting a county coordinator or school administrator expand only the items relevant to their specific needs. It reduces visual clutter and supports fast scanning when time is limited.
A dedicated resources strip near the bottom of the page provides quick-access cards linking to key tools and portals. These cards assist visitors who arrive after completing the primary decision flow and still need additional resources, document links, or contact information for their organization or department.
| Section | Purpose |
|---|---|
| Hero Infographic Header | Displays live threat zones and operational status dashboard |
| Before a Disaster | Pairs family checklists with county coordinator toolkit |
| During a Disaster | Combines alert sign-up form with shelter and evacuation finder |
| After a Disaster | Matches individual assistance with municipal damage reporting |
| Resources Strip | Quick-access cards and primary call-to-action placement |
| Footer (Linear Single-Row) | Provides contact links and department-level general information |
The visual identity follows a Directory and Discovery theme built on the Navy Authority color system. Every design decision reflects a state operations center aesthetic: dark backgrounds, high-contrast text, and amber indicators that direct tired eyes to the most critical information on the page.
This template is built with a mobile-first approach because families and community members searching for shelter during an active event are overwhelmingly on phones, often on limited or degraded networks. The layout must perform under pressure, not just in ideal conditions.
This template earns the click by demonstrating operational credibility before asking the visitor to go deeper. The infographic header proves the department is current and active the moment the page loads.
This section covers additional considerations and practical context for teams evaluating or implementing the Dispatch template.