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.