Reorganize “Current Pages” page in Figma to make this page more useful for team

[IsaacDesigns]

Overview

We need to clean up and organize the “Current Pages” page in Figma so that it is accurate and up to date, easier to navigate and understand, and more useful as a single source of truth on current page designs for all members of the team.

Action Items

• Refer to recent work completed by Jenna, Anya, Ida, and Isaac to compile all live versions and the most up to Figma designs for each page on the site.
  • Update "Current Pages" in Figma (Credits, Sitemap, Program Areas, and Program Areas: Citizen Engagement) #2446
  • Update "Current Pages" in Figma (Projects Page, Individual Project Page, Join Us) #2447
  • Update "Current Pages" in Figma (Nav Components, Toolkit, Guide Page, Donate) #2448
  • Update "Current Pages" in Figma (Homepage, About Us, Wins, Organizational Dashboard) #2449
• Assess the overall state of the Figma page and ideate possible ways to better organize the information.
  • Goals to keep in mind for this page
  • It’s intended to provide a way for anyone on the team to see, all in one place, the current design of all pages on the site.
  • Whereas all the Figma pages for each page on the site hold all history and design iteration for each page, “Current Pages” should only show the current live version and most up to date Figma design for each page.
  • It should be structured in a way that is easy to understand and navigate, for designers, developers, and PMs alike.
  • It should be easy to update.
• Re-organize the Figma page, showing the current live version and most recent approved Figma design for each page and nav component on the site.
  • Refer to the Site Map in order to ensure all pages are represented, taking structural cues from the site map if it could help make the relationship of the pages easier to assess and navigate.
• review the figma to determine if there are pages or components without a mobile view.
  • confirm no issues already exist for those pages for making mobile in Figma mobile issues
    - [ ] make new issues if required Not Required
• Update sitemap issue with relevant changes
• Create an issue to review the updated sitemap and add updated status of each page in the Current Pages Figma page Update Site map #2501

Resources/Instructions

HfLA Figma - Current Pages
HfLA Figma - Site Map
Civic Tech Index Figma for inspiration, their Figma is wonderfully organized!
Refer to this issue to create issue for mobile pages issue

Pages that are live and linked on site

• https://hackforla.org/
• https://hackforla.org/join
• https://hackforla.org/donate/
• https://hackforla.org/getting-started
• https://hackforla.org/survey4
• https://hackforla.org/survey3
• https://hackforla.org/survey6
• https://hackforla.org/codeforamerica/
• https://hackforla.org/communities-of-practice
• https://hackforla.org/project-meetings
• https://hackforla.org/guide-pages/2FA

Pages that are live but not yet linked on site

• https://hackforla.org/about
• https://hackforla.org/citizen-engagement
• https://hackforla.org/program-areas

Pages that are not linked on site but are live and are GUIDES from the toolkit section

• Have content
  • https://hackforla.org/guide-pages/github-issues
  • https://hackforla.org/guide-pages/survey-reporting-dashboard-guide
• Don't have content
  • https://hackforla.org/guide-pages/creating-kanban-project
  • https://hackforla.org/guide-pages/figma-for-opensource-projects
  • https://hackforla.org/guide-pages/responsible-use-of-images-on-opensource-projects
  • https://hackforla.org/guide-pages/setting-up-1password-on-opensource-project
  • https://hackforla.org/guide-pages/showing-civictech-experience-on-linkedin
  • https://hackforla.org/guide-pages/updates-team-pages-on-hflasite
  • https://hackforla.org/guide-pages/using-kanban-project

[github-actions]

Hi @IsaacDesigns.

Good job adding the required labels for this issue. The merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to read and interpret labels

[IsaacDesigns]

@ExperimentsInHonesty I tried organizing the screens lengthwise but I ran into the same issue of there not being enough room on the Figma page. What way do you recommend me to organize it?

[IsaacDesigns]

Progress: Need to find out what other pages that we have that are missing from the Current Pages Figma page.
Blockers: Will ask @bonnie where I can find them
Availability: 4
ETA: 12/16/2021