Nonprofit Site Designer - 2 Week Deadline

🚨 KEY PROJECT CALLOUTS

  • πŸ“ Platform: Webflow (must use Webflow, no exceptions)

  • ⏱️ Timeline: 2 weeks (hard deadline)

  • πŸ“„ Scope: Expand existing landing page into a multi-page site (Home, About, Programs & Events, Resources, Press)

  • πŸ’³ Donations: Stripe integration (via Donorbox)

  • πŸ“Š Tech Setup: CMS collections, SEO, analytics, cookie compliance

  • πŸŽ₯ Handoff: Loom tutorial + documentation required

πŸ“ PROJECT OVERVIEW

Athletech Academy recently completed a landing page for our website, establishing a strong visual foundation and aesthetic direction. We are now ready to expand this into a multi-page, CMS-driven Webflow website with the following structure:

  • Home

  • About β†’ About Us, Our Team, Our Approach, Our Impact

  • Programs & Events β†’ Camps & Clinics, Community Programs, Special Events

  • Resources β†’ FAQs, Downloads, Partner Resources

  • Press β†’ News & Updates, Media Coverage, Press Kit

The website will serve as a professional, scalable platform to support prospective families, donors, corporate partners, and community stakeholders. It must balance brand storytelling with nonprofit credibility, while providing clear pathways for engagement through three primary CTAs: Donate, Contact Us, Stay Connected.

🎯 PROJECT GOALS

  • Expand the site into a multi-page Webflow build aligned with Athletech’s brand guide and landing page aesthetic.

  • Showcase Athletech’s identity and vision through About (About Us, Our Team, Our Approach, Our Impact).

  • Provide near-term engagement opportunities via Programs & Events (Camps & Clinics, Community Programs, Special Events).

  • Equip visitors with practical resources (FAQs, Downloads, Partner Resources).

  • Build media credibility with Press (News & Updates, Media Coverage, Press Kit).

  • Drive engagement through three core CTAs: Donate, Contact Us, Stay Connected.

  • Deliver a scalable CMS framework for future growth.

🌟 PROJECT EXPECTATIONS

  • Expand from the completed landing page into a multi-page Webflow site with all listed subpages.

  • Maintain brand consistency (colors, typography, visual identity).

  • Ensure clean, mobile-first, responsive design across all devices.

  • Incorporate animations, scroll effects, and storytelling elements.

  • Build intuitive navigation with clear CTA pathways.

  • Configure CMS for Press, Events, and Downloads.

  • Implement SEO, analytics, and compliance best practices.

  • Deliver Loom tutorials + documentation for staff handoff.

πŸ“Œ DELIVERABLES

βœ… Design & Development

  • Multi-page Webflow site expansion from the landing page

  • Fully responsive design

  • Animations + visual storytelling

βœ… Core Content Pages & Subpages

  • Home

  • About β†’ About Us, Our Team, Our Approach, Our Impact

  • Programs & Events β†’ Camps & Clinics, Community Programs, Special Events

  • Resources β†’ FAQs, Downloads, Partner Resources

  • Press β†’ News & Updates, Media Coverage, Press Kit

βœ… Primary CTAs

  • Donate: Stripe via Donorbox embed

  • Contact Us: Segmented inquiry form

  • Stay Connected: Mailing list integration (Mailchimp, HubSpot, or Airtable)

βœ… Platform Setup

  • Webflow hosting

  • Domain via Google Domains

  • Cookie consent banner (GDPR/FERPA/CCPA)

  • SEO (meta titles, sitemap, alt text)

  • Google Analytics + Search Console

βœ… POST-LAUNCH SUPPORT

  • 1–2 revision rounds

  • QA testing (browsers/devices)

  • Loom tutorials + documentation

  • Final QA + credential transfer

πŸ“† TIMELINE

  • Total Duration: 2 weeks from contract start

  • Days 1–2: Kickoff & asset collection

  • Days 3–6: Initial build (Home + About)

  • Days 7–10: Full build (Programs & Events, Resources, Press)

  • Days 11–12: Integrations & compliance (Stripe, SEO, analytics, cookie banner)

  • Days 13–14: QA, revisions, Loom handoff & launch

βœ… SUCCESS MEASURES

  • All core pages/subpages are live and functional.

  • CTAs are working (Donate, Contact Us, Stay Connected).

  • Donate integrated with Stripe (via Donorbox).

  • Contact Us segmented and tested.

  • Stay Connected integrated with Mailchimp/HubSpot/Airtable.

  • Site is responsive across desktop, tablet, mobile.

  • SEO + analytics configured.

  • Cookie banner active and compliant.

  • CMS-driven sections editable by staff.

  • Loom tutorials + documentation provided.

