Include some example forms that are really good at different metrics

[KindBill]

From 5/22/24 call with Quinten...

Options:

1. Separate static page
2. Maybe a gallery with the examples below the yellow boxes on the upload page
3. Or on the results page to showcase to the user some better examples

Suffolk team will have to come up with good form examples to showcase.

Will hold on working this until we receive direction on which option to move forward with and blocked by sample PDFs to try out.

Additional Notes:

1. Start with 4 examples forms (good for mobile view)

[nonprofittechy]

@colarusso can you take on finding 4 example forms, perhaps the highest rated forms from one of our statistics runs last June?

[KindBill]

Any update on the example forms?

[codestronger]

Made some screenshots using mock data. Found some code in the CSS that indicated there was an intent to have different colored cards on the homepage. That is not how it works currently, but I created a mock w/ the rainbow color set as a reference. Let me know which version you prefer and if there are any adjustments I can make now. We probably won't have the finalized card content until we get the real example forms.

The link to the example forms is just a simple hyperlink from the stats page. That is the time when a user would be most interested in taking action. We could add a similar link somewhere on the homepage too. Currently the link is always displayed. That can be made to be conditional, only displaying when the score is under a certain threshold.

[KindBill]

Hi @colarusso , we're still looking for 4 sample forms that are high scoring if you're able to provide them. This is the current blocker for this ticket.

[KindBill]

Sample forms provided by David: REQUEST TO BE APPOINTED AS CO-PERSONAL REPRESENTATIVE (AK): https://www.courtformsonline.org/forms/e21e8c015228bf50f945ad623dec1116.pdf

PUBLICATION NOTICE OF COURT DATE FOR REQUEST FOR NAME CHANGE (MINOR CHILDREN) (IL): https://www.courtformsonline.org/forms/c4e028ca6967bab9268255de6ad08ab2.pdf

APPLICATION FOR APPOINTMENT AS TEMPORARY PROPERTY CUSTODIAN (AK): https://www.courtformsonline.org/forms/a0a5bf50b2c7420975ed922631beadcf.pdf

Motion to Continue (VT): https://www.courtformsonline.org/forms/4250d72f88521a1e36cf4de12c839cb6.pdf

[codestronger]

Screenshot w/ new example forms integrated! I tried to track down the appropriate LIST category as the card titles. Winging it a bit w/ my lack of domain knowledge.

@nonprofittechy didn't hear any opinion of the card background colors, so I left them matching the current production site. CSS indicates we might have wanted different colors for each card at one point. There were only 3 colors in the old cycle, and in this case, we have 4 example cards, so the first color will repeat. If we do go w/ different colors per card, we might want to consider adding a fourth color to the cycle.

[codestronger]

Found a few issues checking everything again after merging into main:

1. Example 2 (https://www.courtformsonline.org/forms/e21e8c015228bf50f945ad623dec1116.pdf) fails to rate, even on the current production site.
2. Examples 3 and 4 had high complexity ratings (18.2 and 24.9). I assume this is okay? What's considered the most important measurement of a form's quality?
3. Seems like I left the color fix for the cards on the homepage. Meant to have that commented out until I had confirmation of whether cards should be a single color or cycle through colors. Will make a small PR to revert that, which we can reject if the cycled colors are preferred.

Current Homepage v. Main