Create a product tour for new users

[samajammin]

Summary

Although we're revamping the template READMEs (#234 #241 #246), we should consider better ways to introduce the IDE to new users by creating some sort of product tour.

Potential libraries

• https://github.com/elrumordelaluz/reactour
• https://github.com/gilbarbara/react-joyride

This product tour could pop as a series of modals (using a cookie or local storage?) that the user has the option to follow through or dismiss.

Motivation

One of the main pieces of feedback we received is that Studio is a complex product that is challenging to quickly understand how to use it. Our data supports this: only ~50% of visitors start a project & only ~20% of projects created end up deploying a contract.

Describe alternatives you've considered

• Update READMEs with clearer instructions
• Use a paid tool to accomplish this (e.g. Intercom product tours)

Additional context

I welcome ideas & discussion on this! Lots of different approaches we could take.

[ChrisChinchilla]

I think we spoke about this a few times in the past. I know a few people who create these sorts of things, so can ask for feedback, and again, tie it in to an updated video.

[javier-tarazaga]

The onboarding tooltips part in the tool should be fairly straight forward to implement. Possibly we could simply use some OS library to do it but a quick research and test should give us the answer if any of this libraries is suitable for the task.