Nonprofit Disaster Relief Website Template
Rapid Relief Network
A relief site for people having the worst week of their lives, and for the volunteers who come to help them. The help request sits in the first screen, the phone number sits above everything, and the rest of the site is about getting ready before the next one.
Starting at $500
Start with this design and I’ll personalize it with your branding, photos and words. Keep your current domain or get a new one.
Changes you make in the editor stay in your own browser, so try anything.
- Built for
- Homeowners and renters across Calcasieu, Cameron, Beauregard, Jeff Davis and Allen parishes after a storm, flood or freeze, plus visiting church crews and local volunteers.
- Navigation
- Two-tier header. A thin utility strip carries times, phone and language; the main bar below holds pages and the action.
Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.
Why it looks this way.
- Typography
Fjalla One is set in capitals for headings because it should look like the signage people already trust in an emergency: road closures, shelter arrows, the boards on a fire station. Barlow, drawn from highway signs, handles the reading text at 18px, a size chosen for tired eyes on a phone with ten percent battery.
- Fjalla One headlines
- Barlow body text
- Barlow Condensed labels
- Color
The blue is a FEMA roof tarp, which is what every street in Lake Charles looked like for a year after Laura. The orange is a high-visibility vest. Everything else is a pale storm-sky gray with a cool bias. The dark theme is for people reading at night on a generator, with lighter blue and orange so nothing glares.
- Page
#EEF1F3 - Cards
#FFFFFF - Text
#121A22 - Brand
#1B5AA6 - Accent
#E8541E
- Page
- Layout
A two-tier header puts the help line, the storm status and the warehouse days in a strip above the main bar, on every page. If someone only reads one line on this site, it should be that phone number.
Pages: Home, Get help, Volunteer, Get ready, Supplies, Our story
- Hero
The hero is the form. Name, number, address and what's wrong, in one bar, before any explanation. Beside the headline are four promises that answer the questions people are afraid to ask: does it cost anything, will someone call, do renters count.
- Calls to action
The main action is 'Request help', the exact words a person in a wet house is looking for. Volunteers get 'Join a crew', donors get 'Fund a roof tarp' because a tarp is something you can picture, and everyone gets 'Make your storm plan' in the quiet months.
- Photography
Volunteers in work clothes carrying boxes, builders on a frame, a flooded street. No pity shots of people at their lowest. The people pictured are the ones doing the helping, which is how this network sees itself.
- Accessibility
Square buttons are large and high-contrast, and the form works without a mouse. Every storm status is written in words, not shown only in color. Pages are light enough to load on a single bar of signal.
Like where this is going?
Starting at $500
Start with this design
Your colors, logo, photos and words, on a layout that already works.
Start with This DesignStarting at $1,500
Build something custom
A new design shaped around your organization from the first sketch.
Start a Custom WebsiteBoth include keeping your current domain or getting a new one, plus simple editing tools for your team. Monthly hosting and care plans are listed on Services & Pricing.