Designing MusicCPR

[wjed]

How do we design the website to look appealing?

Look at websites such as:

• https://www.birdbraintechnologies.com/products/finch-robot-2-0/
• https://earsketch.gatech.edu/
• https://tunepad.com/

Make an image through canva, whiteboards, etc.

How do we have the right items & make the site look appealing at the same time

[wjed]

1. Current Brainstormed Ideas Regarding Sections at the Top:

1. Home: A landing page that provides an overview of mission, features, and benefits.
2. About: A page that elaborates on background, goals, and collaborators, similar to current.
3. Features: A section highlighting the key features, including tools for teachers, standards alignment, and access to repertoire.
4. Get Involved: Information on how users can contribute to or support, such as donating, or providing feedback.
5. Contact: A page with contact information and a form for users to reach out to the team.
6. (MAYBE) Blog/News: Regularly updated content showcasing the latest developments, research findings, and success stories related to MusicCPR.

[wjed]

Looking at the Finch Robot's website, I really appreciate how the menu option at the top stays with you as you scroll down. No idea how tricky that'd be to implement, but it's nice.

[wjed]

🧠

[wjed]

Partial flowchart of what I want done:

[wjed]

Things I specifically like about Finch's Website that we could implement

1. Clear Branding and Product Highlight (We could do this, but we just need more visuals)
2. Consistent Color Scheme: The website uses a blue and white color palette that's consistent with the product, creating a cohesive look (We already have consistent colors but... up to everyone else what they want to do)
3. Clear Call to Action Buttons: The "Buy Now," "Get Started," and "Demo" buttons are displayed, encouraging user interaction.
4. Informative Tagline: The tagline "Bring computer science to life from kindergarten to college!"
5. Awards and Recognition: Displaying the "Best of STEM" award adds credibility and can help in building trust with potential customers.
6. Consistent Navigation: The navigation menu is clear and straightforward, making it easy for visitors to find more info about the products, teaching resources, and company information.

[wjed]

Current Ideas, Implementing a Blog (Which would probably be tricky to do with the amount of work everyone's doing, but could be cool!)