Final Mock Up for New Layout of Behind the Scene

During the discussion about the the mock up for the behind the scene part, our group mate Nathania come out with a new layout of behind the scene.

So we sketch it out for the rough idea.

After having a rough idea, we immediately execute it. I have come out with the design for the introduction of behind the scene part.

This will the introduction part of behind the scene, there is an arrow there which will lead it to another page.

This is the page where it will lead to. There are three part of it, which is pre-production (interview), production (recording) and post production (sound mixing).

 This will be the pre production page which design by Spencer, after the reader tap on interview. This will be the interview of an artist about the studio set up and writing the lyrics. The texts beside the video will a scrollable information, so that the reader can scroll up and down to see the explanation.

This will be the production page which design by me, when the reader tap on interview button. The picture which place above will be a scrollable left to right frame by frame to show the process of setting up the instrument to the singer start singing. Text below will be the explanation of it.

This is the post-production part which designed by Jared, this is the page where the reader can hear the multitrack of the songs. For example, when the reader tap on the microphone, only the vocal will be played; if tap one more time, it will stop. This apply to the same as other three instruments, keyboard, guitar and drum. Besides than stop and play the song, the reader can also adjust the pitch and volume of each of the instrument.