Mock-up nationwide campaign finance maps

[lbeaufort]

User story: So that users can have a quick, high-level understanding of campaign finance activity across the country, we should provide nationwide campaign finance maps.

Mockups of ("Choropleth") raising/spending map:

Raising by House/Senate/Presidential by state

Spending by House/Senate/Presidential by state

• [x] Update mockups for H/S/P
• [x] Update mockups to include overall totals
• [x] Decide on placement of campaign finance maps on "Explore all data" and fec.gov homepage
• [x] Content review of language for data landing and homepage
• [X] Make an implementation ticket
• [x] Update mockup to include the ability to change date range. (Is this 2-year period or whole election cycle? We do full election cycle totals for the election profile pages)

[lbeaufort]

@AmyKort @JonellaCulmer we had also discussed replacing this icon with a map icon:

[JonellaCulmer]

Based on a discussion regarding the placement of new and old map visualizations on the data landing page and homepage, we have a solid direction for what we need to accomplish next.

To firm up the below mock-ups, we need a content review on the language in sections highlighted in pink text and pink boxes. Specifically, we need a content review on the headers, description text and button text for the Getting started and new Explore data sections on the homepage. As well as the card text to direct users to the soon-to-be-developed maps on the by-the-numbers pages.

Designs

homepage mock-up

data landing page mock-up

Next steps:

Phase One

• [x] Content review for homepage mock up @dorothyyeager @AmyKort (and Kathy)
• [x] Content review for data landing page mock up @dorothyyeager @AmyKort (and Kathy)
• [x] Create follow-up ticket to implement homepage mock up Phase Two
• [x] Create follow-up ticket to develop maps (feature branch work here: https://github.com/fecgov/fec-cms/issues/2542)
• [x] Create follow-up ticket to implement data landing page mock up and new maps Phase Three
• [x] Create follow-up ticket to mock-up homepage changes for redesign of "Getting started" section (phase three)

[JonellaCulmer]

Data visualization work tickets here: https://docs.google.com/document/d/1HO5fmFKLNQbgu4CCR-kD_e8oWUaM3P_qrKVwnsGxW7I/edit#heading=h.yar6qrkio50x

[dorothyyeager]

Tagging @kathycarothers :)

[dorothyyeager]

I'm good with the data landing pages. Have some thoughts and questions on the home page mockup that we can all talk through in Design Sync.

[JonellaCulmer]

Below are the final mock-ups for the data landing page and homepage, incorporating feedback from the content team.

Data landing page

Homepage

[JonellaCulmer]

Next immediate work to be completed will be here: https://github.com/fecgov/fec-cms/issues/2562

Additional followup tickets here: https://docs.google.com/document/d/1HO5fmFKLNQbgu4CCR-kD_e8oWUaM3P_qrKVwnsGxW7I/edit#

[lbeaufort]

@JonellaCulmer Based on our discussions, I'm reopening to add a way to change date range and adding a completion criteria item.

[lbeaufort]

@JonellaCulmer: Also based on our discussions and after checking with @AmyKort and @jwchumley, these maps seem to make the most sense to show full election totals because we're talking about elections.

Also, did you want to design the interaction with the map, when the user clicks on or mouses over a state? Here's what happens with the state breakdown maps we have so far on the candidate profile and election profile pages (examples: https://www.fec.gov/data/candidate/P80001571/?tab=raising, click on "state", https://www.fec.gov/data/elections/president/2020/#candidate-financial-totals, click on "state" and then "map")

[JonellaCulmer]

Mockups have been updated based on previous conversations and user testing. Updated mockup in original comment.