Sam Blackie

Above is the loading page for the homepage. The screen on the left half shows the page only loaded to about 25% and the right side being 75%. As the page loads the sun rises. The same design is on the phone, just smaller. The music player has been condensed down to just the play/pause and volume buttons, with a drop arrow to make it bigger.

This is the homepage fully loaded. As you can see there are green lights that move across the sea. When the user hovers over each a different message will appear introducing the website. On the phone application the dots will not move.

Above is the Articles page. The background is actually ink moving around slowly in purple coloured water. The jelly fish swim around at the same pace and when they are clicked on the swim towards the screen and open up the article, as seen above. The same process applies on the phone app.

This is the gallery page. The page background is a puddle of water with rain drops falling into it. The images float half in the water and when one is clicked on it expands, as seen above. The phone version will just show a grid type gallery and when an image is clicked on it shows the page above.

The page above is an application to discover different variations of Chillwave. The page tells the user to move about the stars to discover different tracks. The process behind this is that it is a grid system whereby each corner on screen represents a value for Bass/Vocals/Treble/Tempo. The number of stars in one corner will determine the value for that element, which will select a song relevant to the values. The same process applies on the phone version.

The page above is the 'Relax' page. It lets the user input information which will then create a playlist for them to listen to. An example of the information they give could be that; they are studying, for 30 minutes, and they want a slow tempo. The same applies on the mobile version.