Implement new homepage edits

[mrose914]

Designs here: https://www.figma.com/file/TfWk1iDHdlt7bSA3DjQuQv/Mobility-Marketplace?type=design&node-id=6819-1396&mode=design&t=4BtRBjMIZXThxpmP-0

Copy here: https://docs.google.com/document/d/1XLUM0EuFa9-A1icT3rySVEUfyZcohOB0D-NTpla8TtI/edit#heading=h.n4fzxa1e69w7

cc @segacy1

• Homepage: Create and add the Modernize your fleet section with 4 agency logos. #466
• Homepage: Update existing copy / delete sections #467
• Homepage: Add the Stay up to date contact section. #468
• Update button style on Homepage #488
• Homepage: implement announcement banner feature #472

[mrose914]

2 notes:

• Next iteration of the homepage will include the addition of a section to explore products, with info on Connectivity and Payments (once each of those products has both a landing page + guide).
• We need to figure out a plan for using the banner. An initial proposal could look like a quarterly update to tout a new resource or announcement but we need a request/post process and potentially a calendar.

[mrose914]

Moving to Blocked until content is finalized, ETA is 9/5.

[machikoyasuda]

• Section one: Remove 2 paragraphs, 1 headline
• Section one: Add View contracts button
• Create new section: Modernize your fleet - Headline, paragraph, 4 agencies, paragraph, button
• Delete Map section, delete modernize your fare collection system section
• Change copy on 2 sections, change button
• Add contact section

[machikoyasuda]

I suggest this ticket be broken down into 3 tickets, so they can be done in parallel:

• Create and add the Modernize your fleet section with the 4 agency logos. Estimate: 3
• Update existing copy / Delete sections: (Section 1 - Remove copy, add View Contracts button, Delete Map section, Delete Modernize your fare section, Change copy on 2 sections, change button style). Estimate: 2
• Add the Stay up to date contact section. Estimate: 1

cc @angela-tran

[mrose914]

Thank you @machikoyasuda for breaking this down!

In which ticket are we including the development of the banner? Our GTFS-RT RFP draft is ready for comment and we are asking DGS if we can make an announcement on MobiMart. If possible as a stretch goal this sprint, I'd like to make that announcement via a banner. If not, we can put it in the existing section.

We are sending the below announcement for their review and approval:

DGS has issued a Draft Request for Proposals (RFP) for GTFS-Realtime software to enable public transit agencies to provide riders with the real time location of their fleets. Responses are due by 2:00 PM Pacific Time on October 12, 2023. Learn more here.

[thekaveman]

Hi @mrose914, we're focused on deploying the Veterans code out to production for the first half of this week, with our Sprint ending on Tuesday 9/19.

We can come back to MobiMart over the latter half of the week.

[mrose914]

Thank you @thekaveman!! Sounds like a plan.

[thekaveman]

@mrose914 we talked through some of this today, and noticed that this banner text:

DGS has issued a Draft Request for Proposals (RFP) for GTFS-Realtime software to enable public transit agencies to provide riders with the real time location of their fleets. Responses are due by 2:00 PM Pacific Time on October 12, 2023. Learn more here.

Is much longer than what the design supports:

Was the intention to use this exact text on the banner, or a shortened version? Might it be easier to get DGS to approve a shortened version first?

[mrose914]

@thekaveman Very much expect to need to shorten it, but figured it would be simpler to have them approve a longer one that we can then shorten than the other way around. I let Zach and Lauren know to message to DGS that we would likely shorten for space. What is the character limit more or less so I can rework a few versions? And thank you for discussing it so quickly!

[mrose914]

Here are a few shortened versions:

DGS has issued a Draft Request for Proposals (RFP) for GTFS-Realtime software to enable public transit agencies to provide riders with the real time location of their fleets. Respond by 2:00 PM PT on 10/12/23. Learn more here.

DGS has issued a Draft Request for Proposals for GTFS-Realtime software so public transit agencies can provide riders with real time fleet location. Responses due by 2pm PT on 10/12/23. Learn more here.

DGS has issued a Draft RFP for GTFS-Realtime software so public transit agencies can provide riders with real time fleet location. Responses due by 2pm PT on 10/12/23. Learn more here.

DGS has issued a Draft RFP for GTFS-Realtime software so public transit agencies can provide riders with real time fleet location. Learn more here.

[thekaveman]

@mrose914 I think this will need to be workshopped with Design before we go to implement, likely putting us past this week. These options are all still significantly longer than the single sentence (7 words) in the design.

cc @segacy1

[mrose914]

Thanks to @segacy1, we have two options here: https://www.figma.com/file/TfWk1iDHdlt7bSA3DjQuQv/Mobility-Marketplace?type=design&node-id=6819-1391&mode=design&t=oEjptJXGLi8oeVZg-0

For the shorter version (max of 150 characters):
DGS has issued a Draft RFP for GTFS-Realtime software so public transit agencies can provide riders with real time fleet location.

For the longer version (max of 250 characters):
DGS has issued a Draft Request for Proposals (RFP) for GTFS-Realtime software to enable public transit agencies to provide riders with the real time location of their fleets. Responses due by 2:00pm Pacific Time on October 12, 2023.

I favor the longer version given that most of the content we expect to make announcements about, contracts and products, on MobiMart is acronym-laden and unlikely to lend itself to super concise one-liners.

[segacy1]

@thekaveman @mrose914 I cleaned everything up here for folks to see. There are options for 150, 240, and 250 character limits.

One note—you'll see that in the 150 & 250 character options, the action link (e.g. learn more) needs to be included in the character count.

[mrose914]

Copy is approved and agency logo use was approved.