Homepage background image - should communicate ml5 more clearly

[joeyklee]

The current design of the main landing page view is a highlighted project. I would opt for something more specifically communicating to our audience that people have arrived at the ml5 website. At the moment, it feels too much like people are landing on the project page of the featured project since there is no reference to ml5 in the text and the background image is so dominant.

Current design

Interim solution / Proposed change towards something like...

see: https://github.com/ml5js/ml5-website-2/tree/homepage-updates

ideal solution:

We can have a ML5 sketch running in the background.. maybe something like sketchRnn?

[shiffman]

Yes, I love the idea of featuring a project made with ml5 on the homepage but I agree right now it's too much and it feels more like I've arrived at the "Let's Read a Story" page.

I love "neighborly" so much! Hah.

[joeyklee]

Another thought on this would be to add a video montage to run in the background for large/med screens and then an image for small screens, similar to the setup here:

http://selfdriving.moovellab.com/

This might help us to:

• showcase the various functions and projects made with ml5
• avoid issues with running unnessary heavy computation on page load
• give the landing page a bit more dynamism

We could collect a few screen recordings and videos of ml5 projects as well as people interacting with things like posenet or some snippets of coding train an other events?

[shiffman]

I like this idea! However, I worry about the work involved with producing/creating a video. I really love the "Discover the creative possiblities of machine learning!" section and I wonder if this could be featured more up top in this area?

[bomanimc]

I think we landed on a solid, clear statis here! Further improvements could be considered through the website redesign project (#118). Closing for now!