Events page Intro Using Edge

I have finally found a tutorial I can use to create my buttons slideshow, originally its meant for images slideshow but I decided to use the same technique just using buttons.
link to tutorial: http://www.youtube.com/watch?v=97uyrOa75-Q

The tweaked technique consists by grouping buttons and creating an animation for each group to slide out, and then adding slide left trigger to activate the animation, of one group of buttons sliding out and next group of buttons sliding in, and then to get the animation to reverse I add a reverse play action by the swipe right trigger to the existing buttons on the screen.

I then animated the lines on top to get animating sound bar animation on top of the buttons by animating the clipping on the buttons.

Intro page production- trials and errors

To get things started I first went on with trying to achieve the planned out design of the cover page, which was to have slide-able buttons in the main events page.

I first tried to use Indesign I placed several buttons and was able to navigate through them according to different groups (months), but there was no way of achieving the sort of animations that I had in mind, or a smooth sliding in/out effect as it only worked by clicking a button and hide/show the different grouped buttons

I started with trying to purely achieve that using dream weaver as the software and tried to group the buttons in a <div> and use the same code that would be used to achieve a picture slideshow and try to tweak it to make a buttons slideshow, but it failed.

Next choice of software was muse and I tried to use the same technique, to try to achieve the slide-able buttons, by trying to create a buttons slideshow, but it did not work out as well.

and so my last option as a program was edge which and so I went to find a tutorial or a way of achieving at least 70% of the vision I had in mind of the opening page.

The Final Design of the Events Page

I have done further improvements to the design, merging in mine and Nigel's and we have finally all agreed on this one as a group now time to publish this up!

More Improvements

I worked more on the events section and here is my final design of it, waiting on feedback from the group mates:

Chosen section..

We have chosen to continue with the creation of our "Events" sections, but as we had two mock ups we have decided to merge the good points of both mock ups and combining them into our final design.

Below is my design:

below is Nigel's design:

Below is a rough idea of how the final would look like:

Strengths and Weaknesses of Group Members.

I have been asked to talk about my group mates strengths and weaknesses, I have three group mates : Kayla, Nigel and Genevieve 

>> Kayla's Strengths:

  Kayla's strengths lie in the fact that she has a very good attitude when it comes to dealing with group members, she is very friendly and she is good at research, very good at communication and when given a task she delivers.

>>Kayla's Weaknesses:

  sometimes gets too busy, not always available, prefers to work from home, but doesn't share much online, so makes it hard to feel her presence if we are not in a group meeting, needs to share more and not go silent when we need to have an online discussion.

>>Nigel's Strengths:

    Nigel is also friendly and absorbs critisim and works around that, gives really good ideas when he actually shares them, sometimes gives good constructive critisim too, delivers good ideas.

>>Nigel's Weaknesses:

   Nigel is very timid and shy which makes it hard to communicate with him when it comes to sharing ideas in group meetings, I don't feel much enthusiasm from his side sometimes, and it took him time to be able to share his ideas freely, he just needs to become more confident and be more present, whether its face to face or online, his ideas are good and he is a good designer but he just needs to share his vision before its really late sometimes.

>>Genevieve's Strengths:

     Genevieve is also very friendly and open, she is active, and also fast with delivering and sharing information, really good in research as all her links are very useful. Shares good ideas here and there, knows how to work under pressure, delivers clean work, and absorbs criticism well.

>>Genevieve's Weaknesses:

    She just needs to give more time for group meetings too, although she is present online, it would be better if she is present in real life too and just communicate better.

Group Leader:

   I have been the acting group leader since the beginning, the position was shifted to Nigel for a week but he was not acting on it so I went on with scheduling meetings and initiating discussions (time was being wasted).

Overall it's not hard to work with my group mates but they just need to give more time for work, and be available for group meetings or online discussions, they can work under pressure but its better if we communicate better as a group, and find a way to deliver better before its too late, and thats what I try to do because I have always felt communication was our problem but I think we are working through that, hopefully we wont face problems in the upcoming weeks.

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