About Page: Allowing users to see highlights from each year in the Accomplishments Section

[phuonguvan]

Overview

We need to have visitors who see the accomplishments in the about page, be able to understand the full breadth of what we have accomplished over the last two years, while not making the section so huge that no one looks at it.

Details

• It should be broken up by year
• There should also be a way for product to be able to add the orgs achievements without having to send it back to design for reformatting each year

Action Items

• Interview Product to understand why we think we need all the previous accomplishments
• Brainstorm ideas for designs
• Review ideas with the design lead
• Design low-fi prototypes of the section in mobile and desktop views
• Review low-fi designs with the design and product lead
• Design hi-fi prototypes of the section
• Review hi-fi designs with the design lead
• Review the final designs with the design lead

Resources/Instructions

Current page layouts

Accomplishments Section

Figma files

• Figma, About Page Figma

• Figma, Design Systems

• Figma, Current pages

• Figma, Designer work file

• 2021 Q4 Accomplishments

[sijiapitts]

1. Progress: Confirmed the final design for web and mobile. What's left: Check the margins. Design screens for 2019 and 2020 accomplishment
2. Blockers: No blockers
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: By the next meeting

[sijiapitts]

1. Progress: Completed the final design for web and mobile except for a few blockers.
2. Blockers: - Missing 2019 accomplishments. - Missing program area for two projects (indicated on the figma file). - Heading is inconsistent (H4 on web, but H5 on mobile)

Solved Blockers: Font size on the dropdown menu is 14.4px. I have confirmed with Phu and changed them to 16px.

[sijiapitts]

1. Progress: Reviewed and confirmed the final design for web. Next step: Will do an audit on all the drop down menus (mobile view), then create an consistent drop down menu design.
2. Blockers: Waiting for copies for: 2019 accomplishment National Day of Civic Hacking (NdoCH)
3. Availability: 5 hours
4. ETA: By the next meeting

[sijiapitts]

• Working on ticket #3277

[sijiapitts]

@ExperimentsInHonesty Hope you had a great holiday break too Bonnie.

I reviewed everything and have updated the program areas.

But we are still missing one thing: I noticed we don't have the copies for 2019 National Day of Civic Hacking (NdoCH). All the copies on this file are for 2021 and 2020 projects. In 2019, we have two projects: National Day of Civic Hacking (NdoCH) and Slack Redactor. I found the copies for the Slack Redactor project on this design file , but it seems like copies for the 2019 NdoCH is missing.

[github-actions]

@sijiapitts

Please add update using the below template (even if you have a pull request). Afterwards, remove the 'To Update !' label and add the 'Status: Updated' label.

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures (optional): "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) place your issue in the developer meeting discussion column and ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Monday, January 16, 2023 at 11:16 PM PST.}

[sijiapitts]

1. Progress: Design completed. Waiting for the missing content.
2. Blockers: No blockers. Justing waiting for the content.
3. ETA: After the missing content is provided, the project can be completed within 1 day.

[ExperimentsInHonesty]

National Day of Civic Hacking (NdoCH)
In 9/2019 Hack for LA joined Code for America brigades to work on Justice issues. During this day long event, we developed a Journey map of the record clearance process which led to the launch of the Hack for LA Record Clearance project, now called Expunge Assist.

[sijiapitts]

Completed. Ready for development. The final design can be found here

[ExperimentsInHonesty]

@sijiapitts It looks amazing! Thanks.

We will make a dev issue to build it.

[jdingeman]

I think it would look best to keep highlights grouped by program area rather than having each project listed with it's program area subheader. I think it'll give a cleaner look and naturally more categorical. I think this would also emphasize that there are multiple highlights per program area, rather than 1 highlight per project.

[blulady]

Just wondering how the yearly wins will be selected for display...

[ExperimentsInHonesty]

We will be sorting by program area for display

[ExperimentsInHonesty]

• The new issue for development is in draft here Edit Accomplishments in About Page to show different years  #4188