Final Project wireframes...sort of

I wanted the site to resemble a storybook so I decided to wireframe in Photoshop. But in doing so, I realized that I will have to go back and simplify the site in consideration for users with slower connections. For the pages I was thinking of using the z-index to place a “dirty layer” of smudges (as a gif file) over a div that is filled with a color determined by css so I can change the paper color on the fly.

The book cover in the splash page will be made smaller and then when the user clicks on it, the inner page for the book will fill the screen. The book tabs will work via JavaScript. (The images still need some cleaning up.)


The "Plot" page will resemble the homepage.

The "places" page will resemble the "characters" page. I will use rollovers for the character pictures like when we did the ecommerce site.

For the actual page with the character descriptions, the bottom will have a div containing thumbnails of other characters that the user can scroll through. The div will be via an include file since it will be there for all character descriptions.


I haven’t decided on the Feedback section, whether it is a comment section or a form sending emails to me.