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