Week 6 - Design Proposal

Today we did our design proposal for ROTTW magazine. We have finalised on the designs for our cover page, content page, tutorial page and also behind the scenes page.

Design and navigation for content page.

A design updated page for tutorial sound page.

Behind the scenes page where there will be a panorama of the studio, where readers can view a 360 degree of the studio and zooming in and out also. Readers will be able to click on the instruments and equipments to view the information. By clicking the arrow bottom, readers will be directed to a page where there will be 3 section including pre-production, production and post-production.

 In pre-production, readers will be able to view an exclusive interview of the band and producer on the left hand side, while on the right hand side, readers are able to scroll up and down of the article. 

Production page is a video on the top where readers can scroll the video frame by frame on the recording session of the album or song. It consists of the set-up of instrument and equipments. And as for the bottom half is an article of the production process which readers can scroll also.

As for post-production page, readers can have more interactive in this page. A sound mixer analog will be provided where readers can have a bit of experience on how to mix sounds. The analog provides turn and off buttons for the different instruments and microphone. Readers are also able to start, pause and stop the song.

Week 5 - Friday

Today our group sat down again to decide the features to put for our 'behind the scenes' page. Progress has been really slow as everyone has assignments in their hands and this page has cause headache for the group, though we did brainstorming, but could not really come up with good ideas for it. So far we decided to have an interview in the pre-production and sound mixing for the post-production. As for the production stage, we are still lacking of ideas. By the weekend, we would be meeting up to finish up our design for all 4 pages and do a little animation for the cover page. 

Our group has been looking for ideas and tutorials on how to execute the different functions in our pages. Below is a picture and link found by Spencer on how to do a panorama image as it is one of our ideas of a panorama studio view for our 'behind the scenes' page.

http://tv.adobe.com/watch/learn-indesign-cs5/creating-a-panorama/

Our updated design for cover page based on Nathania's design.

Next Monday, the client would be coming for our 2nd presentation, hopefully our group would be able to produce something that will satisfy the client and good luck to all the other groups.

Week 5 - Monday

Today, we had a short presentation again. Every group had to finalize the design or art direction they are heading and the features they want to input into the magazine. My group presented to the class about our designs for the cover page, content page, tutorial sound page and our behind the scenes page. Not much changes after discussion with Mr.Razif since last Friday as our group had not sat down and did a proper discussion during the weekends. 

And some updates of our soundpage.

We however decided today, that we will research into more of our post-production section in our behind the scenes. The idea is to record a video of different people playing instrument and singing at the same time where readers are able to mute and play by tapping on the person. Our group will be meeting somewhere in this week to finalize our design and features to be put in our behind the scenes page. 

More updates to come!

Week 4 - Friday

Today we had to decide what will be the features for our pages for ROTTW magazine. So everyone got into their groups and started their discussion. As for our group, we did a little discussion of how our tutorial page and behind the scenes would be, and what would it contain. After discussing with Mr.Razif, our group does not have enough interaction in it, and we would need to think of more ideas to put into our pages to make it more interactive. For behind the scenes, we have to research on what are the things that happen behind the scenes for every procedure and process of it, we have to find out what happens in pre-production, production and post production. Mr.Razif suggested that we could do a sound mixer for the post production session, readers to able to choose the sound or instrument they want to hear from the songs. Our group will be doing brainstorming and mind mapping during the week to come out with more ideas on what to do for our magazine. After coming out with ideas, we need to find tutorials that will help us execute the idea. More research needs to be done.

Week 4 - Monday

Today Mr.Razif isn't feeling very well so the class was cancel. But my group mates and I decided to go on with our discussion to finalize our design mock up for ROTTW. After much discussion, we all came to agree that we would want to make our magazine more interactive. So we decided to use Nathiana's cover page design, but applying animation to it that readers will be able to see section and words moving in when they read the page. 

Reference for cover page : http://licklibrary.ceros.com/iguitarmag/stevie-ray-vaughan-guitar-interactive-magazine/issue20/page/1

