Website Redesign: DONATE Page

[CourtneyDruzak]

User Story

1. AS a new Orcasound user, I WANT to have a concise Donate page with large, readable text SO THAT I can access the page and understand how to donate to Orcasound or one of its partner organizations.

2. AS a new Orcasound user I WANT to see organized and clearly segmented information architecture on the Donate page SO THAT I can easily choose the organization or group I want to donate to.

Description
The intent of these stories are to update the layout of the Donate page on layout. The updated layout should adhere to the principles of credibility, accessibility, visual appeal, and user friendliness.

Notes:

Banner on top: same as design, with the content in the box “Help protect marine life like the Southern Resident Killer whales by donating today”
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.

Desktop

Tablet

Mobile

Link to design: https://www.figma.com/file/AKxnlPthLEMQyYrYuMWqOW?node-id=0:1&mode=design#572687784

[Sahasann]

Hi Brendan. I can redesign this for you. Please let me know if anyone else is working on this and who I can reach out to.

[UXBrendan]

@Sahasann

2 devs- @JurgenYu and @harukafujii13 have been assigned to this user story. Please check in with them and see if they need help.