← All work
Nonprofit build Live

The
Brotherhood.

A mentorship nonprofit for Black and Brown boys, built end to end for founder Kale Blackshear: the story, the seven-pillar program, the ceremony, and the ways in, enroll, mentor, or give.

Multi-pageDonationsPhoto galleryEmail captureNetlify FormsWCAG AA
thebrotherhoodnyc.org
The Brotherhood homepage with the inaugural induction-ceremony class
7
Pillars of growth
40+
Young men inducted
$0
Monthly platform fees
AA
WCAG accessibility
/ 01, the brief

Where it started.

01, Goal

A movement with a home

A grassroots mentorship program needed a real online home, somewhere to tell the story, recruit families and mentors, and take donations, all in one place.

02, Constraint

Run by a teacher, not a tech team

It had to be simple to manage for a full-time educator, with no monthly platform tax and no developer on call. Owned outright, with a portable hosting path.

03, Bar

Dignified, not a template

The work is about young men's dignity. The site had to feel warm, editorial, and serious, worthy of the families it serves, not a stock nonprofit theme.

/ 02, the day-one build

Brief to first version.

A multi-page nonprofit platform, designed, built, and deployed through a focused first pass. The build path:

00:00

Kickoff and brief

Make a young program look as serious as it is, and make it easy to enroll a student, become a mentor, or give.

01:00

A warm editorial system

Color, type, and motion that feel like a real institution, not a stock nonprofit theme.

03:00

Mission and founder

The homepage, the mission, and founder Kale's story, the heart of the whole site.

07:00

The seven-pillar program

The curriculum page, Identity through Purpose, laid out like a real syllabus, not a list of buzzwords.

11:00

The ceremony gallery

The inaugural induction class in a built-in lightbox, credited to the photographer who shot it.

14:00

Get involved

Three clear paths, enroll, mentor, donate, with the donation flow and email capture wired through Netlify.

18:00

Accessibility and polish

A full WCAG AA pass, mobile-first, and fast on any phone a family might open it on.

22:00

Deploy Live

Live and owned outright, with no monthly platform fee for a nonprofit to carry.

What shipped

  • A multi-page brand site: the mission, the founder's story, and the program, with a warm editorial design system.
  • A seven-pillar program page that lays out the curriculum from Identity to Purpose.
  • A ceremony photo gallery with a built-in lightbox, made for the inaugural induction class.
  • A get-involved hub with three clear paths: enroll a student, become a mentor, or donate.
  • A donation flow plus email capture, wired through Netlify with no backend to babysit.
  • Fast, mobile-first, accessible (WCAG AA), and owned outright with a portable hosting path.
thebrotherhoodnyc.org/program
The Brotherhood seven-pillar program page
/ 03, the outcome

A program that looks as serious as it is.

The Brotherhood launched as a full platform: a place to read the mission, see the ceremony, and back the work in a click. Every page custom, accessible, fast, and owned outright.

What a nonprofit site like this costs elsewhere

$4,000–$10,000

The going rate for a custom multi-page site with donations, a gallery, and email capture. The Pagecrafter built it for a cause, owned outright, with no monthly platform fee.

Ceremony photography by Ms. Dionna Lens LLC.

See it live