Improve UI

[xavierfav]

It would be nice to have a interface that is a little bit more fancy, and also helps understanding the different component of the app.

For instance, we should separate the pad and track section from the search one.

Example of Bootstrap container can be find here.

[xavierfav]

Work has ben done to improve the design. However, it is still not very it is still yet not so attractive.

It would be nice to:

• Have an header section containing:

  • Username section
  • Home page button
  • Room buttons

• Choose better colors for background

• In Rooms' pages:

  • Choose beter color for component boxes
  • Improve pad design and state color

• In Home page:

  • Have the same room page header
  • Present the website and basic fuctionalities

From the implementation point of view, we could use a layout template for holding the head and main container.

[DerouineauNicolas]

We could also use help popup to describe hidden feature. For example, the samples duration selection with waves.js is not very visible at the moment, such popup could help.

[xavierfav]

The help seems very important. Many people did not get how to load a sound in a track for instance. Since the popup idea is quite separated from the main design, I think it is worth to create #49 to discuss it