01
WordPress development
A 25+ page nonprofit site built in Elementor Pro from the Figma designs, on reusable templates the 4KIDS team can edit.
All workLaunching soonCase study · 2026
4KIDS ofSouth Florida/
A 25+ page nonprofit website for 4KIDS of South Florida — foster care, giving and volunteering journeys, built in WordPress.
- Client
- 4KIDS of South Florida
- Agency partner
- Maniac
- Sector
- Foster care nonprofit
- Platform
- WordPress · Elementor Pro
4KIDS of South Florida — homepage film
Overview
Every page an invitation to foster, volunteer, pray or give.
The challenge
Seven programmes, four ways to help and a dozen ways to give — for a mission that asks a lot of people, the site had to make taking the first step feel simple.
The approach
Put “Discover your role” at the heart of every page, keep Give Now one click away, and build it all on shared Elementor templates the 4KIDS team can run themselves.
What we delivered
02
Discover your role
Foster, Volunteer, Pray and Give — four clear paths from the homepage and the main menu, each ending in a next step.
03
Programmes & mega menus
Seven programmes, from Foster Care to Unplanned Pregnancy, organised in mega menus with a line on what each one does.
04
Events & stories
The Events Calendar for galas and gatherings, plus News & Stories, the Media Archive and Vision Tours.
01 — Typography
Bold and warm,side by side.
Inter sets every headline, button and menu with quiet confidence. Elena, a light serif, carries the introductions and stories in a softer, more human voice.
Headings & UI
Bold, SemiBold & Medium
Aa
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 / & ?!
Stories & intros
Light · Adobe Fonts, shown here in Newsreader
Aa
Elena
- Light
- Regular
02 — Colors
Trust blue,warm white.
A steady 4KIDS blue for every action, near-black type, and warm, blush-tinted whites that keep a heavy subject feeling hopeful.
4KIDS Blue
#006FAE
Blue Tint
#EDF5F9
Ink
#080B0B
Off-white
#FFFCFC
Blush
#FFF8F8
Grey
#EBE8E8
03 — From Figma to WordPress
Twenty-five pages.One hopeful system.
Home, Who We Are, Our Impact, seven programme pages, Foster, Volunteer, Pray, Give, Events, Partnerships, Vision Tours and more — built from the Figma designs on shared Elementor templates.
Home1440 · Desktop
Who We Are1440 · Desktop
More of the site
Hover a page to scroll it
01 · Home
Homepage
Helping children and families find hope
An animated logo intro opens onto a homepage that leads with four ways to help, then tells the story — programmes, the people behind the mission, and impact numbers that count up as you arrive.
- Foster, Volunteer, Pray and Give cards under the hero
- Programme tabs with a story for each
- Animated impact numbers and Give Now
4kids.us
02 · Get involved
Discover your role
Open your home. Change a story.
Foster, Volunteer and Pray each get a page that answers the real questions first, then makes the next step obvious — an enquiry, a sign-up or a prayer list.
- Fostering journey with FAQs
- Volunteer roles and sign-up
- Prayer page with ways to stand with families
4kids.us/foster
Foster · family stories
4kids.us/volunteer
Volunteer · roles
03 · Give
Giving
One mission. Many ways to give.
Give Now sits in the header of every page, backed by dedicated pages for donor-advised funds, legacy giving and stewardship — so every kind of supporter finds their way to give.
- Give Now in the header site-wide
- Give via DAF and Legacy Giving
- Stewardship page for trust and transparency
4kids.us/give-now
04 · Programmes
Programmes & impact
Support for every step of the journey
Seven programmes — Foster Care, Therapy & Training, Specialized Homes, Digital Ministry, Independent Living, Prevention and Unplanned Pregnancy — each explained simply, with an impact page that shows the numbers behind the stories.
- A page for each of the seven programmes
- EPIC therapy and training
- Our Impact with programme-by-programme numbers
4kids.us/therapy-and-training
Therapy & Training · EPIC impact
4kids.us/our-impact
Our Impact · programmes
05 · Community
Events & partners
Join the story
Events, Champions, Partnerships and Vision Tours invite churches, businesses and individuals to see the work up close and get behind it.
- The Events Calendar for galas and gatherings
- Partnerships for churches and businesses
- Vision Tours to see the mission in person
4kids.us/events
Events · calendar
4kids.us/partnerships
Partnerships · businesses
4kids.us/vision-tours
Vision Tours · dates
04 — Outcome
Homes. Healing. Hope.
A 25+ page site that helps more people foster, volunteer, pray and give — launching soon.
Built with Maniac, our agency partner. Pre-launch preview shared with permission.
