Add basic Aerie landing page

[camargo]

TODO

• Figure out what sections are needed
• Write copy for each section
• Design and add SVGs where needed
• Add Aerie video when it's complete
• Remove specific Docusaurus SVGs before merging

Final list of items:

• Get clearance to use mission logos, get appropriate logos
• Get clearance to use sponsor logos
• Hide testimonial placeholders or add real ones
• Build footer and add links
• Disable "coming soon" links
• Double check all other links
• Hide video
• Update ui screenshot
• Add cleared promo video back in

Refined list:

• Figma file with basic mock up. We can use this to work through sections + copy
• Define sections (will need help, but can use poster as a starting point)
• Write copy (will need help, but can use poster as a starting point)
• I can work through some supporting visuals for the different sections
• Video: I'll probably need help with this one, but can figure out a place to put it
• Move to docusaurus landing page

[ewferg]

Here are my thoughts on content:

• Short phrase on what Aerie is. Something like, "Modern and Modular Planning, Scheduling, and Commanding for Space Missions"
• Get started link that takes you to the Aerie FastTrack
• Demo (ToDo - we first need to build one and have it deployed for folks to play around with)
• Aerie Extended Universe Description/Link (ToDo - where should this land us? May want to build a repo that simply references available extensions like CLI and various models). The text on the poster is a good start:
  
• Aerie Video (when completed)
• Distinguishing Features Section similar to what we had on the poster, but perhaps a little more text (see poster screenshot):
  
• Quotes/Logos from current customers/collaborators like Clipper and SRL. I can work to get a couple quotes we could include.
• Link/s to engage in our community and get help (perhaps link to discussion forum and email [email protected])

[lklyne]

I'm happy to contribute to a quick design on this. Do we know where and how this will be hosted, and who will be building it? I'm trying to understand if theres any templates or frameworks already in place that I should design for. @joswig @ewferg

[ewferg]

@lklyne All good questions! I think we have a couple options for hosting:

• aerie.ammos.nasa.gov (doesn't exist yet and we are working to figure out whether we can have this subdomain)
• landing page of our GitHub docs (https://nasa-ammos.github.io/aerie-docs/)

As for frameworks, I think Chris used Docusaurus to make the landing page for this PR. What he had wasn't bad - we don't need anything too fancy, but let's talk more!

[lklyne]

Got aerie-docs running and am looking through the basic landing page. I think this is a great start we can build off.

Updating chris' to-do list at the top

[lklyne]

Added some basic sections and organization based on the poster to figma. @ewferg and @joswig -- does this feel like an okay place to work through content and structure? Trying to answer some questions about IA before moving into graphics / building. Alternative would be to transition to a google doc.

Questions:

• What main questions would potential customers want to know about aerie?
• How can we organize and group the main callouts?
• Keep content short and clear and link to docs or supplemental material, or provide more in depth descriptions here?
• How many sections / how much should we show here?

Once we land on those:

• Should we create a demo video?
• What supporting graphics / icons can we add?

https://www.figma.com/file/GYqDuFqxi8iLq7KpC22HfZ/%2382-AERIE-Landing-Page?type=design&node-id=20-10095&mode=design&t=rzXB1QOe75u3wLyl-4

[lklyne]

Did a pass through @ewferg's comments and suggested copy. I did a bit of editing on titles and descriptions for length. The single line heading on these cards is a bit restrictive, but this can be a nice constraint to ensure things are scannable. If it becomes too restrictive, we could explore some other layouts.

Added comments to figma with some questions and changes I made.

Would welcome feedback on organization, flow, and copy. Any content areas missing? Anything we can cut?

If this is looking like a good foundation, I can start working through supporting visuals. Will want to explore some abstract iconography type things, as well as any actual interface screenshots (especially highlighting complexity) we want to include.

Version 1: Separate section for mission partners

https://www.figma.com/file/GYqDuFqxi8iLq7KpC22HfZ/%2382-AERIE-Landing-Page?type=design&node-id=68-5465&mode=design&t=EQXzwjKTuU5DfLC5-4

Version 2: Mission partners at the top. In the "who is aerie for" section I removed the "all mission phases" card and added quotes.

https://www.figma.com/file/GYqDuFqxi8iLq7KpC22HfZ/%2382-AERIE-Landing-Page?type=design&node-id=72-10191&mode=design&t=EQXzwjKTuU5DfLC5-4

[ewferg]

Worked through @lklyne's initial versions and provided detailed comments in Figma. A few high-level comments:

• In additional to the video, having a screenshot or short video of just the UI front and center would be nice, perhaps just under the overview content.
• I like having the mission partners section separate (if we have more partners in the future, maybe we highlight this more)
• I would prefer slightly longer titles for our overview content just because I feel it is necessary to capture all the main capabilities we want to highlight and a potential customer may be looking for when they are searching for a fully featured mission planning system

[lklyne]

We are landing on a direction, with three slight variations. I think this is more or less ready to start being built out. There's a few open questions that we can keep sorting out while building.

• Copy refinement across the site
• How to best layout and organize UI + video in landing
• What each section should link to
• Any updates to visual style or layout
• Which UI screenshot to use
• How we can use logos and fit within NASA brand guidelines

Feel free to drop comments figjam

https://www.figma.com/file/XmH2YYKx1lU8yoX9i0Mu9F/AERIE-LANDING-PAGE?type=whiteboard&node-id=9-33710&t=bLy3kX0OkokX3B61-4

[Mythicaeda]

Looking good so far! Biggest thing I noticed were unused assets being added.

[AaronPlave]

This looks so good! Awesome work!

[Mythicaeda]

Video works for me! Landing page looks great!

[skovati]

Looks great on my machine! Nice job 🚀 🛰️