Custom Multilingual Nonprofit Website with Next.js for TJ HopeCustom Multilingual Nonprofit Website with Next.js for TJ Hope
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
TJ Hope Foundation Website — TJ Hope Foundation
Designed and built a multilingual nonprofit website with Sanity CMS, donation flow, and custom design system using Next.js.
Roles: UI/UX Design, Frontend Development, CMS Integration
I led the design and development of a complete website rebuild for TJ Hope Foundation, a nonprofit organization, transforming both its visual identity and technical foundation.
Design:
Created a custom design system from scratch — defining a color palette (gold, gray, and accent tones), typography scale (Noto Serif/Noto Sans pairing), spacing rules, and responsive breakpoints (375px–1440px)
Designed page layouts for the homepage, about, blog, campaigns, events, donation flow, and registration forms with a focus on accessibility and conversion (driving donations and volunteer sign-ups)
Built reusable UI components (cards, buttons, navigation, footer) ensuring visual consistency across the site
Development:
Built the site on Next.js 15 (App Router) with React 19 and TypeScript for a fast, SEO-friendly experience
Integrated Sanity CMS so the nonprofit's team can independently manage blog posts, campaigns, events, speakers, and FAQs without touching code
Implemented multi-language support (i18n) with locale-based routing for broader accessibility
Built a donation system, plus contact, volunteer, and member registration forms with email notifications via Resend
Added SEO essentials (sitemap, robots.txt, JSON-LD structured data) and a cookie consent system for compliance
Set up performance monitoring with Vercel Analytics and Speed Insights Tools/Programs used: Next.js, React, TypeScript, Sanity CMS, SCSS, Figma (if used for design), Tailwind CSS, Vercel
Outcome: Delivered a polished, maintainable site that empowers the foundation's team to manage their own content while providing donors and volunteers with a smooth, modern experience.
Post image
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started