πŸ”‘ REQUIRED SKILLS & COMPETENCIES

  • Webflow expertise (multi-page CMS builds)

  • Responsive design (mobile-first)

  • Custom animations + scroll effects

  • Stripe/Donorbox integration

  • Form setup + mailing list integrations

  • CMS structuring (Press, Events, Downloads)

  • SEO best practices

  • Analytics setup (GA + Search Console)

  • Accessibility/compliance knowledge (WCAG 2.2 AA, GDPR/FERPA/CCPA)

  • Documentation + Loom handoff experience

🌟 NICE TO HAVE (PREFERRED SKILLS)

  • Nonprofit, education, or school web design experience

  • Familiarity with donor engagement + fundraising flows

  • Detroit community storytelling experience

  • Ability to recommend creative enhancements

  • Comfort building for future scalability (admissions portals, alumni hubs)

πŸ’‘ HOW TO APPLY

Please submit:

  • A short note on your experience with Webflow and Stripe integrations.

  • Examples of nonprofit, education, or donor-focused websites you’ve built.

  • Confirmation that you can meet the 2-week deadline.

Job Qualifications

  • It must balance brand storytelling with nonprofit credibility, while providing clear pathways for engagement through three primary CTAs: Donate, Contact Us, Stay Connected
  • SEO (meta titles, sitemap, alt text)
  • Final QA + credential transfer
  • Stay Connected integrated with Mailchimp/HubSpot/Airtable
  • Site is responsive across desktop, tablet, mobile
  • SEO + analytics configured
  • Webflow expertise (multi-page CMS builds)
  • Responsive design (mobile-first)
  • Custom animations + scroll effects
  • Stripe/Donorbox integration
  • CMS structuring (Press, Events, Downloads)
  • SEO best practices
  • Analytics setup (GA + Search Console)
  • Accessibility/compliance knowledge (WCAG 2.2 AA, GDPR/FERPA/CCPA)
  • Documentation + Loom handoff experience
  • Examples of nonprofit, education, or donor-focused websites you’ve built
  • Confirmation that you can meet the 2-week deadline

Job Benefits

  • Webflow hosting
  • 1–2 revision rounds

Job Responsibilities

  • πŸ“ Platform: Webflow (must use Webflow, no exceptions)
  • ⏱️ Timeline: 2 weeks (hard deadline)
  • πŸ“„ Scope: Expand existing landing page into a multi-page site (Home, About, Programs & Events, Resources, Press)
  • πŸ’³ Donations: Stripe integration (via Donorbox)
  • πŸ“Š Tech Setup: CMS collections, SEO, analytics, cookie compliance
  • πŸŽ₯ Handoff: Loom tutorial + documentation required
  • Press β†’ News & Updates, Media Coverage, Press Kit
  • Expand the site into a multi-page Webflow build aligned with Athletech’s brand guide and landing page aesthetic
  • Showcase Athletech’s identity and vision through About (About Us, Our Team, Our Approach, Our Impact)
  • Provide near-term engagement opportunities via Programs & Events (Camps & Clinics, Community Programs, Special Events)
  • Equip visitors with practical resources (FAQs, Downloads, Partner Resources)
  • Build media credibility with Press (News & Updates, Media Coverage, Press Kit)
  • Drive engagement through three core CTAs: Donate, Contact Us, Stay Connected
  • Deliver a scalable CMS framework for future growth
  • 🌟 PROJECT EXPECTATIONS
  • Expand from the completed landing page into a multi-page Webflow site with all listed subpages
  • Maintain brand consistency (colors, typography, visual identity)
  • Ensure clean, mobile-first, responsive design across all devices
  • Incorporate animations, scroll effects, and storytelling elements
  • Build intuitive navigation with clear CTA pathways
  • Configure CMS for Press, Events, and Downloads
  • Implement SEO, analytics, and compliance best practices
  • Deliver Loom tutorials + documentation for staff handoff
  • Multi-page Webflow site expansion from the landing page
  • Fully responsive design
  • Animations + visual storytelling
  • Resources β†’ FAQs, Downloads, Partner Resources
  • Donate: Stripe via Donorbox embed
  • Stay Connected: Mailing list integration (Mailchimp, HubSpot, or Airtable)
  • Loom tutorials + documentation
  • Total Duration: 2 weeks from contract start
  • Days 1–2: Kickoff & asset collection
  • Days 3–6: Initial build (Home + About)
  • Days 7–10: Full build (Programs & Events, Resources, Press)
  • Days 11–12: Integrations & compliance (Stripe, SEO, analytics, cookie banner)
  • Days 13–14: QA, revisions, Loom handoff & launch
  • Donate integrated with Stripe (via Donorbox)
  • Contact Us segmented and tested
  • Cookie banner active and compliant
  • CMS-driven sections editable by staff
  • Loom tutorials + documentation provided
  • Form setup + mailing list integrations