Capstone Website Redesign

D.A.D. Website Redesign

TheSprinters — Akhil, Neil, Moiz

A comprehensive redesign proposal for the Doing Exceptional Deeds nonprofit website — elevating their digital presence through impact storytelling, a streamlined donation flow, and dedicated program pages.

About the Organization

Doing Exceptional Deeds (D.A.D.) is a 501(c)(3) nonprofit organization based in San Marcos, CA. Their mission is to uplift individuals and strengthen communities across generations through character-first programs that build confidence, character, accountability, and purpose.

D.A.D. serves youth, young adults, student-athletes, and seniors through thoughtfully designed initiatives including youth athletics, mentorship, life-skills development, and community engagement. They also offer a community-based Student Success Advisory model for students from middle school through high school.

📍 420 Station Road, San Marcos, CA 92078 🏛 501(c)(3) Nonprofit — EIN #3302138
Visit D.A.D. Website ↗
D.A.D. Complete Homepage Redesign with Impact Storytelling
View Details
Main Feature
Work Split Neil — Full-Stack Homepage Build Moiz — Content Strategy & SEO Akhil — UI/UX Design & Components

Impact-Driven Homepage

From Text-Heavy to Visually Compelling in 3 Seconds

Full-width hero with bold tagline and dual CTAs
Animated impact metrics bar (youth served, programs, years)
Visual mission section with icons instead of text walls
Program spotlight cards with images and descriptions
Testimonial carousel from families and community
Prominent donation CTA with impact statements
Wix Custom Components CSS Grid / Flexbox Animated Counters JS Testimonial Carousel Responsive Breakpoints SEO Optimization

About

The current D.A.D. homepage has cramped navigation, small fonts, a wall-of-text mission section, and no visible impact metrics. The redesign leads with a full-width hero, animated counters showing youth served and programs offered, visual program cards, a testimonial carousel, and a prominent donation CTA — transforming first impressions from overwhelming to inspiring.

Impact

First impression becomes visually compelling in under 3 seconds
Impact metrics build immediate credibility with donors
Clear CTAs guide visitors toward donating or getting involved
Program cards make discovering initiatives effortless
Mobile-optimized for 50%+ of visitors on phones
Learn More
D.A.D. Donation Flow with Impact Visualization
View Details
Small Feature
Work Split Akhil — Content & Impact Storytelling Neil — Payment Integration & Backend Moiz — UI Design & Frontend Build

Donation Flow Redesign

See Exactly How Your Gift Changes Lives

Impact tiers showing what $25, $50, $100, $250, $500 accomplishes
Community fundraising progress bar to motivate giving
Pre-set quick donate buttons with custom amount option
One-click toggle between one-time and monthly donations
Photo + story section connecting donors to real impact
Wix Payments / PayPal Progress Bar Component Recurring Donation Logic Impact Tier Cards

About

Currently the Donate button just redirects to an external payment page with no impact information, no suggested amounts, and no visible recurring option. The new donation page features visual impact tiers, a community progress bar, recurring donation toggle, and a compelling story section — driving higher average gift sizes and donor retention.

Impact

Donors see exactly how their money helps
Pre-set amounts reduce decision paralysis
Recurring toggle can increase lifetime donor value by 5x
Progress bar creates urgency and social motivation
Storytelling builds emotional connection that drives giving
Learn More
D.A.D. Dedicated Program Pages with Registration and Gallery
View Details
Small Feature
Work Split Moiz — Content Gathering & Page Copy Akhil — Registration Form & Backend Neil — Photo Gallery & Page Template

Program Pages & Registration

Discover, Explore, and Register — All in One Place

Hero banner with program-specific photo and title
Overview section with goals, age groups, schedule, location
Responsive photo gallery with lightbox viewer
Embedded registration form for easy family sign-ups
Program-specific FAQ section
Reusable Page Template Lightbox Gallery Registration Form Builder Email Notifications Lazy Loading Images

About

Program details are currently buried in the homepage mission text — no dedicated pages, no photos, no registration forms, and no schedule info. Interested families must call or email just to learn basics. Individual program pages with hero banners, photo galleries, embedded registration forms, and program-specific FAQs make discovery and sign-up self-service.

Impact

Families learn about and sign up without calling or emailing
Photo galleries provide visual proof of impact
Dedicated pages improve SEO for program searches
Registration forms reduce admin workload
Reusable template makes adding new programs easy
Learn More

Team Work Distribution

Every member rotates across different responsibilities — design, frontend, backend, content, and integration — ensuring well-rounded experience and balanced workload.

Akhil
UI/UX Design Content & Storytelling Registration Backend
Neil
Full-Stack Build Payment Integration Gallery & Templates
Moiz
Content Strategy & SEO UI Design & Frontend Content Gathering