As for the content page, we would go on with my design. From this content page, readers are able to navigate straight to a particular section in the magazine. And as for the other section that is available in the magazine, would be position at the right hand since of the page, where readers are able to click on the section the want to read, and a sub-section would appear allowing the readers to navigate to the different sections of the magazine.

For the section that we will be improving on is the tutorial/ soundpage. Spencer's design gives readers more interactive, from choosing a song they want to listen and learn, a sub button will come out which readers are to choose the instrument they want to learn, and would be navigated to another page, where the overall tutorial is.

The section would be introducing is a 'behind the scenes' page. Where readers are able to read and see how is an album produced. This page includes a parallax scrolling video at the very top, then divided into 3 columns which include, sound mixing, interview and recording of the album song. All this column includes short synopsis of the particular section where readers are able to scroll up and down to read while a video on the left hand side plays. Readers are able to double tap the video to enlarge it and double tap to minimize the video, the video can be played even while the reader is reading the text.

Week 3 - Friday (Comments & Feedbacks on group leader, Adriana)

Today in tutorial class, every group has to finalize or at least decide what to do for the page to improve and introduce for ROTTW magazine. Our group had a very hard time deciding what to do for our tutorial page and behind the scene page. After much discussion, we decide to use a similar concept as below :

We also need to include a part for readers to be able to listen to the rhythm of the song so that they can know the beat and tempo of the song.

For behind the scenes, after discussing with Mr.Razif. He suggested that we still need to put in some text in the content and not only with just a video. If we were to do the behind the scenes, Mr Razif suggested that we should do a simple studio tour, the things that will have in a recording studio. Divide the behind scenes into different section so that readers can choose which to read and watch the video, section would include sound mixing, interview, recording etc. For each video in this section, we would include parallax scrolling so that readers would be able to scroll through the video with their fingers or by using the mouse.

We would need to finalize our idea on what to do for each of the pages we would be doing. Through out the past few weeks, our group has been doing on researching on how to improve our contents for the magazine. Adriana as leader, has  arranging the different content we should include and everyone must come out with their own design for the cover page, content page, tutorial page and the behind the scene page. We would be switching leaders from now on so that everyone has a fair share of responsibility. 

Adriana is very flexible, corporative and punctual. For every group meeting we had, she will always be the first one there. In my opinion, there is still a lack of effort when it comes to designing mock up, there is still space for her to improve on the mock up. As in terms of leadership, she is does not boss us around, gives everyone chances to do whatever each group member wants, but she could learn to be more critical towards other group member's work as positive critics are good for self and the groups improvement.

Week 3 - Monday

Today we had our first client presentation from ROTTW, Abang Rom. He gave us a lot of information about ROTTW, what kind of magazine it was, who are the target audience and many more in depths of the magazine. He also share about the concert and jobs he has done so far, from what we see especially for concert, I know today that it really requires a lot of behind the scenes work to make a concert successful.

After the Q & A session, we proceeded with our presentation for the e-magazine proposal for ROTTW. My group idea was to improve the lyrics page by having tutorials on 2 songs. Readers will be able to choose which 3 instrument they want to learn from.

My group also decided to introduce a page where readers to see a video of behind the scenes of how an album is produce and have short interviews of the producer, band or artist. As the usual magazine mostly consist of review of song or magazine only. Abang Rom gave us a few feedback and for our group, he expects us to do the 3 instrument tutorial. Hopefully it will be done successfully without any problems.

Week 2 - Friday

Today Mr.Razif showed us a video of what is 'scamper' and how it is to be done. Normally use when we have a project or product in hand, and we try to find out its pros and cons and what we can turn it into another form. Another interesting video was how to generate great ideas. 

After all the video watching, we are to come out with 4 questions related to our e-magazine. Questions that we would ask viewers in what they want to see in e-magazine. Question are to be more specific and not board so that we can get ideas of how to make our e-magazine better for the viewers. Our group had a hard time coming out with questions but thanks to Mr.Razif, we were able to come out with the 4 question but we would need to improve them later on. We would be presenting our idea to the client in the coming Monday. Good luck to all the groups!