RATM New Website Design - Slide Notes

Now keep in mind that this is FPO and the transition are not yet worked out. It will be much better once it’s developed.

This is actual size and it will bleed out to edge to edge. Right now I got it centered for presentation purposes.

Slide 1 and 2:
Home page photo is in sepia tone and then automatically fades into Rhythm in color.

“Now Playing” button/Panel:
Click on the “Now Playing” button to see section where you can put a image of a flyer and video of your choose. If you like we can make this a auto slideshow as well promos and flyer info.

This is accessible on all page of the site. It will slide out from the right when clicked.

Slide 3:
The “Bio” link:
Click on the “Bio” link at bottom to see the mouseover. Click again to see how it will animate from home page to other section of the site. Keep in mind that the animation will be smoother.

Home page animation up:
Keep in mind that this transition will happen when the below navigation links are clicked. Once open you will see every section load within the bottom area. To go back to home you will have to click the band name at top, then group photo will slide down back into place.

I used a animated GIF to show you the animation of the home page so you can get the sense of what it will do when you click the navigation.

“Bio” page:
Click Rhythm once to see the mouseover effect and click again to see her full bio.

You can also click on Papa too, to see his page which is an example of how the other band members’ pages will look.

You can also click on the Left and Right arrows at side to see how you will carousel through each members bio and when you reach the last page it will cycle back to the bio home page.

All pages will scroll under the fixed header. Click Rhythm's and Papa's pages to see the scroll effect under the header. You can also click the “Bio” link at top and you can see the scroll effect.