Development - DONATE Page pt. 2

[CourtneyDruzak]

User Story
AS a new Orcasound user I WANT to have clear navigation that allows me to understand the different ways to donate to Orcasound or its partners SO THAT I can be sure my donation will be sent to the right place and used appropriately.

Description
The intent of this story is to allow users to easily choose which donation option they prefer.

Notes:

• There are two ways to donate to Orcasound: "Donate to Orcasound" and "Donate to our Volunteers"

• Donate to Orcasound: same as design, with “Donate” button linked to https://opencollective.com/orcasound

• Donate to our volunteers: same as design, with “Donate” button linked to https://github.com/sponsors/orcasound

• Partner donation:

Section title: Donate to our 501(c)3 partners
Description: Contribute to our partners to support on-going conservation, research, and education efforts.

• The list of partner organizations should be arranged in alphabetical order. At each description, “Learn more” would link to their respective donation page.

The Center for Whale Research: https://www.whaleresearch.com/supportcwr
Deep Green Wilderness: https://www.deepgreenwilderness.com/donate
F.O.L.K.S: https://folkssji.org/donate/
Orca Behavior Institute: https://orcabehaviorinstitute.org/
Orca Conservancy: https://www.orcaconservancy.org/donate
Orca Network: https://www.orcanetwork.org/donate
Port Townsend Marine Science Center: https://ptmsc.org/get-involved/donate
Project SeaWolf: https://www.projectseawolf.org/projectseawolforg/How_to_Help.html
Sound Action: https://soundaction.org/
Vashon Nature Center: https://vashonnaturecenter.org/donate/
The Whale Trail: https://thewhaletrail.org/connect/donate/

Acceptance Criteria
GIVEN I open the Orcasound homepage WHEN I look at the page THEN I see a UI that matches the linked UX/UI design.

Design link: Donation Page - Design 8.14.2023 // Design E

https://www.figma.com/file/YdvbAjHETokV2x1LBHaElj/Orcahome-%2F-Orcasound-Website-Redesign-2021?type=design&node-id=298-290&mode=design

[UXBrendan]

@CourtneyDruzak

When a user selects the "Donate to Orcasound" CTA, there are 2 ways they can donate:
1.) Our Open Collective link: https://opencollective.com/orcasound
2.) Our GitHub sponsorship link: https://github.com/sponsors/orcasound

There should be a design solution to allow users to choose either the Open Collective or GitHub Sponsorship link.

Also, there is 1 URL to donate to specific volunteers: https://www.orcasound.net/hacker-hall-of-fame/, but then individual volunteers will have their own URL for donations- Patreon, Kickstarter, etc. (Right now, my link goes to my portfolio, which isn't how donations can be collected!). This "Hacker Hall of Fame" page needs redesign work, and ways to donate to individuals according to each person is a design challenge, which I'm thinking is going to be complicated.

We should discuss who and what will be designed at the next Release 1 stand up.