Create sitemap for HfLA site

[ExperimentsInHonesty]

Overview

We need a sitemap so that we can see what pages we have and where we are adding new ones.

Action Items

• Product
  • Define the pages and their status for the sitemap
• Design
• Create sitemap in figma for
  • pages
    • Homepage (live
    • Getting Started (live)
    • ToolKit (in design)
    • Guide: 2FA (in development)
    • Guide: Survey Reporting Dashboard Guide (in development)
    • Guide: Create a Kanban Project Board from our Template (ready for ideation)
    • Guide: Using Kanban Project Boards for Team Effectiveness (ideation)
    • Projects (ideation)
    • Project Homepages (live)
    • Metrics Dashboard (in development)
    • HackNight page (in development)
    • Wins page (in design)
    • Credits page (ready for development)
  • links (internal)
    • connect
    • press
  • links (external)
    • donate
    • meetup
    • slack
    • facebook
    • github
    • medium
• Product
  • Refine
  • Signoff
• Development
  • Create framework for page using this design https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=3164%3A18
    • The site map image is an image that should be clickable to see a larger version. Do not remake the content of the image. It is designed to be able to be swapped out when the site is updated.

page status types:

1. ready for ideation
2. ideation
3. ready for design
4. in design
5. ready for development
6. in development
7. live
8. live and [one of the status types above]

link status types:

1. link (internal)
2. link (external)

[ExperimentsInHonesty]

posted this in slack to @yuikomajima
ok, I know this is going to sound crazy.. but while looking at this I couldn’t help but see how this could easily be made into a collection and actually display on the website. Meaning, if you designed out all the different ways that the images could display and their parent id, it could be built automatically

name of page:
short description of page: (if we want that)
status:
parent page:

[yuikomajima]

OK @ExperimentsInHonesty I have a much more simplified one right now here: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=1558%3A13110

We can make it the way you had mentioned, but just so we are on the same page, is this sitemap's purpose for our internal team to discuss what needs to be designed, or to be put on the website so users can navigate to pages?

[ExperimentsInHonesty]

discussion via slack between @yuikomajima and @ExperimentsInHonesty for those who want to read the whole thing.

Summary of discussion:
@yuikomajima will create a sitemap in figma that conveys the status types above and will also make a prototype of what that might look like if displayed dynamically on the site at some point.

The potential benefits of public version are:

• visitors can easily see where the website project is going (potential new team members, supporters of org, other brigades, etc).
• project teams will be able to see where the site that represents them is headed, providing opportunity to suggest more valued priorities, or approval for current prioritization.

[yuikomajima]

I updated the sitemap accordingly: https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=1558%3A13110

[alexandrastubbs]

@yuikomajima can we make the following updates to the sitemap:

1. New additions to the About Us page
2. Reflect that the new About Us page will have the Connect
3. Remove Connect from menu
4. Add each of the sub-sections (team meeting times, events, locations) to the Hack Nights section

[alexandrastubbs]

@yuikomajima please provide an update on this issue

1. Progress
2. Blocks
3. Availability
4. ETA

[ExperimentsInHonesty]

@yuikomajima I updated the site map with all the guides that were not listed and a current menu and future menu. I also added utilized a version of the horizontal split card on the live pages that are changing and the idea that you had to put the status of the cards on the card to distinguish them from the other stages where the site is not live.
https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=3129%3A20734

I see that you added some new color ways, I am curious to see how they would look on the sitemap.

[alexandrastubbs]

@ExperimentsInHonesty updated the menu (this should not change any of the page titles on the pages themselves, only the way they appear on the menu)