Monday, 28 April 2014

New and Improved Mock-ups

After looking at all the right design reference and keeping in mind the feedback we got from our lecturer.. I went on and made a mock up of the ROTTW Events section (previously we were planning on just featuring upcoming events, but "events" was a much better idea, to also give previews of past events, all in one section)


this would be the front page of the section, scrollable sideways to reveal more events, I decided on going really minimal and not use much colors for the whole section.

I still wanted to implement my vibrating sound bars ideas but decided to add it by using lines above each event bar. the lines would increase upwards and decrease downwards..

After the selection of an event, users are taken to the next page:

This page has it all, all the information needed at one place separated by simple lines , and each content can be scrolled upwards downwards depends on the amount of info there:
  • A fixed sidebar that contains the front picture, name of artist/band, name of event/tour, date, venue, and a map button to show where the place is, and also social media links of the artist/event.
  • then we carry on to the content (scrollable left and right) >>promotional video and summary about artist/event
  • rough number of number of people going
  • Get Your Tickets!!
  • latest album promotion by having parts of the songs available for streaming
  • Pictures and videos of previous concerts and ongoing ones in different parts of the world
  • and of course we must not forget the sponsors

Friday, 25 April 2014

trying to mock-up..

This week a communication gap happened between the group, my group mates missed the discussion session I scheduled which again slowed us down a bit, but we continued sharing online. I went on with creating the mock up for upcoming events section (first page)

 
i tried to reflect my image of moving sound bars (each sound bar links to an event)

 






 I still needed to see my group mates to discuss what to put on the inside

we came up with a fast wireframe to reflect our ideas:



our lecturer gave us feedback and ideas to add :

  • Videos from past to present concerts
  • Pictures from past to present concerts
  • promote current/ latest album




Monday, 21 April 2014

Ideas Presentation Feedback...

After we finally presented our ideas to our lecturers and we got the following feedback:


>> show a more in depth look into the making of the music, more interactivity
(i think we can show the instruments used,their inspirations...)
>> for upcoming events thoughts on interactivity and how the inside content should actually look

>> and we needed mockups !!

I got started and created a mock up for the front page just to start reflecting our ideas..



next was to work on upcoming events section but that needed discussion with the group mates on how to add more interactivity..


Friday, 18 April 2014

Presentation..

Finally finalized things here is our idea proposal presentation..I have created the wireframes and put everything in point form..


















Thursday, 17 April 2014

Brainstorming 4

In this session we have looked deeper into the layout and features of the 4 sections we are working on: cover page, contents page, DIY and upcoming events.


>> for the cover page we have decided to have a parallax 3D effect in the background, with an interactive option of tapping on the featured artist to hear latest song, and to press a button which then creates an open door transition onto the contents page
















>> for the contents page one of the group members suggested a cool way to navigate through different sections by having a rotating "gear" in the middle and as the reader rotates through different sections , different images pop up which are linked to the different articles.





























>> we have looked more into the layout of DIY section and the features inside the section to make it better, on how to project the different tracks of the album.

we were still contemplating on whether to add the "give you own feedback" feature so we were thinking of how to project it.










Wednesday, 9 April 2014

Brainstorming 3

In today's session we have looked more into features and layout of the sections:

the upcoming events section shall include info about upcoming Concerts, Gigs and Festivals.

A layout idea for the first page of this section was animated sound bars containing an image of the event/concert.

info to find inside:

  • Description
  • Venue
  • Time
  • Tickets prices
  • line-up
  • featured

DIY  Section features:
  • Short summary about band
  • short summary about album and who produced
  • track list
  • review of each track
  • links to album / band's website
  • band contact > email, number
  • songs available to hear
  • provide band pictures




Tuesday, 8 April 2014

Brainstorming Session 2

Our group was finally completed as the other 2 group members came back, we have missed our presentation due to communication problems ...but we finally got together and brainstormed.

We have looked at a lot of references of digital interactive magazines, and tried to think of the section to be added.

I suggested "upcoming Events":
   I thought it would be interesting to have a section that talks about all upcoming musical events.

Information References: